2332-java springboot vue 的前后端分離的考試系統 源碼 源代碼 程序

項目介紹

在線考試系統是一款 java + vue 的前后端分離的考試系統。主要優點是開發、部署簡單快捷,可水平拓展在多臺服務器上做負載均衡�？荚嚬δ荦R全，目前有web端和微信小程序，能覆蓋到pc機和手機等設備。

學生系統功能

1. 登錄、注冊： 注冊時要選年級，過濾不同年級的試卷， 賬號為student/123456
2. 首頁： 任務中心、固定試卷、時段試卷、推送試卷(TODO)，可以能做的一部分試卷
3. 試卷中心： 包含了所有能做的試卷，按學科來過濾和分頁
4. 考試記錄： 所有的試卷考試記錄在此處分頁，可以查看試卷結果、用時、得分、自行批改等
5. 錯題本： 所有做錯的題目，可以看到做題的結果、分數、難度、解析、正確答案等
6. 個人中心： 個人日志記錄
7. 消息： 消息通知
8. 試卷答題和試卷查看： 展示出題目的基本信息和需要填寫的內容

管理系統功能

1. 登錄： 賬號為 admin/123456
2. 主頁： 包含了試卷、題目、做卷數、做題數、用戶活躍度的統計功能，活躍度和做題數是按月統計
3. 用戶管理： 對不同角色 學生、教師、管理員 的增刪改查管理功能
4. 卷題管理：
   1. 試卷列表：試卷的增刪改查，新增包含選擇學科、試卷類型、試卷名稱、考試時間，試卷內容包含添加大標題，然后添加題目到此試卷中，組成一套完整的試卷
   2. 題目列表：題目的增刪改查，目前題型包含單選題、多選題、判斷題、填空題、簡單題，支持圖片、公式等。
5. 教育管理：對不同年級的學科進行增刪改查
6. 消息中心：可以對多個用戶進行消息發送，預留：加入班級，推送試卷等消息
7. 日志中心：用戶的基本操作進行日志記錄，了解用戶使用過情況

小程序學生系統功能：

1. 用戶登錄登出功能，登錄會自動綁定微信賬號，登出會解綁
2. 首頁包含任務中心、固定試卷、時段試卷、推送試卷模塊，和web端保持一致
3. 試卷模塊，固定試卷和時段試卷的分頁查詢，下拉加載更多，上拉刷新當前數據
4. 記錄模塊，考試結果的分頁，包含了試卷基本信息
5. 我的模塊，包含個人資料的修改，個人動態，消息中心模塊

技術棧列表

后臺系統：

1. spring-boot 2.1.6.RELEASE
2. spring-boot-security 用戶登錄驗證
3. undertow web容器
4. postgresql/mysql 優秀的開源數據庫
5. redis 緩存，提升系統性能
6. mybatis 數據庫中間件
7. hikari 速度最快的數據庫連接池
8. 七牛云存儲 目前10G內免費

前臺系統：

1. Vue.js 采用新版，使用了vue-cli3搭建的系統，減少大量配置文件
2. element-ui 最流行的vue組件，采用的最新版
3. vue-element-admin 最新版，對該系統做了大量精簡，只保留了部分樣式和控件
4. echarts 圖表統計
5. ueditor 為了支持填空題，做了部分修改

微信小程序：

1. 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 是微信小程序端代碼，直接使用微信開發者工具打開即可