今天分享一個基于SpringBoot+Vue的項目。
項目介紹
線上考試系統是一款 java + vue 的前後端分離的考試系統。主要優點是開發、部署簡單快捷、界面設計友好、代碼結構清晰。目前支援web端和微信小程式，能覆寫到pc機和手機等裝置。
開源版使用須知
- 僅用個人學習，商用請購買授權 http://www.mindskip.net/buy.html
- 禁止将本項目的代碼和資源進行任何形式的出售，産生的一切任何後果責任由侵權者自負
- 參考位址：https://github.com/mindskip/xzs
學生系統功能
- 登入、注冊：注冊時要選年級，過濾不同年級的試卷， 賬号為student/123456
- 首頁：任務中心、固定試卷、時段試卷、可以能做的一部分試卷
- 試卷中心：包含了所有能做的試卷，按學科來過濾和分頁
- 考試記錄：所有的試卷考試記錄在此處分頁，可以檢視試卷結果、用時、得分、自行批改等
- 錯題本：所有做錯的題目，可以看到做題的結果、分數、難度、解析、正确答案等
- 個人中心：個人日志記錄
- 消息：消息通知
- 試卷答題和試卷檢視：展示出題目的基本資訊和需要填寫的内容
管理系統功能
- 登入：賬号為 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 安裝
- 進群擷取到資料庫腳本，建立表初始化資料
- /uexam/source/xzs為背景代碼，建議使用IntelliJ IDEA打開，在application-dev.yml檔案中，配置好postgesql/mysql、redis的服務位址，打開XzsApplication檔案編譯運作,預設端口為8000。
- 學生系統位址：http://localhost:8000/student
- 管理端位址：http://localhost:8000/admin
軟體架構圖
系統展示
- 學生考試系統
- 小程式考試系統
- 背景管理系統
連結: https://pan.baidu.com/s/1h0-Sb-cRTaO9FVdljcDcCw 提取碼: i8yq 複制這段内容後打開百度網盤手機App，操作更友善哦