​ Abp Vnext Pro 的 Vue3 实现版本 开箱即用的中后台前端/设计解决方案

说明

• main分支为主要开发分支，后续都基于此分支维护，该分支前端基于vue3.0,Typescript,如果要使用Vue请切换到Vue2分支。
• .Net Core5.0
• Abp Vnext 4.2 ,
• Ant Design, Vben Admin 前端文档
• Mysql,Redis,Hangfire,ES(日志可选)
• 微服务架构设计, DDD 实践
• 容器化 CI CD
• Xunit 单元测试(提供sample单元测试)

前端特别说明

• abp 有提供默认api为什么要重写user，role，permission接口?
  • 因为前端的调用后台接口通过nswag生成了代理，api提供的接口地址导致生成代理冲突所以重写了
  • 在后端有接口变化请在前端执行npm run nswag 重新生成代理
  • 建议后端的方法设置为post，前端会生成typecript的接口
  • 后端使用swagger的时候tag请不要用中文 [SwaggerOperation(summary: "获取所有角色", Tags = new[] { "Role" })]
  • 前端代理生成在src/services下，如何使用请参考用户模块

对接思路

• 前端
  • 通过 token 调用 /api/abp/application-configuration 获取应用级别信息，包括权限，多语言，保存在 Store 中;
  • 多语言基于前端，后端 Api 的多语言基于 abp 自带的;
  • 配置菜单,属性 meta.policy 不传代表不验证权限
  • 按钮权限，v-auth 例如：v-auth=('AbpIdentity.Roles.Create')
• 后端
  • 项目不一定要基于 IdentityServer4,所以新增了一个登陆方法,生成 Token.
  • IdentityServer4的已经独立出来,也会开源。

使用

• 下载代码生成器，Git仓库(https://github.com/WangJunZzz/abp-vnext-pro-gui)

  

• 下载模板之后再当前项目src\AbpVnextPro.GUI\bin\Debug\net5.0-windows\decompression可以看到生成的源码

• 启动

  • 前端yarn

  • 后端修改mysql和redis连接字符串

  • 执行tools下的迁移控制台程序

  • 启动host下httpapi.host即可

  • host下的public可以忽略，这个用来做暴露第三方接口的，通过id4授权。

参与贡献

非常欢迎你的贡献，你可以通过以下方式和我们一起共建 ：

• 通过 Issue 报告或进行咨询。
• QQ群：686933575