/abp-vnext-pro

Abp Vnext Pro 的 Vue 实现版本

Primary LanguageTypeScript

​ 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 报告:bug:或进行咨询。
  • QQ群：686933575