基于SpringBoot+Vue实现增删改查和分页查询DEMO(源码+数据库)
项目介绍
本项目是一个基于SpringBoot和Vue框架实现的增删改查和分页查询DEMO。通过本项目,您可以学习如何使用SpringBoot和Vue进行前后端分离开发,并实现基本的CRUD操作和分页查询功能。
技术栈
- 数据库:MySQL
- 后端框架:SpringBoot + Spring Data JPA
- 前端框架:Vue + ElementUI
功能特点
- 增删改查:实现对数据的基本增删改查操作。
- 分页查询:支持对数据进行分页查询,提高数据处理效率。
项目结构
- 后端:SpringBoot项目,包含实体类、Repository接口、Service层和Controller层。
- 前端:Vue项目,使用ElementUI进行界面布局和交互。
快速开始
后端
- 克隆项目:
git clone https://github.com/your-repo/springboot-vue-crud.git
- 导入数据库:
- 将项目中的
database.sql
文件导入到您的MySQL数据库中。
- 将项目中的
- 配置数据库连接:
- 修改
src/main/resources/application.properties
文件中的数据库连接信息。
- 修改
- 启动项目:
- 使用IDEA或Eclipse等IDE打开项目,运行
SpringbootVueCrudApplication.java
启动后端服务。
- 使用IDEA或Eclipse等IDE打开项目,运行
前端
- 安装依赖:
cd frontend npm install
- 启动前端项目:
npm run serve
- 访问项目:
- 打开浏览器,访问
http://localhost:8080
,即可看到项目界面。
- 打开浏览器,访问
贡献
欢迎大家提交PR和Issue,一起完善这个项目。
许可证
本项目采用MIT许可证。