乐于分享
好东西不私藏

基于.Net8+VUE2/3/UniApp、RBAC前后端分离、跨平台的通用权限管理后台

基于.Net8+VUE2/3/UniApp、RBAC前后端分离、跨平台的通用权限管理后台

项目简介
一款前后端分离的、跨平台基于RBAC的通用权限管理后台。ORM采用SqlSugar。前端采用Vue、AntDesign,支持多租户、缓存、任务调度、支持统一异常处理、接口限流、支持一键生成前后端代码,支持动态国际化翻译(Vue3),等诸多黑科技,代码简洁易懂、易扩展让开发更简单、更通用。
核心技术栈

前端技术栈

  • 核心框架:基于 Vue2.x/Vue3.x/Uniapp 开发,适配多样化前端场景需求。
  • 状态管理:采用 Vuex 实现组件间状态共享与集中管理。
  • 路由管理:使用 Vue-Router 构建单页面应用路由系统。
  • 工程化工具:Vue-CLI 搭建标准化开发环境,提升开发效率。
  • 网络请求:集成 Axios 处理 HTTP 请求,支持异步数据交互。
  • UI 组件库:Element-UI 提供丰富的企业级组件,加速界面开发。
  • 数据可视化:ECharts 实现动态图表展示,增强数据呈现能力。
  • 国际化支持:i18n 方案实现多语言切换,满足全球化需求。
  • 开发工具:使用 VSCode 作为主要开发环境,支持高效编码与调试。

后端技术栈

  • 核心框架:基于 .NET 8.0 + Web API 构建高性能服务端应用。
  • ORM 框架:采用 SqlSugar 实现高效数据库操作,支持分库分表优化性能。
  • 接口文档:集成 Swagger 生成标准化 API 文档,提升协作效率。
  • 实时通信:SignalR 实现用户在线状态管理与实时数据推送。
  • 任务调度:Quartz.NET 支持定时任务执行,支持程序集或 HTTP 请求触发。
  • 安全防护:
    • 数据权限过滤(过滤器机制)
    • SQL 注入防护
    • 请求伪造防护
  • 日志管理:
    • NLog 记录系统运行日志
    • 登录日志追踪用户行为
    • 操作日志记录关键操作
    • 定时任务日志监控任务执行
  • 功能工具:集成验证码生成、公共功能封装等辅助工具。
  • 流量控制:IpRateLimit 实现接口限流,防止恶意请求攻击。
  • 代码生成:提供全栈代码生成器,一键生成前后端基础代码。
  • 数据管理:支持数据字典功能,统一管理状态枚举等配置信息。
  • 多租户支持:实现多数据库源隔离,满足 SaaS 架构需求。
  • 缓存机制:内置内存缓存 + Redis 分布式缓存,提升系统响应速度。
项目结构说明
├─ZR.Service                ->[你的业务服务层类库]:提供自己业务数据Api接口调用;├─ZR.ServiceCore            ->[系统服务层类库]:提供系统Api接口;├─ZR.Repository             ->[仓库层类库]:方便提供有执行存储过程的操作;├─ZR.Model                    ->[实体层类库]:自己业务库表、数据传输对象;├─ZR.Admin.WebApi           ->[webapi接口]:为Vue版或其他三方系统提供接口服务。├─ZR.Tasks                   ->[定时任务类库]:提供项目定时任务实现功能;├─ZR.CodeGenerator          ->[代码生成功能]:包含代码生成的模板、方法、代码生成的下载。├─ZR.Mall                   ->[商城后端]:商城相关的后端代码。├─ZR.Vue                       ->[前端UI]:vue2.0版本UI层(已经不再更新推荐使用vue3)。├─document                   ->[文档]:数据库脚本(已弃用)
功能界面展示

📱 移动端(vue2)

📱 移动端(vue3)

内置功能介绍

用户与权限管理

  • 用户管理:配置系统操作者账号,支持用户信息维护与权限分配。
  • 部门管理:以树形结构管理组织架构(公司、部门、小组),支持层级关系展示。
  • 岗位管理:定义用户职务角色,关联岗位与权限关系。
  • 菜单管理:配置系统菜单、操作权限及按钮级权限标识。
  • 角色管理:分配角色菜单权限,支持权限继承与自定义组合。

数据与配置管理

  • 字典管理:维护系统中固定常量数据(如状态、类型等),支持动态扩展。
  • 参数管理:动态配置系统常用参数,支持运行时修改生效。
  • 多语言管理:支持中、英、繁体静态/后端动态国际化配置(仅Vue3版本)。

