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 入门

参与贡献

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

版权声明:本文为WangJunZzz原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/WangJunZzz/p/14461451.html