SpringBoot + Vue 學生管理系統(tǒng)源碼（包含數(shù)據(jù)庫文件）

項目介紹

這是一個采用前后端分離開發(fā)的項目，前端采用 Vue 開發(fā)、后端采用 SpringBoot + Mybatis 開發(fā)。

項目部署

1. 將 studentms.sql 導入數(shù)據(jù)庫，參考下文數(shù)據(jù)庫配置

2. 運行 student_client_localhost 前端

3. 運行后端

• 方法1：配置 student_server 后端的 yml 文件 ，以及 port 為 10086。
• 方法2：直接運行 java -jar student-server.jar 文件，但是必須保證數(shù)據(jù)庫中 root 賬號的密碼是 123

項目展示

1、登陸界面

2、admin 主界面

3、動態(tài)搜索框與表格展示

4、學生端首頁展示

5、教師端成績搜索與編輯

前端部分

1、項目運行

由于涉及大量的 ES6/7 等新屬性，node 需要 6.0 以上版本

git clone [email protected]:ruanjiancheng/StudentManageSystem.git

cd /StudentManageSystem/student_client

npm install

npm run serve

2、技術(shù)棧

• Vuex
• Router
• Axios
• Element ui
• sessionStorage

3、項目介紹

采用 vue 2.0 開發(fā)，通過調(diào)用后端提供的數(shù)據(jù)接口實現(xiàn)數(shù)據(jù)的動態(tài)渲染。項目默認端口號 8080

• 使用監(jiān)視器，得益于 Mybatis 強大的動態(tài) SQL 功能，實現(xiàn)高性能動態(tài)搜索功能
• 使用 router 配置路由，實現(xiàn)不同用戶類型導航欄的動態(tài)渲染
• 使用 axios 異步加載后端數(shù)據(jù)
• 使用 element ui 實現(xiàn)表單的前端校驗功能
• 使用 sessionStorage 實現(xiàn)登錄攔截
• 分別實現(xiàn)了基于前端和后端的數(shù)據(jù)分頁功能

4、系統(tǒng)功能

1、admin

• 實現(xiàn)對教師，學生，課程的 CRUD
• 實現(xiàn)對教師業(yè)務以及學生業(yè)務的全方位控制

2、teacher

• 實現(xiàn)查詢我開設的課程，以及選擇我課程的學生信息
• 對學生成績的登陸

3、student

• 實現(xiàn)選課退課的功能
• 實現(xiàn)成績查詢的功能

后端部分

1、項目運行

JDK 版本需要 17.0.2

git clone [email protected]:ruanjiancheng/StudentManageSystem.git

cd /StudentManageSystem/student_server

# 必須保證 root 賬號的密碼是 123，否則無法連接數(shù)據(jù)
# 也可以自己配置 application.yml 文件的數(shù)據(jù)庫連接，并運行
java -jar student_server.jar

2、技術(shù)棧

• Spring boot 2.6.3
• Mybatis
• Maven

3、項目介紹

采用 Restful 風格開發(fā)，采用 CrossOrigin 解決跨域問題。采用注解以及 xml 文件配置 SQL 語句，實現(xiàn)動態(tài) SQL 的功能，為前端提供完備的數(shù)據(jù)接口。

由于 vue 項目占用了 8080 Tomcat 默認端口，所以指定項目啟動在 10086 端口, 可以使用 YAML 文件配置，使用 Maven 項目進行打包。

4、系統(tǒng)功能

實現(xiàn)前端 Ajex 請求的全部數(shù)據(jù)接口，Get 請求通過 RESTful 風格開發(fā)。

數(shù)據(jù)庫設計

建立數(shù)據(jù)庫：

mysqld -u$Username -p$Password studentms < studentms.sql

項目源碼下載

下載鏈接：https://pan.quark.cn/s/3d33783fe583

建議先把下載鏈接復制到電腦瀏覽器打開，然后下載源碼，比較方便。

點擊下面的閱讀原文，然后點擊保存到網(wǎng)盤即可快速下載源碼！