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":""}]
- assemblyNames:
-
曾经在开发环境对 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,心愿后来者能够少踩一些坑吧。
目前筹备应用框架来整个管理系统,等我边踩坑边记录吧,前面有空再分享。