這是一個模擬面試的網站,使用Vue開發。這個網站主要有兩個功能:
1. 模擬面試功能:用戶可以選擇面試的職位、面試題目、面試時長等信息進行模擬面試,網站會在規定的時間內自動切換問題,用戶可以在答題頁進行回答。
methods: {
startInterview() {
this.showQuestion = true;
this.countdown(this.duration);
},
chooseQuestion() {
this.currentQuestion = this.questions[Math.floor(Math.random() * this.questions.length)];
this.showAnswer = false;
},
submitAnswer() {
if (this.answer === '') {
this.$message.error('Please enter your answer!');
} else {
this.showAnswer = true;
}
},
countdown(time) {
if (time >= 0) {
setTimeout(() =>{
this.duration = time;
this.countdown(time - 1);
}, 1000);
} else {
this.showAnswer = true;
}
}
}
2. 面試題庫功能:用戶可以選擇相應的崗位,網站會展示該崗位的所有面試題目,用戶可以點擊進入對應的模擬面試頁面。
mounted() {
axios.get('/api/questions').then((res) =>{
this.questions = res.data;
});
}
除此之外,網站還包括了以下功能:
1. 用戶注冊、登錄、退出;
2. 用戶個人中心可以查看自己的模擬面試成績、做題記錄等信息;
data() {
return {
activeIndex: '1',
activeName: '資料修改',
user: {}, // 存放用戶信息
interviews: [], // 存放用戶的面試記錄
questions: [], // 存放所有的問題
loading: false,
showPassword: false,
newPassword: '',
confirmNewPassword: ''
};
},
methods: {
getInterviews() {
axios.get(`/api/user/${this.user.id}/interviews`).then((res) =>{
this.interviews = res.data;
});
}
}
3. 管理員可以對用戶的信息進行管理、查看用戶的面試記錄、添加、刪除問題等操作;
刪除查看修改
總之,這個網站使用了Vue框架來實現了面試模擬、題庫展示、用戶管理等多個功能。對于學習Vue的同學來說,這個網站也是一個不錯的參考資料。