项目简介

项目Github：https://github.com/hongfurui2014/exam_online_hongfurui

考试前台：http://exam.itdupan.com/

后台管理：http://hongfurui.itdupan.com/

​ 在线考试系统，大四毕设，采用vue与springcloud微服务架构开发，前后端完全分离，json格式数据交互，全部由本人独立开发完成。目前项目已部署在本人的学生版阿里云centos7服务器上。

​ 主要功能有：对班级和科目的管理；对试题和试卷的管理（包含excel文件模板大批量一次性上传试题到题库，自动从题库中抽题出试卷）；用户、角色、权限三级设计实现方法级别的细粒度权限控制；aop后置通知实现整个系统重要操作日志的记录。

项目技术栈

前端

• 前端后台管理系统由vue与elementUI搭建，路由使用vue-router，前端在线考试系统由nuxt搭建，ajax请求均使用axios。
• vsCode工具开发

后台

• mysql数据库，mybatis(通用Mapper、PageHelper分页助手)

• springBoot(spring、springMVC)

• springCloud(eureka、zuul、feign)搭建微服务工程

• nginx反向代理域名

• 采用jwt+rsa加密生成token，写入cookie的方式做无状态登录

• maven、idea、postman工具开发

说明

目录说明

• exam_online_hfr_admin为前端后台管理项目，npm install安装依赖后npm run dev可运行
• exam_online_hfr_portal为前端在线开心系统项目，npm install安装依赖后npm run dev可运行
• exam_online_hfr_api为后端微服务项目，maven下载完依赖，修改application.yml配置文件中的数据库密码和jwt配置后即可运行

后台api接口说明

• 接口基准地址：http://zuul.itdupan.com/api/

  • 示例：http://zuul.itdupan.com/api/school/grade/findGrades，其中api为zuul网关前缀，school为zuul转发到的微服务名称路径，/grade/findGrades为controller为controller请求访问路径。所有请求都经过zuul网关，已在网关zuulFilter中做鉴权。

• 服务端已开启cors跨域支持

  • 只允许http://hongfurui.itdupan.com和http://exam.itdupan.com两个域名对http://zuul.itdupan.com进行跨域访问

• 请求方式

GET 查询
POST 新增
PUT 更新
DELETE 删除

• 使用HttpStatus Code做标识状态

200 OK 响应成功
201 CREATED 新增或更新成功
204 DELETED 删除成功
400 BAD_REQUEST 请求參數不合法
401 UNAUTHORIZED 身份不合法
403 FORBIDDEN 权限不足
404 NOT_FOUND 資源服務器未找到
500 INTERNAL_SERVER_ERROR 服務器內部錯誤

添加 删除 修改失败将返回状态码自定义状态码：600

• 后台返回格式统一使用json格式，返回样式如下：

{
    "httpCode": 200,
    "message": "查询所有班级成功！",
    "data": [
        {
            "gradeId": 20,
            "gradeName": "16级软件工程2班"
        },
        {
            "gradeId": 21,
            "gradeName": "16级软件工程1班"
        }
    ]
}

• 捕获全局500 RuntimeException，返回样式如下：

{
    "httpCode": 500,
    "message": "操作失败，系统未知异常，请尽快反馈给系统管理员！",
    "exceptionTime": "2020-03-12 17:32:55"
}

其它说明

• 资料中的sql文件为最干净的数据库，后台登录账号和密码均为demo_user，导入试题模板.xlsx按照格式即可导入试题
• 本机SwitchHosts配置

# 在线考试系统java后台网关
127.0.0.1 zuul.itdupan.com
# 在线考试系统前端
127.0.0.1 exam.itdupan.com
# 在线考试系统后台管理
127.0.0.1 hongfurui.itdupan.com

• nginx代理配置如下

server {
    listen       80;
    server_name  zuul.itdupan.com;	# 网关

    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Server $host;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $host;

    location / {
        proxy_pass http://127.0.0.1:10011;

        proxy_connect_timeout 600;
        proxy_read_timeout 600;
    }

}

server {
    listen       80;
    server_name  hongfurui.itdupan.com;		# 后台管理

    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Server $host;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $host;

    location / {
        proxy_pass http://127.0.0.1:8080;

        proxy_connect_timeout 600;
        proxy_read_timeout 600;
    }

}

server {
    listen       80;
    server_name  exam.itdupan.com;	# 前台

    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Server $host;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $host;

    location / {
        proxy_pass http://127.0.0.1:9999;

        proxy_connect_timeout 600;
        proxy_read_timeout 600;
    }

}

项目待改进优化的一些问题

• axios下载的文件打开出错
• 自动抽题组卷算法待优化
• nuxt的路由导航守卫问题
• mouted()钩子函数未能有效获取vuex中的数据，时机问题
• 正在答题时若刷新则已做试题的状态重置，等以后有时间考虑对答题情况进行watch深度监控，写入redis读取应该就能解决
• 答题时时间倒计时以及计时结束自动提交试卷功能，下一步考虑使用quartz框架解决
• aop记录的日志还是比较粗粒度，以后有时间再考虑优化了
• 分布式事务问题