当前位置: 首页 > 科技观察

好一个SpringBoot开源在线考试系统!解燃眉之急

时间:2023-03-16 00:06:17 科技观察

前言最近看到一个考试系统,感觉挺不错的,比较成熟,就简单玩了一下。另外,考试系统的应用场景还是挺多的,无论是大学生还是已经工作的朋友,类似的私人活动也很多。在在线考试系统的后台管理主页下面,我将这个项目分享给朋友们。非常值得学习和使用!为了一步步演示,让大家能够成功部署/运行项目,指导大哥在本地搭建了项目环境,并成功运行了项目,并使用了其基本功能。按照我的步骤,新手也可以成功运行项目!另外,后面的内容不涉及代码分析,整体代码结构比较清晰,熟悉了基本功能后就容易理解了。简介uexam是一款前后端分离的在线考试系统。本在线考试系统不仅支持网页端,还支持微信小程序端。uexam界面设计美观,代码整体结构清晰,表格设计更加规范。uexam后端基于SpringBoot2.0+MySQL/PostgreSQL+Redis+MyBatis,前端基于Vue,前后端分离开发!另外,本项目提供了两种不同的数据库版本,MySQL和PostgreSQL。下面我将使用PostgreSQL数据库版本来进行演示(建议大家使用和体验PostgreSQL版本)。项目地址:https://gitee.com/SnailClimb/uexam。软件架构软件架构图的效果风格和操作体验非常好,这也是我推荐这个项目的重要原因之一。在管理端添加主题在创建主题之前,您需要先创建主题。我们这里创建的科目是编程,年级是三年级。可以看到这里可以添加多种题型:单选题、多选题、判断题、填空题、简答题。添加题目,我们以选择题为例。添加主题界面如下。添加扉页成功后,我们刚刚添加的标题就会出现在标题列表中。创建题目并添加试卷成功后,需要获取题目和题目后才能添加试卷。试卷添加成功后,我们刚刚添加的试卷就会出现在试卷列表中。试卷创建成功,添加学生注意:这里的学生必须对应我们之前创建的科目对应的成绩。添加学生学生端使用我们刚刚创建的学生账号登录,你会发现首页多了一张试卷。这张试卷就是我们刚刚在管理端创建的。学生端-首页试卷答题界面如下。学生侧试卷启动后台我们这里使用PostgreSQL数据库版本进行演示。安装PostgreSQL这里我们使用Docker下载最新版本的PostgreSQL镜像,大家已经默认安装了Docker。$dockerpullpostgres查看PostgreSQL镜像:$dockerimages|greppostgrespostgreslatest62473370e7ee2weeksago314MB运行PostgreSQL:$dockerrun-d-p5432:5432--namepostgresql-ePOSTGRES_PASSWORD=123456postgres安装Redis这里我们使用Docker下载最新版本的Redis。$dockerpullredis查看Redis镜像:$dockerimages|grepredis运行Redis:$dockerrun-itd--nameredis-test-p6379:6379redis创建数据库并执行数据库脚本首先创建一个名为xzs的数据库,然后执行对应的数据库脚本(数据库脚本在uexam/source/xzs/sql目录中。)。配置文件修改使用IntelliJIDEA打开uexam/source/xzs(后台代码),修改application-dev.yml,将postgesql/mysql和redis的服务地址改为自己本地的。启动项目,直接运行XzsApplication。启动成功后,打开下方链接跳转到对应终端:学生系统地址:http://localhost:8000/student管理终端地址:http://localhost:8000/admin注意:这样,frontend虽然也是启动和访问的,但是它是嵌入在后端工程中的。如果需要前后端分离,需要单独运行的前端小程序我们就不演示了。我这里只演示web端。web端代码在uexam/source/vue下,我们需要先进入这个目录,然后在xzs-admin(管理端)和xzs-student(学生端)分别执行下面两条命令。1、下载相关依赖$npminstall2、启动项目$npmrunserve后,打开下面链接跳转到对应终端:学生系统地址:http://localhost:8001管理终端地址:http://localhost:8002