Build a Full-Stack Student Management System with Vue and SpringBoot

Project Overview

This project is a front‑back separation student management system, using Vue for the front end and SpringBoot + MyBatis for the back end.

Deployment

Import studentms.sql into the database (see database configuration below).

Run the front‑end with student_client_localhost.

Start the back‑end service.

Method 1: configure student_server yml file and set port 10086.

Method 2: run java -jar student-server.jar ensuring the MySQL root password is 123.

Front‑end

Running the project

Node version 6.0+ is required due to ES6/7 features.

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

cd /StudentManageSystem/student_client

npm install

npm run serve

Technology stack

Vuex

Router

Axios

Element UI

sessionStorage

Features

Dynamic SQL search powered by MyBatis.

Router‑based navigation for different user roles.

Axios for asynchronous data loading.

Element UI form validation.

Login interception via sessionStorage.

Front‑end and back‑end pagination.

System functions

admin : CRUD for teachers, students, courses; full control over teacher and student operations.

teacher : View courses taught and enrolled students; manage student grades.

student : Course selection and withdrawal; grade query.

Back‑end

Running the project

JDK version 17.0.2 is required.

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

cd /StudentManageSystem/student_server

# Ensure MySQL root password is 123 or configure application.yml accordingly
java -jar student_server.jar

Technology stack

Spring Boot 2.6.3

MyBatis

Maven

Back‑end description

Developed with RESTful style, using CrossOrigin for CORS, annotations and XML for dynamic SQL, providing complete data APIs for the front end. The back‑end runs on port 10086 to avoid conflict with the Vue default port 8080.

System functions

All data interfaces required by the front‑end Ajax requests are implemented.

Database design

Create the database with:

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