文档章节

一套基于SpringBoot+Vue+Shiro 前后端分离 开发的代码生成器

郑清
 郑清
发布于 09/20 19:37
字数 1533
阅读 168
收藏 16

一、前言

最近花了一个月时间完成了一套基于Spring Boot+Vue+Shiro前后端分离的代码生成器,目前项目代码已基本完成

止步传统CRUD,进阶代码优化:

该项目可根据数据库字段动态生成 controller、mapper、service、html、jsp、vue、php、.py ... 等各种类型代码,采用 velocity 模板引擎在页面动态配置生成代码,前后端动态权限配置,前端权限精确到 按钮 级别,后端权限精确到 uri 上,QQ授权第三方单用户登录...等

基本环境:

  1. JDK 1.8
  2. IDEA 2019.2
  3. Redis 5.0.5
  4. MySQL 5.7
  5. Nginx 1.17.1
  6. Docker 18.09.7
  7. Node.js 10.15.3

项目使用技术栈:

前端:Vue + Axios 后端:Spring Boot 、 MyBatis-Plus 缓存:Redis 权限:Shiro .......

二、代码生成器介绍

线上体验地址: http://www.zhengqing520.com:8100/code-generator/dashboard

在这里插入图片描述

1、登录:

测试账号:test 密码:123456

由于权限问题 线上开放的权限仅只是代码生成器那一部分,需要权限控制、系统日志等功能可fork源码参考~

三方登录目前暂支持QQ授权登录,默认权限只有代码生成器模块,登录过后,30分钟内不进行操作将自动下线,同一账号在别处登录将被挤下线,点击头像在个人信息中可自行修改账号、密码、昵称 在这里插入图片描述

2、代码生成器

① 项目管理

在这里插入图片描述 新建一个项目后,编辑项目包,这里和我们ide打开一个项目下面的包层次类似,后面生成的代码也将存放在此树包目录下,可以根据自己的需求来灵活配置建包 在这里插入图片描述

② 初始模板

在这里插入图片描述 这里可以选择给自己的项目添加一个初始模板,在项目模板管理处可选择项目进行一键新增生成对应的模板 在这里插入图片描述 生成规则:根据项目管理中的包名与初始模板中的模板类型名对应上即可生成,不对应的即不会处理~

③ 项目模板管理

列表页面和初始模板列表页面类型,不同的是新增时需要选择项目哦,后面的代码生成将会依照这里配置的代码模板动态生成! 在这里插入图片描述 于是乎,整个代码生成的精髓就在乎这里自己项目所配置的模板哦,这里也给出了可以参考配置的模板数据

数据源配置信息,要在根据数据库字段生成一次代码后才拥有数据可以查看哦,不然会是空数据!

在这里插入图片描述 ex: ${author} 对应生成 zhengqing ${package.input} 对应生成 com.zhengqing.modules.system.dto.input 在这里插入图片描述 另外就需要参考 Velocity 模板引擎的基本语法使用了 这里再例出一个小编配置的实体类模板吧

温馨小提示:在项目的sql中保存有小编代码生成器项目中配置的项目模板以供参考哦~

package ${package.entity};

#foreach($pkg in ${table.importPackages})
import ${pkg};
#end
import io.swagger.annotations.ApiModel;
import io.swagger.annotations.ApiModelProperty;
import lombok.Data;

/**
 * <p>  ${table.comment} </p>
 *
 * @author: ${author}
 * @date: ${date}
 */
#if(${table.convert})
@Data
@ApiModel(description = "${table.comment}")
@TableName("${table.name}")
#end
#if(${superEntityClass})
public class ${entity} extends ${superEntityClass}#if(${activeRecord})<${entity}>#end {
#elseif(${activeRecord})
public class ${entity} extends Model<${entity}> {
#else
public class ${entity} implements Serializable {
#end

    private static final long serialVersionUID = 1L;

#foreach($field in ${table.fields})
#if(${field.keyFlag})
#set($keyPropertyName=${field.propertyName})
#end
#if("$!field.comment" != "")
    /**
     * ${field.comment}
     */
	@ApiModelProperty(value = "${field.comment}")
#end
#if(${field.keyFlag})
	@TableId(value="${field.name}", type= IdType.AUTO)
#else
	@TableField("${field.name}")
#end
	private ${field.propertyType} ${field.propertyName};
#end

#if(${entityColumnConstant})
#foreach($field in ${table.fields})
	public static final String ${field.name.toUpperCase()} = "${field.name}";

#end
#end
#if(${activeRecord})
	@Override
	protected Serializable pkVal() {
#if(${keyPropertyName})
		return this.${keyPropertyName};
#else
		return this.id;
#end
	}

#end
}

④ 数据库管理
  1. 连接数据库 在这里插入图片描述 这里便是配置数据库连接信息了,这里小编给出一个开放的数据库可供连接测试使用,希望读者不要乱搞哦 数据库连接地址:www.zhengqing520.com:3306 用户名:hello 密码:root 可以在本地连接小编给出的数据库 在里面新建表然后在页面配置连接后选择表测试生成哦~ 在这里插入图片描述
  2. 选择表 在这里插入图片描述
  3. 生成代码或修改远程数据库注释信息,这里为了安全考虑未做新增字段,删除字段等功能,如有兴趣,可fork小编源码自行修改其功能 在这里插入图片描述

3、系统管理

① 用户管理

这里不多说,就是一些基础信息

② 角色管理
  1. 将指定的角色分配给指定的用户 在这里插入图片描述
  2. 分配指定的权限给该角色 在这里插入图片描述
③ 菜单管理

在这里动态配置后端uri请求权限与前端按钮权限 在这里插入图片描述

④ 系统日志

在这里插入图片描述

三、总结

