Spring Boot + Mybatis + Mapper + PageHelper + Swagger + Vue.js 整合示例工程，包含前后端增删改查示例代码

最新推荐文章于 2024-02-01 11:18:40 发布
最新推荐文章于 2024-02-01 11:18:40 发布
阅读量799 收藏 6
点赞数 2
文章标签： Spring Boot Vue.js iView Admin Mybatis Mapper
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010697681/article/details/83900470
版权

wetech-spring-boot-vue-example

项目介绍

Spring Boot + Mybatis + Mapper + PageHelper + Swagger + Vue.js 整合示例工程，包含前后端增删改查示例代码。

软件架构

后端技术

技术名称版本官网
Spring Boot应用框架2.0.0.RELEASEhttps://projects.spring.io/spring-boot/
MyBatisORM框架3.2.1http://www.mybatis.org/mybatis-3/zh/index.html
MapperMyBatis 通用 Mapper44.0.0https://gitee.com/free/Mapper
PageHelperMyBatis 分页插件5.1.2https://gitee.com/free/Mybatis_PageHelper
MyBatis Generator代码生成1.3.5http://www.mybatis.org/generator/index.html
Swagger2在线Api文档2.7.0https://swagger.io/
Maven项目构建管理4.0.0http://maven.apache.org

前端技术

技术名称版本官网
Vue.js前端MVVM框架2.5.10https://cn.vuejs.org/
iView Admin基于Vue.js的前端UI框架2.1.0https://admin.iviewui.com

软件需求

  • JDK1.8+
  • MySQL5.6+
  • Maven3.0+

安装教程

  1. 通过git下载源码
  2. 创建数据库my_app，数据库编码为UTF-8
  3. 依次执行docs/sql/schema.sql和docs/sql/data.sql文件，初始化数据
  4. 修改application-dev.properties文件，更新MySQL账号和密码
  5. 运行Maven命令mvn install(注意：安装wetech-admin模块因为会运行npm install和npm build命令时间会比较长，当然也可以手动在wetech-admin模块执行npm命令)
  6. 运行MyAppApplication类，启动项目
  7. 项目访问路径：http://localhost:8888/my-app

代码生成器

已集成通用 Mapper 专用代码生成器Maven插件，使用该插件可以很方便的生成实体类、Mapper接口以及对应的XML文件。

首先对MBG不太了解的可以先阅读下面的文档

Mybatis Geneator 详解

通用 Mapper 专用代码生成器生成的 Model 会在原有基础上增加 @Table,@Id,@Column 等注解，方便自动会数据库字段进行映射。

运行代码生成器需要使用命令

mvn mybatis-generator:generate

预览图

iView admin

crud

swagger

获取源码

https://github.com/cjbi/wetech-spring-boot-vue-example

https://gitee.com/cjbi/wetech-spring-boot-vue-example

