基于 Spring Boot 的在線考試系統(tǒng)

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

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

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

0x01：功能簡(jiǎn)介

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

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

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

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

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

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

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

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

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

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

① 下載源碼

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

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

新建exam數(shù)據(jù)庫(kù)，并導(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ù)庫(kù)連接信息

啟動(dòng)后端

com.huawei.l00379880.exam.ExamApplication

④?啟動(dòng)前端

進(jìn)入到前端代碼路徑?

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

安裝js依賴(lài)?

npm?install

啟動(dòng)前端

npm?run?serve

0x04：查詢效果

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

• 登錄頁(yè)

• 首頁(yè)
  

考試列表頁(yè)