日志与审计

  • 操作日志:记录系统正常操作及异常信息,支持按时间、用户等条件查询。
  • 登录日志:记录用户登录行为,包含登录异常信息(如IP、设备等)。
  • DB审计日志:数据库操作审计,追踪数据变更历史。

系统监控与工具

  • 服务监控:实时监视系统资源占用(CPU、内存、磁盘、堆栈等)。
  • 在线构建器:拖拽表单元素生成Vue2代码,加速前端页面开发。
  • 代码生成:一键生成前后端代码(.cs、.vue、.js、.sql、Uniapp等),支持自定义控件配置与下载。
  • 导入导出:支持中文表头数据导入、字典值转文本导出功能。

任务与通知

  • 任务系统:基于Quartz.NET的在线任务调度管理,支持增删改查、手动执行及结果日志查看。
  • 通知管理:发布系统公告,通过SignalR实现实时推送与用户通知。
  • 邮件发送:支持批量用户邮件发送,集成模板与附件功能。
  • 在线用户:查看当前登录用户列表,支持强制踢出或发送通知。

文件与存储

  • 文件管理:支持本地及阿里云对象存储(OSS)的文件上传与下载。

扩展功能

  • 文章管理:记录与管理系统文章内容,支持分类与富文本编辑。
  • 数据大屏:可视化展示关键数据指标,支持自定义图表配置。
  • 三方登录:提供OAuth等第三方登录集成逻辑(如微信、GitHub等)。
  • 账号注册:开放用户自助注册功能,支持验证码与邮箱验证。
快速开始

1. 代码管理

  • Fork仓库 → Git克隆到本地
  • 创建业务分支 business(主分支 master 仅用于同步最新代码,禁止直接开发)
  • 后续通过 master 合并到 business 更新代码

2. 环境准备

  • 工具链:VS2022+、VSCode(插件:Volar/Vetur/中文包/ESLint/i18n Ally/Vue组件)、.NET SDK、Node≥16(配置淘宝镜像 npm config set registry=https://registry.npmmirror.com)
  • 数据库:任选MySQL≥5.7/SQLServer≥2012/Oracle/PgSql≥15(配置 
appsettings.json 连接字符串,DbType 对应类型)

3. 后端启动

  • 打开 ZRAdmin.sln → 设置 ZR.Admin.WebApi 为启动项目 → 运行根目录 startup.bat
  • 配置 appsettings.json
    • 启用 "InitDb": true 初始化数据库(首次启动后改 false
    • 数据库连接示例(SQLServer):"Conn": "Data Source=...;User ID=...;Password=...;Initial Catalog=ZrAdmin;"
  • 启动后访问 http://localhost:8888/common/initseedData 初始化数据(仅限本地开发)

4. 前端启动

  • 进入 ZR.Vue 目录 → npm install → npm run dev
  • 访问 http://localhost:8887(端口需与后端 urls 配置一致)

5. 验证

  • 默认账号:管理员 admin/123456,普通用户 user/123456
  • 确保前后端均启动,页面正常展示即环境成功

关键提示:数据库驱动问题可替换 SqlSugarCoreNoDrive 为 SqlSugarCore(含所有驱动);启动失败查 adminLogs 日志。

PS:仅供学习,侵权立删。

项目链接:公众号发送关键字
20260209
获取(注意空格)
END
一个纯粹的技术交流群,创建的初衷是方便大家的交流,同时也能资源共享,互相学习成长。需要的伙伴可以点击公众号菜单[联系进群]获取二维码,扫码进群。加的时候请备注自己的发展方向,方便更好的交流
推荐阅读
基于 WPF 的汽车衡称重软件系统:智能称重管理新方案

医药/冷链仓库温控利器:基于.NET+Modbus的上位机监控系统

Mootool开发者必备桌面工具,没有之一,完全开源免费

基于.NET开发的一款功能完备且设计精巧的体检软件.NET 8 + SqlSugar ORM + Vue 2.X 企业级RBAC权限框架:前后端分离中后台快速开发解决方案

喜欢文章的话请
分享
收藏
在看
点赞
本站文章均为手工撰写未经允许谢绝转载:夜雨聆风 » 基于.Net8+VUE2/3/UniApp、RBAC前后端分离、跨平台的通用权限管理后台

评论 抢沙发

7 + 9 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
×
订阅图标按钮