网站首页 > 技术文章 正文
必须先转发,转发,转发,加“大数据java架构师”关注,然后私信
“前后分离”即可下载代码地址
java + vue 的前后端分离的考试系统
项目介绍
在线考试系统是一款 java + vue 的前后端分离的考试系统。主要优点是开发、部署简单快捷,可水平拓展在多台服务器上做负载均衡。考试功能齐全,目前有web端和微信小程序,能覆盖到pc机和手机等设备。
学生系统功能
· 登录、注册: 注册时要选年级,过滤不同年级的试卷, 账号为student/123456
· 首页: 任务中心、固定试卷、时段试卷、推送试卷(TODO),可以能做的一部分试卷
· 试卷中心: 包含了所有能做的试卷,按学科来过滤和分页
· 考试记录: 所有的试卷考试记录在此处分页,可以查看试卷结果、用时、得分、自行批改等
· 错题本: 所有做错的题目,可以看到做题的结果、分数、难度、解析、正确答案等
· 个人中心: 个人日志记录
· 消息: 消息通知
· 试卷答题和试卷查看: 展示出题目的基本信息和需要填写的内容
管理系统功能
· 登录: 账号为 admin/123456
· 主页: 包含了试卷、题目、做卷数、做题数、用户活跃度的统计功能,活跃度和做题数是按月统计
· 用户管理: 对不同角色 学生、教师、管理员 的增删改查管理功能
· 卷题管理:
i. 试卷列表:试卷的增删改查,新增包含选择学科、试卷类型、试卷名称、考试时间,试卷内容包含添加大标题,然后添加题目到此试卷中,组成一套完整的试卷
ii. 题目列表:题目的增删改查,目前题型包含单选题、多选题、判断题、填空题、简单题,支持图片、公式等。
· 教育管理:对不同年级的学科进行增删改查
· 消息中心:可以对多个用户进行消息发送,预留:加入班级,推送试卷等消息
· 日志中心:用户的基本操作进行日志记录,了解用户使用过情况
小程序学生系统功能:
· 用户登录登出功能,登录会自动绑定微信账号,登出会解绑
· 首页包含任务中心、固定试卷、时段试卷、推送试卷模块,和web端保持一致
· 试卷模块,固定试卷和时段试卷的分页查询,下拉加载更多,上拉刷新当前数据
· 记录模块,考试结果的分页,包含了试卷基本信息
· 我的模块,包含个人资料的修改,个人动态,消息中心模块
技术栈列表
后台系统:
· spring-boot 2.1.6.RELEASE
· spring-boot-security 用户登录验证
· undertow web容器
· postgresql/mysql 优秀的开源数据库
· redis 缓存,提升系统性能
· mybatis 数据库中间件
· hikari 速度最快的数据库连接池
· 七牛云存储 目前10G内免费
前台系统:
· Vue.js 采用新版,使用了vue-cli3搭建的系统,减少大量配置文件
· element-ui 最流行的vue组件,采用的最新版
· vue-element-admin 最新版,对该系统做了大量精简,只保留了部分样式和控件
· echarts 图表统计
· ueditor 为了支持填空题,做了部分修改
微信小程序:
· iView 主题样式
软件架构图
后端
小程序
安装教程
1. redis 安装
2. postgresql/mysql 安装后执行/exam/database下的数据库脚本,创建表初始化数据
3. /uexam/source/exam为后台代码,建议使用IntelliJ IDEA打开,在application-dev.yml文件中,配置好postgesql/mysql、redis的服务地址,打开ExamApplication文件编译运行,默认端口为8001。
4. /uexam/source/vue/exam-student 是学生系统前端代码,建议使用JetBrains WebStorm打开,先运行安装包命令:【npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ 】 【npm install --registry https://registry.npm.taobao.org 】 ,再运行编译启动命令:【npm run serve】 ,默认端口为80
5. /uexam/source/vue/exam-admin 是后台管理系统前端代码,建议使用JetBrains WebStorm打开,先运行安装包命令:【npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ 】 【npm install --registry https://registry.npm.taobao.org 】 ,再运行编译启动命令:【npm run serve】 ,默认端口为81
6. /uexam/source/wx/exam-student 是微信小程序端代码,直接使用微信开发者工具打开即可
必须先转发,转发,转发,加“大数据java架构师”关注,然后私信
“前后分离”即可下载代码地址
猜你喜欢
- 2024-10-26 使用 Vue 两年后 用了vue还需要jquery吗
- 2024-10-26 Vue3 教程:Vue 3 + Element Plus + Vite 2 的后台管理系统开源啦
- 2024-10-26 饿了么团队开源新轮子:v-charts让你开心的使用echarts
- 2024-10-26 如何用Vue3打造一个交互式数据统计仪表盘
- 2024-10-26 超棒 Vue Github可视化分析系统GitDataV
- 2024-10-26 腾讯web前端面试题及解答(vue)202006
- 2024-10-26 Web前端开发推荐 6 个实用的 Vue 组件库
- 2024-10-26 Django实战017:django+vue+redis项目
- 2024-10-26 vue-admin-templateEcharts图表的应用
- 2024-10-26 vue开启web项目之旅-3 vue项目如何打开
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- oraclesql优化 (66)
- 类的加载机制 (75)
- feignclient (62)
- 一致性hash算法 (71)
- dockfile (66)
- 锁机制 (57)
- javaresponse (60)
- 查看hive版本 (59)
- phpworkerman (57)
- spark算子 (58)
- vue双向绑定的原理 (68)
- springbootget请求 (58)
- docker网络三种模式 (67)
- spring控制反转 (71)
- data:image/jpeg (69)
- base64 (69)
- java分页 (64)
- kibanadocker (60)
- qabstracttablemodel (62)
- java生成pdf文件 (69)
- deletelater (62)
- com.aspose.words (58)
- android.mk (62)
- qopengl (73)
- epoch_millis (61)
本文暂时没有评论,来添加一个吧(●'◡'●)