cjbi
关注
Spring Boot Vue Element入门实战（十三）Spring Boot+Mybatis+Redis+Swagger
岁月不饶人，我亦未曾饶过岁月
09-24 1402
本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766 (一)修改POM文件 打开pom文件 首先在顶部文字加入spring boot的依赖 <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-sta...
SpringBoot+MyBatisPlus+Vue 前后端分离项目快速搭建【后端篇】【快速生成后端代码、封装结果集、增删改查、模糊查找
最新发布
2401_84092832的博客
05-06 768
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
SpringBoot整合Mybatis集成Swagger简易教程
10-27
SpringBoot整合Mybatis集成Swagger简易教程。mysql数据库配置文件需要添加自己的数据库信息。
springBoot+swagger+mybatis 常用的增删改
cai750415222的博客
06-15 1471
项目结构，狠明确的三层结构 首先构建一个maven的工程 做好pox.xml的jar的引入，然后在swagger的配置          io.springfox          springfox-swagger2          2.6.1                      io.springfox          springfox-swagger
springboot+mybatis+vue
10-10
包括springboot+mybatis的整合，热部署，前后台分开开发。 vue和后台的跨域问题等
springboot集成mybatis的mapper扩展
weixin_37656125的博客
09-29 1399
springboot集成mybatis的mapper扩展 我在看别人的demo的时候发现这个mapper相当方便，就学习学习 0.项目结构图 1.导入依赖 &lt;dependencies&gt; &lt;!--web依赖--&gt; &lt;dependency&gt; &lt;groupId&gt;org.springframework...
springboot+vue+swagger+redis+mysql+mybatis+pagehelper+druid+quartz
04-09
开源项目后台管理springboot+vue+swagger+redis+mysql+mybatis+pagehelper+druid+quartz 前后端在一起打包的 有安装步骤 亲测有效
Spring boot+vue3+element plus实现后台管理系统
07-04
前后端分离项目，Spring boot作为后端，vue框架实现前端，后端整合swagger3测试工具，jwt实现验证码生成，awt生成图形验证码，整合邮箱验证，使用mybatis-generator自动生成实体类以及mapper，设置有拦截器验证登录...
Spring Boot + MyBatis plus + vue 搭建前后端框架
jackmutter的博客
03-28 3919
项目流程及问题 数据库设计 数据库字符集问题 字符集：utf8mb4兼容utf8，Unicode编码区1~126是utf8区，126以下是utf8mb4兼容区。（一般选utf8：不浪费空间） Unicode区表 数据库排序规则问题utf8_bin与utf8_general_ci（一般分这两种）？ bin是二进制，a与A会区别对待（例：SELECT * FROM table WHERE txt...
SpringBoot+Vue+axios实现增删改查分页全套代码
lu__lala的博客
05-16 2523
src下创建此目录 api目录下创建js文件引入axios //引入axios的对象 import request from '../utils/request' export function getUser(page,size,name) { return request({ url: '/getUserList', method: 'get', params:{ page, size
mapper-js
03-08
映射器 适用于您模型的自动映射器，如.Net中的AutoMapper 安装 yarn add @ tomas_light/mapper-js 如何使用 MenuService.js import { Mapper } from '@tomas_light/mapper-js' ; export class MenuService { update ( menu ) { const entity = Mapper . map ( 'Menu' , 'MenuEntity' , menu ) ; const menuEntity = this . db . update ( entity ) ; } } 或使用打字稿： MenuService.ts import { Mapper } from '@tomas_ligh
springboot+mybatis后台vue.js实现前端的音乐网站项目大学生毕业设计
05-13
看界面效果可以在百度搜素“springboot结合mybatis多套druid数据源入门级音乐网站后台”那篇博客，里边有后台实现的代码，还有几张前台的照片。
Java Spring-boot mybatis mysql vue 前后端完全分离的后台管理系统
05-22
项目采用SpringBoot+Vue开发。 ## 后端技术栈 1.SpringBoot 2.SpringSecurity 3.MyBatis 4.MySQL ## 前端技术栈 1.Vue 2.ElementUI 3.axios 4.vue-router 具体详细配置以及运行请参照压缩包里的readme.md
酒店管理平台（element+vuejs+springboot+mybatis）
03-27
酒店管理平台（element+vuejs+springboot+mybatis项目），code目录中是前后端代码，另外一个是部署文件，包含脚本，登录时用户名和密码随意
mapper-js:快速，可靠和直观的对象映射
05-22
@ cookbook / mapper-js 快速，可靠和直观的对象映射。 演示版 与mapper-js一起玩，体验魔术！ 安装 npm install @cookbook/mapper-js --save # or yarn add @cookbook/mapper-js 如何使用 1）从您的源数据了解结构 在开始之前，至关重要的是我们了解您的数据结构，以便我们可以对其进行映射。 对于此演示案例，我们假设我们具有以下对象： const source = { person : { name : { firstName : 'John' , lastName : 'Doe' } , age : 32 , drinks : [ 'beer' , 'whiskey' ] , address : [ {
【开源项目学习】wetech-admin（企业RBAC管理平台）（更新中）
u010565910的博客
08-30 897
学习开源项目wetech-admin，这是基于Spring Boot 2.0 + Mybatis-ext + shiro + Vue 的轻量级后台管理系统，适用于中小型项目的管理后台，支持按钮级别的权限控制，系统具有最基本的用户管理、角色管理、权限管理等通用性功能，企业或个人可直接在此基础上进行开发，扩展，添加各自的需求和业务功能。...
wetech-admin，轻量级后台权限管理系统
时间不会驻留，人生不会重来。
01-03 3046
Wetech-Admin Wetech-Admin 是基于Maven+Spring+SpringMVC+Mybatis的轻量级后台管理系统，适用于中小型项目的管理后台，支持按钮级别的权限控制，系统具有最基本的用户管理、角色管理、资源管理、组织机构管理、系统日志、代码生成器等通用性功能，企业或个人可直接在此基础上进行开发，扩展，添加各自的需求和业务功能！http://wetech.tech/wet...
聊一个 GitHub 上开源的 RBAC 权限管理系统，很6！
lili2922的博客
10-29 6673
今天要和大家介绍的是一个来自 GitHub 上的项目，叫做 wetech-admin。 1.项目介绍 wetech-admin 是基于 Spring Boot 2.0+Mybatis+Vue 的轻量级后台管理系统，适用于中小型项目的管理后台，支持按钮级别的权限控制，系统具有最基本的用户管理、角色管理、权限管理等通用性功能，企业或个人可直接在此基础上进行开发，扩展，添加各自的需求和业务功能! 项目地址：https://github.com/cjbi/wetech-admin 看了下这个项目，基本上是满足
采用vue编写的功能强大的swagger-ui页面
weixin_32207033的博客
02-01 552
think-swagger-ui-vuele swagger-ui有非常多的版本，觉得不太好用，用postman，每个接口都要自己进行录入。所以在基于think-vuele进行了swagger格式json的解析，自己实现了一套swaggerui界面。 swagger分为后端数据提供方方和前端页面展示请求方。从一定角度来看，swagger是一种标准的数据格式的定义，对于不同语言进行实现一些...
Spring Boot + MyBatis + Vue.js + ElementUI：分页实例与代码(二)
本文将深入探讨如何在Spring Boot、MyBatis、Vue.js和Element UI的框架下，实现数据的增删改查功能，并在此基础上加入分页功能。上文已经概述了基础的集成过程，包括项目结构的设置和引入必要的依赖。在Spring Boot...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值