zhontai 我的项目

基于 .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]#endifpublic 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，心愿后来者能够少踩一些坑吧。
目前筹备应用框架来整个管理系统，等我边踩坑边记录吧，前面有空再分享。