实现 Abp Vnext Pro

Abp Vnext Pro 的 Vue 实现版本

开箱即用的中后台前端/设计解决方案

知识点

• .Net Core5.0
• Abp Vnext 4.x ,
• Ant Design, Vue2.x
• Mysql,Redis,Hangfire,ES(日志可选),Nocas(可选,未集成,计划中),RabbitMq(未集成,计划中)
• 微服务架构设计, DDD 实践
• 容器化 CI CD

系统功能

• 用户管理
• 角色管理
• 设置管理
• 字典管理
• 后台作业
• ES 日志
• 暂时不支持多租户管理(后续考虑)

对接思路

• 前端
  • 通过 token 调用 /api/abp/application-configuration 获取应用级别信息，包括权限，多语言，保存在 Store 中;
  • 多语言基于前端，后端 Api 的多语言基于 abp 自带的;
  • 菜单权限封装，在 route/config.js 下配置菜单,属性 meta.policy 不传或者等于*代表不验证权限
  • 按钮权限，在 utils/permission.js 下，isGranted('策略名'),例如：v-if="isGranted('AbpIdentity.Roles.Create')"
• 后端
  • 项目不一定要基于 IdentityServer4,所以新增了一个登陆方法,生成 Token.
  • 集成 ES 日志
  • 集成 Redis
  • 集成 Hangfire
  • 集成 SettingUI

使用

clone

$ git clone https://github.com/WangJunZzz/abp-vnext-pro

后端

• 修改 Mysql,Redis 连接字符串
• 迁移数据：执行 Zzz.DbMigrator

前端

- yarn or npm i
- npm run dev

该项目也是一个模板项目

• 本地安装

# 在cotnent目录下执行
 dotnet new -i .\content

• 新建项目

dotnet new Zzz --name 你的项目名称(不支持名词xxx.xxx,只支持一级)

参考文档

本文源码地址 记得Star哦

Abp Vnext 官方文档

Abp Vnext 入门

参与贡献

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

• 通过 Issue 报告或进行咨询。