AdminSystem

About

A SpringBoot + Vue Administration System that implements basic functions such as adding, deleting, modifying, and querying MySQL Database forms. 😄

Tech Stack

Frontend Stack	Description
Vue	Frontend framework
Vuex	Global State Management Framework
ElementUI	Frontend UI Framework
Axios	Frontend HTTP Framework
vue-element-admin	Project Template

Backend Stack	Description
SpringBoot	Container + MVC Framework
MyBatis	ORM Framework
MyBatis-plus	MyBatis Enhancement Tool
Redis	Non-relational Database

Quick Start

$ git clone https://github.com/Tsumugii24/AdminSystem
$ cd AdminSystem

1. MySQL

$ mysqlsh # open mysql shell
$ \sql
$ \connect root@localhost:3306 # password:123456
$ show databases;
$ source xdb.sql # create example mysql data
$ \exit

2. Redis

• start redis with Scoop

$ scoop update
$ scoop install redis
$ redis-server

• or start redis with Docker (optional)

$ docker run -p 6379:6379 -it redis/redis-stack:latest

3. SpringBoot (Backend)

$ scoop install openjdk8-redhat
$ cd AdminSystemBackend
$ cd ./src/main/java/com/tsumugii/

 Then run the following file XAdminApplication.java

4. Vue (Frontend)

$ scoop install nodejs # https://nodejs.org/en/blog/release/v16.12.0 (optional)
$ node --version # v16.12.0
$ npm --version # 8.1.0
$ cd AdminSystemFrontend
$ npm install
$ npm run dev # localhost:1260

 Now that if everything runs smoothly, you can open the url and enter the Administrator System.

Demonstration

Login page

Homepage

Data Management

Contact

Feel free to contact me through GitHub issues or directly send me a mail if you have any questions about the project. 👻

Here is my email address 👉 jsf002016@gmail.com