chenminghua 46215b440b 在线考试系统服务器		%!s(int64=5) %!d(string=hai) anos
..
build	46215b440b 在线考试系统服务器	%!s(int64=5) %!d(string=hai) anos
config	46215b440b 在线考试系统服务器	%!s(int64=5) %!d(string=hai) anos
src	46215b440b 在线考试系统服务器	%!s(int64=5) %!d(string=hai) anos
static	46215b440b 在线考试系统服务器	%!s(int64=5) %!d(string=hai) anos
test	46215b440b 在线考试系统服务器	%!s(int64=5) %!d(string=hai) anos
.babelrc	46215b440b 在线考试系统服务器	%!s(int64=5) %!d(string=hai) anos
.editorconfig	46215b440b 在线考试系统服务器	%!s(int64=5) %!d(string=hai) anos
.eslintignore	46215b440b 在线考试系统服务器	%!s(int64=5) %!d(string=hai) anos
.eslintrc.js	46215b440b 在线考试系统服务器	%!s(int64=5) %!d(string=hai) anos
.gitignore	46215b440b 在线考试系统服务器	%!s(int64=5) %!d(string=hai) anos
.postcssrc.js	46215b440b 在线考试系统服务器	%!s(int64=5) %!d(string=hai) anos
README.md	46215b440b 在线考试系统服务器	%!s(int64=5) %!d(string=hai) anos
index.html	46215b440b 在线考试系统服务器	%!s(int64=5) %!d(string=hai) anos
package-lock.json	46215b440b 在线考试系统服务器	%!s(int64=5) %!d(string=hai) anos
package.json	46215b440b 在线考试系统服务器	%!s(int64=5) %!d(string=hai) anos

简介（有用的话记得给个star哈，谢谢啦）

1. 项目描述

此项目为一个基于Vue的前后端分离的在线考试系统项目
使用了 Vue 全家桶+ES5ES6ES7+Webpack 等前端新技术
后端基于SpringBoot搭建SSM框架
包括学生端、教师端和管理员端
采用模块化、组件化、工程化的模式开发

2. 能从此项目中学到什么?

2.1 项目开发流程及开发方法

熟悉一个项目的开发流程
学会组件化、模块化、工程化的开发模式
掌握使用 vue-cli 脚手架初始化 Vue.js 项目
学会模拟 json 后端数据，实现前后端分离开发
学会 ES5ES6ES7+eslint 的开发方式
掌握一些项目优化技巧
掌握WebSocket实时在线通信

2.2 Vue 插件或第三方库

学会使用 vue-router 开发单页应用
学会使用 axios/vue-resource 与后端进行数据交互
学会使用 vuex 管理应用组件状态
学会使用基于Vue的插件，如vue-seamless-scroll实现无缝滚动，v-viewer实现图片预览，ly-tab实现触摸滑动并具有回弹效果等
学会使用 mint-ui、muse-ui和element-ui 组件库构建界面
学会使用 mockjs 模拟后台数据接口
学会通过API接口与后端进行交互
学会通过第三方平台七牛云进行图片的存取

3. 运行项目

onlineexam-student文件夹：

npm install
npm run dev

onlineexam-student文件夹：

npm install
npm start

4. 其他项目地址

在线考试系统教师端

在线考试系统管理员端

在线考试系统后端项目源码

5. 在线演示地址

在线考试系统学生端: http://maweitao.top/onlineexam-student

6. 部分演示截图

学生端首页

学生端错题页面

学生端搜索页面

学生端个人中心页面

学生端消息列表页面

试卷列表页面

试卷详情页面

试卷单选题页面

试卷多选题页面

试卷判断题页面

试卷填空题页面

试卷答题卡页面

试卷答题卡页面

成绩报告页面

错题题目页面

错题卡页面

收藏题目页面