基于SpringBoot+Vue線上考試系統【web端+小程式端】【附帶源碼】

今天分享一個基于SpringBoot+Vue的項目。

項目介紹

線上考試系統是一款 java + vue 的前後端分離的考試系統。主要優點是開發、部署簡單快捷、界面設計友好、代碼結構清晰。目前支援web端和微信小程式，能覆寫到pc機和手機等裝置。

開源版使用須知

• 僅用個人學習，商用請購買授權 http://www.mindskip.net/buy.html
• 禁止将本項目的代碼和資源進行任何形式的出售，産生的一切任何後果責任由侵權者自負
• 參考位址：https://github.com/mindskip/xzs

學生系統功能

• 登入、注冊：注冊時要選年級，過濾不同年級的試卷， 賬号為student/123456
• 首頁：任務中心、固定試卷、時段試卷、可以能做的一部分試卷
• 試卷中心：包含了所有能做的試卷，按學科來過濾和分頁
• 考試記錄：所有的試卷考試記錄在此處分頁，可以檢視試卷結果、用時、得分、自行批改等
• 錯題本：所有做錯的題目，可以看到做題的結果、分數、難度、解析、正确答案等
• 個人中心：個人日志記錄
• 消息：消息通知
• 試卷答題和試卷檢視：展示出題目的基本資訊和需要填寫的内容

管理系統功能

• 登入：賬号為 admin/123456
• 首頁：包含了試卷、題目、做卷數、做題數、使用者活躍度的統計功能，活躍度和做題數是按月統計
• 使用者管理：對不同角色 學生、教師、管理者 的增删改查管理功能
• 卷題管理：

1. 試卷清單：試卷的增删改查，新增包含選擇學科、試卷類型、試卷名稱、考試時間，試卷内容包含添加大标題，然後添加題目到此試卷中，組成一套完整的試卷
2. 題目清單：題目的增删改查，目前題型包含單選題、多選題、判斷題、填空題、簡單題，支援圖檔、公式等。

• 教育管理：對不同年級的學科進行增删改查
• 消息中心：可以對多個使用者進行消息發送
• 日志中心：使用者的基本操作進行日志記錄，了解使用者使用過情況

小程式功能

• 使用者登入登出功能，登入會自動綁定微信賬号，登出會解綁
• 首頁包含任務中心、固定試卷、時段試卷，和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. 進群擷取到資料庫腳本，建立表初始化資料
3. /uexam/source/xzs為背景代碼，建議使用IntelliJ IDEA打開，在application-dev.yml檔案中，配置好postgesql/mysql、redis的服務位址，打開XzsApplication檔案編譯運作,預設端口為8000。
4. 學生系統位址：http://localhost:8000/student
5. 管理端位址：http://localhost:8000/admin

軟體架構圖

系統展示

• 學生考試系統

• 小程式考試系統

• 背景管理系統

連結: https://pan.baidu.com/s/1h0-Sb-cRTaO9FVdljcDcCw 提取碼: i8yq 複制這段内容後打開百度網盤手機App，操作更友善哦​