Student Management System Project Overview and Deployment Guide

Project Introduction

This is a front‑back separated project; the front end uses Vue, while the back end uses SpringBoot and Mybatis.

Project Deployment

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

2. Run the student_client_localhost front‑end.

3. Run the back‑end.

Method 1: Configure the student_server back‑end YML file and set the port to 10086.

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

Project Showcase

1. Login Page

2. Admin Main Interface

3. Dynamic Search Box and Table Display

4. Student Home Page

5. Teacher Grade Search and Edit

Front‑End Section

1. Project Run

Because many ES6/7 features are used, Node version must be 6.0 or higher.

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

cd /StudentManageSystem/student_client

npm install

npm run serve

2. Technology Stack

Vuex

Router

Axios

Element UI

sessionStorage

3. Project Details

Developed with Vue 2.0, data is dynamically rendered via backend APIs; default port is 8080.

Uses Mybatis dynamic SQL for high‑performance search.

Router config enables dynamic navigation for different user types.

Axios loads backend data asynchronously.

Element UI provides front‑end form validation.

sessionStorage implements login interception.

Implements front‑end and back‑end pagination.

4. System Functions

Admin:

CRUD operations for teachers, students, and courses.

Full control over teacher and student business logic.

Teacher:

View courses they teach and enrolled students.

Enter student grades.

Student:

Course selection and withdrawal.

Grade inquiry.

Back‑End Section

1. Project Run

JDK version required: 17.0.2

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

cd /StudentManageSystem/student_server

# Must ensure root account password is 123, otherwise cannot connect to the database
# You can also configure application.yml for DB connection and then run
java -jar student_server.jar

2. Technology Stack

Spring Boot 2.6.3

Mybatis

Maven

3. Project Details

Developed in RESTful style with CrossOrigin to solve CORS issues; uses annotations and XML configuration for dynamic SQL, providing complete data interfaces for the front end.

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

4. System Functions

Implements all data interfaces required by the front‑end Ajax requests; GET requests follow RESTful conventions.

Database Design

Create database:

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

Project Source Code Download

Download link: https://pan.quark.cn/s/3d33783fe583

It is recommended to copy the link into a desktop browser for easier download.

Click "Read Original" and then save to cloud storage to quickly download the source code.