# springBootVueTemplate

**Repository Path**: bueryouth/springboot-vue-template

## Basic Information

- **Project Name**: springBootVueTemplate
- **Description**: springboot-vue管理模板，前端集成Element-Plus，后端集成MyBatis-Plus等
- **Primary Language**: Java
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2021-08-20
- **Last Updated**: 2024-12-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 模板, 前后端, Element-UI, MyBatis, MySQL

## README

# springboot-vue-demo

## 开发环境

1. MySQL5.7
2. JDK8、Note.js
3. Spring Boot、Vue3
4. MyBatis-Plus、Element-Plus、wangEditor

## 开发工具

IDEA、Navicat

## 项目介绍

1. 该项目为管理系统基础结构，采用前后端结构分离，
2. 前端采用Vue3语法使用Element Plus框架进行页面开发，
3. 后端基于Spring boot框架进行开发，使用MyBatis、Lombook等插件，
4. 项目使用MySQL关系型数据库进行数据存取服务。

## SpringBoot上传文件配置

按实际存储位置，在**FileController.java**中更改

## vue依赖配置

如果没有**node_modules**依赖文件夹，进入vue-springboot文件夹使用命令安装

```
npm i
```

|作用|命令|
|----:|----:|
|设置镜像源|npm config set registry http://registry.npm.taobao.org/|
|验证镜像源|npm config get registry|

## MySQL 配置
 1. 使用Navicat连接数据库
 2. 新建数据库spingvue(可自定义其他库名，记得改SpringBoot配置)
 3. 导入mysql文件夹的springvue.sql文件

## Note.js相关命令

|作用|命令|
|----:|----:|
|项目安装包|npm install
|编译运行|npm run serve|
|项目打包|npm run build|

## 页面简介

1. 书籍管理界面
![](README_files/1.jpg)
 - 用于书籍数据查看
 - 支持书籍封面预览
 - 包含书籍编号、书籍名称、书记作者、书籍价格、出版日期、书籍封面操作

2. 新闻管理界面
![](README_files/2.jpg)
 - 支持文本预览
 - 用于新闻、文案管理
 - 使用富文本方式编辑(wangEditor)
 - 包含新闻编号、新闻标题、新闻作者、发表时间操作

3. 用户管理界面
![](README_files/3.jpg)
 - 支持权限管理
 - 用户数据更改
 - 包含用户ID、用户姓名、用户昵称、用户性别、用户年龄、地址、角色操作

4. 登录界面
![](README_files/4.jpg)
 - 项目仅为学习使用，页面简单，主要作用于前后端模板