  1. 该代码生成器,打破传统的CRUD,避免花费太多时间在重复事情上,将更多时间用于学习晋升
  2. 该项目对于小白来说可学习技术也有很多,比如前后端分离跨域解决三方授权登录@Validated后端参数校验简单的redis缓存处理shiro动态权限配置前端按钮级别权限控制 等等,后端使用目前企业流行的Spring Boot+MyBatis-Plus技术栈,前端也是较为普遍 学习轻松的vue。对于全栈了解入门也是一个好的demo
  3. 本文目前只是给出项目使用介绍流程,后续若有时间,将会给出其中某些技术栈的案例教程 案例demo代码将会存放至:https://gitee.com/zhengqingya/java-workspace
注:实现本代码生成器参考了网上很多前后端教程,以及小编老大肖哥,在这一个月时间里,白天上班,晚上回家利用空闲时间来码代码,其中也是学到了不少东西,现在也分享出来给大家,希望能够帮助到有需要的小伙伴们~

项目源码

觉得还可以的话,请给个❤

GitHub地址:https://github.com/zhengqingya/code-generator
码云地址:https://gitee.com/zhengqingya/code-generator

© 著作权归作者所有

郑清
粉丝 3
博文 19
码字总数 23659
作品 0
成都
私信 提问
加载中

评论(1)

JKJ2
JKJ2
积极支持并研究使用
.netcore+vue+elementUI 前后端分离---支持前端、后台业务代码扩展的快速开发框架

框架采用.NetCore + Vue前后端分离,并且支持前端、后台代码业务动态扩展,框架内置了一套有着20多种属性配置的代码生成器,可灵活配置生成的代码,代码生成器界面配置完成即可生成单表(主表...

我心依旧。
10/08
0
0
NutzWk 3.3.0 发布,Java 企业级开源开发框架

NutzWk 3.3.0 发布了。NutzWk 是基于国产 Java 开源框架 Nutz 开发的一套集成 Shiro 权限控制、Ehcache缓存、Beetl模板引擎、Quartz、Redis、二维码、pdf等技术的开源企业级开发框架。 Nutz...

Wizzer
2016/10/11
2.5K
10
NutzWk 3.2.7 发布,Java 企业级开源开发框架

NutzWk 是基于国产 Java 开源框架 Nutz 开发的一套集成 Shiro 权限控制、Ehcache缓存、Beetl模板引擎、Quartz、Redis、二维码、pdf等技术的开源企业级开发框架。 源码地址:https://github....

Wizzer
2016/09/22
2.3K
17
NutzWk 3.3.1 发布,Java 企业级开源开发框架

NutzWk 3.3.1 发布了。NutzWk 是基于国产 Java 开源框架 Nutz 开发的一套集成 Shiro 权限控制、Ehcache缓存、Beetl模板引擎、Quartz、Redis、二维码、pdf等技术的开源企业级开发框架。 Nutz...

Wizzer
2016/10/25
3.3K
20
Jeecg-Boot 2.0.1 版本发布,前后端分离快速开发平台

Jeecg-Boot项目简介 Jeecg-boot 是一款基于代码生成器的快速开发平台!采用前后端分离技术:SpringBoot,Mybatis,Shiro,JWT,Vue & Ant Design。提供强大的代码生成器, 前端页面和后台代码...

Jeecg
06/03
6.4K
7

没有更多内容

加载失败,请刷新页面

加载更多

带你了解 Java内存模型

Java内存模型的规定: 1、所有变量存储在主内存中; 2、每个线程都有自己的工作内存,且对变量的操作都是在工作内存中进行; 3、不同线程之间无法直接访问彼此工作内存中的变量,要想访问只能...

linux-tao
17分钟前
3
0
.net c# datetime转string 时间转字符串

.net c# datetime转string 时间转字符串 .net c# datetime转string 时间转字符串 刚开始接触net 时间转换字符串 一搜索出来的全是 字符串转时间,要么就是系统当前时间转字符串 就没有一个指...

青峰Jun19er
18分钟前
3
0
hbase demo

HbaseDao public class HbaseDao {@Testpublic void insertTest() throws Exception {Configuration conf = HBaseConfiguration.create();conf.set("hbase.zookeeper.qu......

Garphy
28分钟前
2
0
IT兄弟连 HTML5教程 HTML5表单 多样的输入类型2

4 range range类型用于包含一定范围内数字值的输入域,跟number一样,我们还可以对数值设置限定,range类型显示为滑动条用法如下: 上述代码使用了range类型输入框,为该类型设置了数值范围为...

老码农的一亩三分地
28分钟前
2
0
对比不同的数据库连接的异同

博主在学习和使用数据库连接时,遇到的问题, 这个几个数据库连接究竟有什么不同? 到底什么时候该使用哪个会更好一点? 带着这个问题我们先去了解常见的数据库连接 1. 常见的数据库连接有哪些?...

理性思考
30分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部