1. 项目描述
- 此项目为一个基于Vue的前后端分离的在线考试系统项目
- 使用了 Vue 全家桶+ES5ES6ES7+Webpack 等前端新技术
- 后端基于SpringBoot搭建SSM框架
- 包括学生端、教师端和管理员端
- 采用模块化、组件化、工程化的模式开发
- 教师端和管理员端基于vue-element-admin模板
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-system-backend文件夹:
- 导入onlineexam.sql数据库文件,并修改src/main/resources/application.properties配置文件连接MySQL数据库正确的用户名和密码
- 在IntelliJ IDEA中运行OesApplication启动类
4. 其他项目地址
在线考试系统学生端
在线考试系统教师端
在线考试系统管理员端