代码生成工具

作用

• 生成基础增删改查前后端代码，包括java、vue、angular
• 前后端接口会根据模块名称保持统一

 1.分页列表接口
 2.不分页列表接口
 3.新增接口
 4.编辑接口
 5.编辑时单个查询接口
 6.查看时单个获取接口
 7.单个删除接口
 8.批量删除接口

使用方式

1.安装

npm install qa-code-generator-cli -g

2.生成 java 代码

在需要生成的目录下命令行运行: qa-java-coder
依次输入：packageName（包名）、moduleName（模块名称）、项目描述

如: 输入moduleName为userMgt

生成目录为：

userMgt
├─beans  
│      UserMgtDTO.java --------------------------------------# 新增/编辑 参数
│      UserMgtListDTO.java ----------------------------------# 列表查询参数
│      UserMgtListVO.java -----------------------------------# 列表返回参数
│      UserMgtVO.java ---------------------------------------# 查看接口返回参数
│      
├─controller
│      UserMgtController.java
│      
├─entity
│      UserMgtEntity.java
│      
├─repository
│      UserMgtRepository.java
│      
└─service
    │  UserMgtService.java
    │  
    └─impl
            UserMgtServiceImpl.java

3.生成 vue 代码

在需要生成的目录下命令行运行: qa-vue-coder
输入模块名称，如：userMgt

生成目录为：

userMgt
│  UserMgt.vue -----------------------------------------------# 列表页
│  userMgtService.js -----------------------------------------# http接口声明
│  
└─components
        UserMgtEditModal.vue ---------------------------------# 新增/编辑弹窗
        UserMgtViewModal.vue ---------------------------------# 查看弹窗

4.生成 angular 代码

在需要生成的目录下命令行运行: qa-angular-coder
输入模块名称，如：userMgt

生成目录为：

user-mgt
│  user-mgt-routing.module.ts --------------------------------# 模块路由配置页
│  user-mgt.module.ts ----------------------------------------# 模块配置页
│  
├─bean
│      userMgtDTO.ts -----------------------------------------# 新增/编辑时参数类型
│      userMgtSearchDTO.ts -----------------------------------# 列表查询参数类型
│      userMgtVO.ts ------------------------------------------# 查看时返回数据类型
│      
├─edit -------------------------------------------------------# 新增/编辑弹窗
│      edit.component.html 
│      edit.component.ts
│      
├─less -------------------------------------------------------# 模块样式
│      userMgt.less
│      
├─list -------------------------------------------------------# 列表页
│      list.component.html
│      list.component.ts
│      
├─service 
│      user-mgt.service.ts -----------------------------------# http接口声明
│      
└─view -------------------------------------------------------# 查看弹窗
        view.component.html
        view.component.ts