1. 项目描述

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

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-system-backend 文件夹：

1. 导入 onlineexam.sql 数据库文件，并修改 src/main/resources/application.properties 配置文件连接 MySQL 数据库正确的用户名和密码
2. 在 IntelliJ IDEA 中运行 OesApplication 启动类

4. 其他项目地址

在线考试系统学生端

在线考试系统教师端

在线考试系统管理员端