Skip to content

Cloud Admin增删改查开发指南

老A edited this page May 13, 2018 · 1 revision

高效开发利器:代码生成器

img 可以自动生成前端和后端代码,放入指定位置即可快速地完成增删改查。表要写注释

  • 生成代码

img

  • 最终运行效果

img img

代码生成器指南

配置数据库和基础配置

  • 修改application.yml的数据库信息
# Tomcat
server:
    tomcat:
        max-threads: 10
        min-spare-threads: 10
    port: 7777

# mysql
spring:
    datasource:
        type: com.alibaba.druid.pool.DruidDataSource
        driverClassName: com.mysql.jdbc.Driver
        url: jdbc:mysql://localhost:3306/ag_admin?useUnicode=true&characterEncoding=UTF-8
        username: root
        password: 123456
    jackson:
        time-zone: GMT+8
        date-format: yyyy-MM-dd HH:mm:ss
    thymeleaf:
        mode: LEGACYHTML5
        cache: false

# Mybatis配置
mybatis:
    mapperLocations: classpath:mapper/**/*.xml
  • 修改生成代码的描述信息
#代码生成器,配置信息

#包名
package=com.github.wxiaoqi.security
#作者
author=Mr.AG
#Email
[email protected]
#表前错误的Unicode字符串!
tablePrefix=base_
#前端模块前缀
mainModule=admin

启动

启动:GeneratorBootstrap
访问地址:http://localhost:7777/index

额外说明

记得在数据库中表描述和字段描述都要写上,否则生成的页面表单和列表没有名称

生成代码的使用应用

后端代码

直接将代码copy到后端对应服务包路径即可 image.png

前端代码

QQ20180119-082427@2x.png

权限配置

  • 菜单配置
  1. 前端添加路由配置

image.png 2. 管理端配置页面 image.png 3. 给对应角色组进行菜单授权

  • 按钮配置

因为采用的是前后端分离的方式,所以在生成前端页面的时候,会自动加入权限编码。

  1. 前端页面 image.png

  2. 管理端配置 image.png

  3. 给对应角色组进行菜单按钮的授权