Jfinal+vue实现前后端分离《在线考试系统》

系统总体结构设计

项目地址:https://gitee.com/Clinjiahao/examination

项目技术构成

Jfinal+Jetty+mysql+vue+elementUI+echars

系统需求分析

教师部分:

l 教师可以上传题库 和管理题库 增删s该改查

l 教师查看自己教的学生班级 和管理学生。

l 教师发布考试 设置每种类型的题目分数

l 教师可以查看考试参加的学生人数,答题分数,学生做题情况图表分析

l 系统实现自动阅卷功能(选择题和问答题)

l 看到自己发布的考试数量 学生人数 班级数量

l 教师管理自己的信息 , 修改密码

学生部分:

l 学生对自己个人信息的管理 修改(邮箱,手机号,性别,头像)

l 查看自己的所有课程的成绩

l 看到自己的所有课程

l 进入课程 查看此课程所有的发布考试

l 学生考试,定时提交

l 查看自己的考试分数

l 查看自己的错题

数据库设计

![img](file:///C:/Users/86158/AppData/Local/Temp/msohtmlclip1/01/clip_image004.jpg)

数据库设计的有点乱,其实没必要使用外键。

1.1 实现展示:

1.1.1 学生界面

首页:

img

账户管理:

img

修改密码:

img

课程界面:

img

进入考试 定时提交,系统自动改卷:

img

查看错题

img

查看所有课程的成绩:

img

1.1.2 教师界面

首页:

img

动态路由 找到此老师的所教的班级 管理学生

img

上传题库 excel

img

发布考试

查看学生成绩:

学生错题分析

总结

优点

  • 使用了Vue前端框架、实现了前后端的分离,降低了系统的耦合度,且数据都是用JS传输。提高了页面的交互性与灵活
    性。
  • 实现了关键业务的方法缓存(JFinal)对于一些返回一些固定数据的方法开启缓存,提高了页面的加载速率。
  • 后端实现了对选择和填空的自动判题功能、前端实现了定时提交试卷的功能。
  • 实现了excel上传和下载题库的功能和对学生做题情况经行统计分析使用echars进行图表展示。

缺点

  • 对于长文字的大题未能实现字段判题功能。
  • 前端页面还有待需要改善。
  • 题库处理的业务逻辑比较混乱,还需改善。
  • 若需要上传大量的题,上传题目的时间太长。
posted @ 2020-12-11 20:32  林無敌  阅读(961)  评论(0)    收藏  举报