Student Management System – Full‑Stack Project Overview, Deployment, and Technical Details

This project is a front‑back separation system where the front end is developed with Vue and the back end with SpringBoot and MyBatis.

Project Deployment

1. Import studentms.sql into the database according to the configuration below.

2. Run the student_client_localhost front‑end.

3. Run the back‑end using one of two methods:

Method 1: Configure the student_server YAML file and set the port to 10086 .

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

Front‑End Section

Running the project requires Node.js version 6.0 or higher due to extensive ES6/7 usage.

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

cd /StudentManageSystem/student_client

npm install

npm run serve

The front‑end technology stack includes Vuex, Vue Router, Axios, Element UI, and sessionStorage.

The application uses Vue 2.0, calls back‑end APIs for dynamic data rendering, and runs on the default port 8080.

Dynamic SQL via MyBatis enables high‑performance search.

Router config provides dynamic navigation for different user roles.

Axios loads back‑end data asynchronously.

Element UI offers front‑end form validation.

sessionStorage implements login interception.

Both front‑end and back‑end support data pagination.

System functions include:

Admin : CRUD operations for teachers, students, and courses; comprehensive control over teacher and student business logic.

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

Student : Course selection and withdrawal; grade inquiry.

Back‑End Section

The back‑end requires JDK 17.0.2.

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

cd /StudentManageSystem/student_server

# Must ensure root password is 123, otherwise DB connection fails
# Or configure application.yml for DB connection and run
java -jar student_server.jar

The back‑end technology stack consists of Spring Boot 2.6.3, MyBatis, and Maven.

It follows a RESTful style, uses CrossOrigin for CORS handling, and employs annotations and XML for dynamic SQL, providing complete data interfaces for the front end.

Because the Vue project occupies Tomcat’s default port 8080, the back‑end runs on port 10086, configurable via YAML and packaged with Maven.

Database Design

The database is created by importing studentms.sql :

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

An ER diagram (image) illustrates the schema.

Source Code Download

Download link: https://pan.quark.cn/s/3d33783fe583 . Copy the link to a browser, download the source, and follow the instructions to quickly obtain the code.