# 简介(有用的话记得给个star哈,谢谢啦)
## 1. 项目描述
1. 此项目为一个基于Vue的前后端分离的在线考试系统项目
2. 使用了 Vue 全家桶+ES5ES6ES7+Webpack 等前端新技术
3. 后端基于SpringBoot搭建SSM框架
4. 包括学生端、教师端和管理员端
5. 采用模块化、组件化、工程化的模式开发
## 2. 能从此项目中学到什么?
### 2.1 项目开发流程及开发方法
1. 熟悉一个项目的开发流程
2. 学会组件化、模块化、工程化的开发模式
3. 掌握使用 vue-cli 脚手架初始化 Vue.js 项目
4. 学会模拟 json 后端数据,实现前后端分离开发
5. 学会 ES5ES6ES7+eslint 的开发方式
6. 掌握一些项目优化技巧
7. 掌握WebSocket实时在线通信
### 2.2 Vue 插件或第三方库
1. 学会使用 vue-router 开发单页应用
2. 学会使用 axios/vue-resource 与后端进行数据交互
3. 学会使用 vuex 管理应用组件状态
4. 学会使用 基于Vue的插件, 如vue-seamless-scroll实现无缝滚动,v-viewer实现图片预览,ly-tab实现触摸滑动并具有回弹效果等
5. 学会使用 mint-ui、muse-ui和element-ui 组件库构建界面
6. 学会使用 mockjs 模拟后台数据接口
7. 学会通过API接口与后端进行交互
8. 学会通过第三方平台七牛云进行图片的存取
## 3. 运行项目
**onlineexam-student文件夹:**
1. `npm install`
2. `npm run dev`
**onlineexam-student文件夹:**
1. `npm install`
2. `npm start`
## 4. 其他项目地址
[在线考试系统教师端](https://github.com/FrontDemon/onlineexam-teacher)
[在线考试系统管理员端](https://github.com/FrontDemon/onlineexam-admin)
[在线考试系统后端项目源码](https://github.com/FrontDemon/onlineexam-system-backend)
## 5. 在线演示地址
**在线考试系统学生端:** http://maweitao.top/onlineexam-student
## 6. 部分演示截图
<p align="center">
<img src="http://qiniu.maweitao.top/student-home.jpg" alt="Sample" width="250" height="500">
<p align="center">
<em>学生端首页</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/student-wrong.png" alt="Sample" width="250" height="500">
<p align="center">
<em>学生端错题页面</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/student-search.png" alt="Sample" width="250" height="500">
<p align="center">
<em>学生端搜索页面</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/student-profile.png" alt="Sample" width="250" height="500">
<p align="center">
<em>学生端个人中心页面</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/student-profile.jpg" alt="Sample" width="250" height="500">
<p align="center">
<em>学生端消息列表页面</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/paper-list.jpg" alt="Sample" width="250" height="500">
<p align="center">
<em>试卷列表页面</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/paper-detail.png" alt="Sample" width="250" height="500">
<p align="center">
<em>试卷详情页面</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/single-question.png" alt="Sample" width="250" height="500">
<p align="center">
<em>试卷单选题页面</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/multiple-question.jpg" alt="Sample" width="250" height="500">
<p align="center">
<em>试卷多选题页面</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/judge-question.png" alt="Sample" width="250" height="500">
<p align="center">
<em>试卷判断题页面</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/fill-question.png" alt="Sample" width="250" height="500">
<p align="center">
<em>试卷填空题页面</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/answer-card.png" alt="Sample" width="250" height="500">
<p align="center">
<em>试卷答题卡页面</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/answer-card.png" alt="Sample" width="250" height="500">
<p align="center">
<em>试卷答题卡页面</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/score-report.png" alt="Sample" width="250" height="500">
<p align="center">
<em>成绩报告页面</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/wrong-question.png" alt="Sample" width="250" height="500">
<p align="center">
<em>错题题目页面</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/wrong-card.png" alt="Sample" width="250" height="500">
<p align="center">
<em>错题卡页面</em>
</p>
</p>
<p align="center">
<img src="http://qiniu.maweitao.top/collect-question.png" alt="Sample" width="250" height="500">
<p align="center">
<em>收藏题目页面</em>
</p>
</p>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
在线考试系统是一种基于互联网的教育技术工具,用于组织、管理和实施在线考试。这种系统通常由软件应用程序支持,为学生和考生提供了在网上参加考试的机会。在线考试系统可以用于各种教育和培训场景,包括学校教育、职业资格认证、招聘考试等。 【主要特点和优势】: 灵活性和便利性:学生和考生可以通过互联网随时随地参加考试,不再受限于特定的地点和时间。 自动化管理:系统能够自动管理考试安排、考生信息、考试成绩等数据。 安全性:在线考试系统通常具有严格的身份验证和防作弊措施。 实时反馈:考试结束后,系统可以立即生成和发布成绩,提供即时反馈。 多样化的题型:系统支持各种题型,包括选择题、填空题、问答题等多种题型。 数据分析:系统可以收集和分析大量的考试数据,帮助教育机构和考试机构更好地了解学生的表现和需求,优化教学和考试内容。 【引流】 Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes
资源推荐
资源详情
资源评论
收起资源包目录
基于Vuejs的在线考试系统学生端onlineexam-student.zip (170个子文件)
.babelrc 518B
mui.css 95KB
mui.min.css 74KB
animate.min.css 57KB
icons-extra.css 3KB
reset.css 2KB
.editorconfig 147B
.eslintignore 51B
.eslintrc 58B
loading.gif 47KB
loading.gif 47KB
.gitignore 213B
.gitkeep 0B
index.html 1KB
favicon.ico 66KB
school.jpg 90KB
bg_chat.jpg 75KB
college.jpg 37KB
nomessage.jpg 28KB
teacher2.jpg 23KB
teacher.jpg 20KB
profile.jpg 3KB
mui.js 257KB
mui.min.js 121KB
actions.js 6KB
index.js 5KB
webpack.prod.conf.js 5KB
index.js 5KB
mutations.js 4KB
webpack.dev.conf.js 3KB
mutation-types.js 3KB
index.js 3KB
utils.js 3KB
webpack.base.conf.js 2KB
main.js 2KB
runner.js 2KB
ajax.js 1KB
check-versions.js 1KB
build.js 1KB
nightwatch.conf.js 1KB
.eslintrc.js 832B
elementCount.js 765B
jest.conf.js 725B
state.js 599B
test.js 561B
vue-loader.conf.js 553B
index.js 536B
getters.js 516B
HelloWorld.spec.js 354B
mockServer.js 311B
index.js 273B
common.js 270B
.postcssrc.js 246B
dev.env.js 244B
prod.env.js 179B
test.env.js 149B
setup.js 56B
package-lock.json 529KB
package.json 3KB
data.json 261B
README.md 5KB
logo2.png 125KB
admin.png 24KB
nopaper.png 21KB
corner-wrong-join.png 14KB
paper.png 13KB
js.png 11KB
nopapersearch.png 11KB
python.png 9KB
ios.png 9KB
go.png 9KB
nopaperwrong.png 8KB
paper2.png 7KB
logo.png 7KB
logo.png 7KB
corner-complete.png 6KB
menu1.png 6KB
ruby.png 6KB
corner-score.png 5KB
yes-collect.png 5KB
answer-card.png 5KB
corner-mark-recommend.png 5KB
already-clock.png 5KB
corner-mark-top-right.png 5KB
loading.png 4KB
wrong-card.png 4KB
score-confirm.png 4KB
no-collect.png 4KB
corner-mark-must.png 4KB
corner-mark-new.png 4KB
corner-wrong.png 4KB
java.png 4KB
corner-mark-top.png 4KB
corner-mark-hot.png 4KB
paper-right-top.png 3KB
answer-card3.png 3KB
product.png 3KB
android.png 2KB
共 170 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 6345
- 资源: 4732
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功