SpringBoot + Vue 學生管理系統(tǒng)源碼
1
項目介紹
這是一個采用前后端分離開發(fā)的項目，前端采用 Vue 開發(fā)、后端采用 SpringBoot + Mybatis 開發(fā)。
?
2
項目部署
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
3
項目展示
4
前端部分
?
1、項目運行 由于涉及大量的 ES6/7 等新屬性，node 需要 6.0 以上版本
git clone [email protected]:ruanjiancheng/StudentManageSystem.git
cd /StudentManageSystem/student_client
npm?install
npm?run serve
2、技術棧
- 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)成績查詢的功能
5
后端部分
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、技術棧
- 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ā)。
?
6
數(shù)據(jù)庫設計
建立數(shù)據(jù)庫：
mysqld?-u$Username?-p$Password?studentms < studentms.sql
?
7
源碼地址
掃碼下方二維碼，后臺回復【 117 】即可獲取所有系統(tǒng)
最近 熬夜給大家準備了非常全的一套Java一線大廠面試題。全面覆蓋BATJ等一線互聯(lián)網(wǎng)公司的面試題及解答，由BAT一線互聯(lián)網(wǎng)公司大牛帶你深度剖析面試題背后的原理，不僅授你以魚，更授你以漁，為你面試掃除一切障礙。
資源，怎么領?。?/span>
掃二維碼，加我微信，備注：面試題
一定要備注：面試題，不要急哦，工作忙完后就會通過！