关于后端:03前后端分离中台框架-zhontai-项目代码生成器的使用

6次阅读

共计 2182 个字符，预计需要花费 6 分钟才能阅读完成。

基于 .Net7.x + Vue 等技术的前后端拆散后盾权限管理系统，想你所想的开发理念，心愿缩小工作量，帮忙大家实现疾速开发

后端地址：https://github.com/zhontai/Admin.Core
前端地址：https://github.com/zhontai/admin.ui.plus

代码生成器：
- 后端：https://github.com/share36/Admin.Core.Dev
- 前端：https://github.com/share36/admin.ui.plus.dev
官网默认我的项目模板生成：
- dotnet new install ZhonTai.Template
- dotnet new MyApp -n MyCompanyName.MyProjectName

本文次要介绍应用第三方的可视化代码生成器生成前后台代码

代码仓库 https://github.com/share36/Admin.Core.Dev
在 ZhonTai.Host 增加对 ZhonTai.Admin.Dev 的我的项目援用
批改 ZhonTai.Host 我的项目 Config\appconfig.json 配置
- assemblyNames：[... "ZhonTai.Admin.Dev"]
- swagger 节点 projects 减少项 [...{"name":"代码生成","code":"dev","version":"v0.0.1","description":""}]
曾经在开发环境对 CodeGenService 疏忽权限, 前端间接显示代码生成不须要加到数据库中
```
#if DEBUG
[AllowAnonymous]
#endif
public partial class CodeGenService{}
```
后端生成器配置图片说明

代码仓库 https://github.com/share36/admin.ui.plus.dev
复制 gen/gen-dev-api.js 到我的项目，增加 package.json 命令："gen:dev:api": "node ./gen/gen-dev-api", 执行 npm run gen:dev:api 生成 dev 模块接口定义
将 src/views/dev 增加到我的项目 src/views 文件夹

批改 /src/router/route.ts, 将生成器节点增加到 ‘/example’ 即可

[
      {
        path: '/dev',
        name: 'dev',
        redirect: '/dev/codegen',
        meta: {
          title: '生成器',
          isLink: '',
          isHide: false,
          isKeepAlive: true,
          isAffix: false,
          isIframe: false,
          roles: ['admin'],
          icon: 'iconfont icon-zujian',
        },
        children: [
          {
            path: '/dev/codegen',
            name: '/dev/codegen',
            component: () => import('/@/views/dev/codegen/index.vue'),
            meta: {
              title: '代码生成',
              isLink: '',
              isHide: false,
              isKeepAlive: true,
              isAffix: false,
              isIframe: false,
              roles: ['admin'],
              icon: 'iconfont icon-zujian',
            },
          }]
      },
      //...{path: '/example',...}
]

配置 api+ 模型生成
配置路由

因为框架有些更新改变，未做适配会存在一些报错，解决即可，曾经提 PR 了，能够依据须要查看 pr 或我的主页获取代码

配置就绪，我的项目就能够丝滑的运行起来了

能够间接创立数据表，再生成代码，亦能够依据已有的数据库表来生成
创立实现后，在列表右侧下拉按钮生成代码即可
生成菜单数据的前置操作，失常须要手动增加视图及权限分组，再生成菜单
- 新建视图
  - 视图名称：代码测试
  - 下级视图：平台治理
- 新建权限分组
  - 下级分组：平台治理
  - 名称：代码测试
  - 路由地址：/platform/test
  - 重定向：/platform/test/index
生成菜单
- 点击生成菜单数据
- 将会在 [视图治理] 页面下生成
  - 测试治理视图命名：admin/test 视图地址：admin/test/index
  - 这里生成的是会加载到 vue-router，地址如果有下划线，横杠等特殊符号须要本人批改
- 将会在 [权限治理] 页生成
  测试治理菜单路由地址：/admin/test 视图地址：admin/test/index 路由命名：admin/test
  这个测试页因为是生成到平台治理模块所以才须要批改，因为平台模块的 key 是 platform，
  关上后左侧导航会无奈正确定位，所以须要批改下生成的权限菜单项
  将路由地址批改为：/platform/test/index
  将路由名称批改为：platform/test/index
生成后果示例

至此，对于 zhontai 的框架应用产出了三篇文章，框架上手还是比较简单，有了代码生成器也能够疾速开发；目前得悉作者也在弄微服务的框架，示意期待，默默点赞，感觉有用的也能够去 zhontai/Admin.Core 点个 Star，心愿后来者能够少踩一些坑吧。
目前筹备应用框架来整个管理系统，等我边踩坑边记录吧，前面有空再分享。

正文完