點擊上方「藍字」關(guān)注我們

今天推薦一款非常不錯的，基于Spring Boot與Vue的前后端分離的在線考試系統(tǒng)。倉庫地址：

https://github.com/19920625lsg/spring-boot-online-exam

0x01：功能簡介

支持單選題、多選題、判斷題

支持學(xué)生(student)、教師(teacher)、管理員(admin)三種角色

• 學(xué)生：參加考試和查看我的考試

• 教師：學(xué)生的所有權(quán)限+創(chuàng)建/編輯題目+創(chuàng)建/編輯考試

• 管理員：教師的所有權(quán)限+管理用戶

0x02：軟件架構(gòu)

前后端分離，前端組件化，方便二次開發(fā)；

• 后端采用 SpringBoot + JPA + Swagger2 + JWT 校驗，根據(jù)不同用戶的權(quán)限返回給用戶不同的數(shù)據(jù)
  

• 前端采用 Vue + AntDesign，組件化拆分，封裝了很多公共組件，方便維護，及二次開發(fā)

0x03：開發(fā)搭建部署

① 下載源碼

git?clone?https://github.com/19920625lsg/java-thread.git

② 創(chuàng)建數(shù)據(jù)庫

新建exam數(shù)據(jù)庫，并導(dǎo)入SQL文件

spring-boot-online-exam/doc/sql/exam.sql

③?導(dǎo)入后端代碼，并修改配置文件

導(dǎo)入代碼

配置文件application.yml的路徑

spring-boot-online-exam/backend/exam/src/main/resources/application.yml

主要修改數(shù)據(jù)庫連接信息

啟動后端

com.huawei.l00379880.exam.ExamApplication

④?啟動前端

進入到前端代碼路徑?

spring-boot-online-exam/frontend/exam/

安裝js依賴?

npm?install

啟動前端

npm?run?serve

0x04：查詢效果

系統(tǒng)用戶：賬戶分別是admin、teacher、student，密碼是admin123

• 登錄頁

• 首頁
  

考試列表頁

掃碼二維碼

獲取更多精彩

Java樂園