2332-java springboot vue 的前后端分離的考試系統 源碼 源代碼 程序
項目介紹
在線考試系統是一款 java + vue 的前后端分離的考試系統。主要優點是開發、部署簡單快捷,可水平拓展在多臺服務器上做負載均衡。考試功能齊全,目前有web端和微信小程序,能覆蓋到pc機和手機等設備。
學生系統功能
- 登錄、注冊: 注冊時要選年級,過濾不同年級的試卷, 賬號為student/123456
- 首頁: 任務中心、固定試卷、時段試卷、推送試卷(TODO),可以能做的一部分試卷
- 試卷中心: 包含了所有能做的試卷,按學科來過濾和分頁
- 考試記錄: 所有的試卷考試記錄在此處分頁,可以查看試卷結果、用時、得分、自行批改等
- 錯題本: 所有做錯的題目,可以看到做題的結果、分數、難度、解析、正確答案等
- 個人中心: 個人日志記錄
- 消息: 消息通知
- 試卷答題和試卷查看: 展示出題目的基本信息和需要填寫的內容
管理系統功能
- 登錄: 賬號為 admin/123456
- 主頁: 包含了試卷、題目、做卷數、做題數、用戶活躍度的統計功能,活躍度和做題數是按月統計
- 用戶管理: 對不同角色 學生、教師、管理員 的增刪改查管理功能
- 卷題管理:
- 試卷列表:試卷的增刪改查,新增包含選擇學科、試卷類型、試卷名稱、考試時間,試卷內容包含添加大標題,然后添加題目到此試卷中,組成一套完整的試卷
- 題目列表:題目的增刪改查,目前題型包含單選題、多選題、判斷題、填空題、簡單題,支持圖片、公式等。
- 教育管理:對不同年級的學科進行增刪改查
- 消息中心:可以對多個用戶進行消息發送,預留:加入班級,推送試卷等消息
- 日志中心:用戶的基本操作進行日志記錄,了解用戶使用過情況
小程序學生系統功能:
- 用戶登錄登出功能,登錄會自動綁定微信賬號,登出會解綁
- 首頁包含任務中心、固定試卷、時段試卷、推送試卷模塊,和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 主題樣式
軟件架構圖

前端
小程序
安裝教程
- redis 安裝
- postgresql/mysql 安裝后執行/exam/database下的數據庫腳本,創建表初始化數據
- /uexam/source/exam為后臺代碼,建議使用IntelliJ IDEA打開,在application-dev.yml文件中,配置好postgesql/mysql、redis的服務地址,打開ExamApplication文件編譯運行,默認端口為8001。
- /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
- /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
- /uexam/source/wx/exam-student 是微信小程序端代碼,直接使用微信開發者工具打開即可
本源碼地址:http://m.bmm520.net/vip/java/2020/0420/20896.html