今天推薦一款非常不錯的，基於Spring Boot與Vue的前後端分離的在線考試系統。倉庫地址：
<code>https
: /<code>
0x01：功能簡介
支持單選題、多選題、判斷題
支持學生(student)、教師(teacher)、管理員(admin)三種角色
- 學生：參加考試和查看我的考試
- 教師：學生的所有權限+創建/編輯題目+創建/編輯考試
- 管理員：教師的所有權限+管理用戶
0x02：軟件架構
前後端分離，前端組件化，方便二次開發；
- 後端採用 SpringBoot + JPA + Swagger2 + JWT 校驗，根據不同用戶的權限返回給用戶不同的數據
- 前端採用 Vue + AntDesign，組件化拆分，封裝了很多公共組件，方便維護，及二次開發
0x03：開發搭建部署
① 下載源碼
<code>git
clone https://github.com/19920625lsg/java-thread.git /<code>
② 創建數據庫
新建exam數據庫，並導入SQL文件
<code>spring-boot-online-exam/doc/sql/exam.sql /<code>
③ 導入後端代碼，並修改配置文件
導入代碼
配置文件application.yml的路徑
<code>spring-boot-online-exam/backend/exam/src/main/resources/application.yml /<code>
主要修改數據庫連接信息
啟動後端
<code>com
.huawei
.l00379880
.exam
.ExamApplication
/<code>
④ 啟動前端
進入到前端代碼路徑
<code>spring-boot-online-exam/frontend/exam/
/<code>
安裝js依賴
<code>npm
install /<code>
啟動前端
<code>npm
run serve /<code>
0x04：查詢效果
系統用戶：賬戶分別是admin、teacher、student，密碼是admin123
- 登錄頁
- 首頁
考試列表頁
分享到:
