.NET 8 + Vue 3 极简 RABC 权限管理系统

于 2024-08-19 11:26:59 发布
阅读量675 收藏 6
点赞数 16
分类专栏： .NET 开源项目 文章标签： vue.js .net 前端 权限管理系统 后台管理系统
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012573563/article/details/141320938
版权

目录

前言

项目介绍

​编辑

项目结构

1、 后端接口（Api）

2、Vue 客户端（client-vue ）

3、WPF 客户端（client-wpf ）

4、 关系模型（relationship-model）

5、项目效果图（screenshot ）

​编辑

设计思路

1、服务端

2、客户端

项目说明

1、完成功能

2、后续内容

演示地址

1、登录页面

2、系统首页

3、系统管理

4、工作流程

项目地址

 最后

前言

在日常工作中，几乎每家公司都需要一个后台管理系统来处理各种任务。为了帮助大家快速搭建这样一个系统，给大家介绍一个基于最新技术 .NET 8 和前端框架 Vue 3 实现的极简 RABC（基于角色的访问控制）权限管理系统。

该系统后端采用经过精心精简的 ABP框架，前端则使用了 vue-pure-admin 模板和强大的 vxe-table表格框架，为二次开发提供最简洁、最高效的解决方案。

这个系统不仅易于理解和使用，而且它的模块化设计能够快速地进行定制和扩展，满足不同业务场景的需求。系统适合有快速搭建后台管理系统的需求，项目从0到1，源码持续更新！特适合、刚开始接触 .NET 8+ Vue 3 项目的初学者。

项目介绍

基于.NET 8 + Vue 3+ Furion + SqlSugar + MySQL 实现的高性能的、极简的、前后端分离的、RABC 权限后台管理系统。

主要包括用户管理、角色管理、组织机构管理、字典管理、配置管理、日志管理、文件管理、工作流管理等15 种核心功能。

PurestAdmin 是一款前后端分离的基于 "RBAC"（基于角色的访问控制）权限管理的后台管理系统。目标为大、中、小型项目提供一个快速二次开发的模板，本项目不做任何业务型的功能，尽量做到下载即用，方便广大的开发者进行快速业务开发，无需再为搭建项目框架而烦恼。

本项目突破了传统的 RBAC 构思，不再依赖后端配置前端的菜单路径，真正实现了前后端分离。此外，我们重新设计了 token 的刷新机制，实现了单 token 无感知刷新，提升了用户体验。

项目结构

1、 后端接口（Api）

  • 使用 .NET 8 开发，在 ABP 框架的基础上进行了精简和改良，只保留了核心功能，并重写了部分 ABP 的功能。

  • 采用了 SqlSugar 替代传统的 EF Core，提高了效率并使使用更加便捷。

2、Vue 客户端（client-vue ）

  • 采用了高质量前端项目 vue-pure-admin 的精简版 pure-admin-thin。

  • 额外集成了功能强大的 vxe-table 及其内置的其他组件，提升了用户体验和开发效率。

3、WPF 客户端（client-wpf ）

  • 使用 MVVM 模式的框架 Prism，该框架在 WPF 用户中非常受欢迎。

  • 引入了 Rubyer-WPF 主题和控件包，增强了界面的友好度。

  • 对 HTTP 请求进行了封装，使用了 restful 格式的 Flurl，让网络请求更加便捷。

4、 关系模型（relationship-model）

  • 包含数据库关系模型图，基于 PowerDesigner 设计的 PDM 图形。

  • 提供了对应的表结构初始化 SQL 语句。

5、项目效果图（screenshot ）

  • 展示了项目的实际运行效果和界面设计。

设计思路

1、服务端

  • 关注点分离：服务端不再关心前端的具体实现细节，而是专注于功能实现和接口开放。

  • 权限控制：通过“功能管理”模块，控制用户调用接口的权限，确保只有授权用户才能访问相应的功能。

2、客户端

  • 动态路由：客户端无需与服务端约定具体的路由信息，而是根据服务端返回的功能编码动态生成路由。

项目说明

1、完成功能

  • 登陆登录以及权限验证

  • 系统管理（组织架构、用户、角色、权限、功能、字典、配置等）

  • 工作流程（表单设计、流程设计、待办事项等）

  • WPF 版本仅完成了框架的构造以及登录等基本功能（由于prism也收费啦，所以后续不再进行开发了），如果您有兴趣，请联系我。

  • 工作流部分只提供了比较简单的入门级示例。请根据需求自行二开。

2、后续内容

  • 数据库替换为 Sqlite

  • MAUI 客户端

演示地址

访问地址 purest-admin

应用服务器在国外，数据库服务器在国内，可能查询数据会有略微延迟。

并非项目本身的问题。

1、登录页面

2、系统首页

3、系统管理

4、工作流程

项目地址

Github：GitHub - dymproject/purest-admin: 基于 .NET 8 + vue3 实现的极简rabc权限管理系统后端 后端基于精简后的abp框架，前端基于vue-pure-admin，前端极强的表格框架vxe-table，旨在打造一款最合适二次开发的极简.Net框架

Gitee：purest-admin: 基于 .NET 8 + vue3 实现的极简rabc权限管理系统后端后端基于精简后的abp框架，前端基于vue-pure-admin，前端极强的表格框架vxe-table，旨在打造一款最合适二次开发的极简.Net框架

文档地址：purest-admin-doc

 最后

如果你觉得这篇文章对你有帮助，不妨点个赞支持一下！你的支持是我继续分享知识的动力。如果有任何疑问或需要进一步的帮助，欢迎随时留言。也可以加入微信公众号 [DotNet技术匠] 社区，与其他热爱技术的同行一起交流心得，共同成长！优秀是一种习惯，欢迎大家关注学习 ！

小码编匠
关注
  • 16
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于.net6 +vue3 的前后端分离宿舍管理系统源码+论文文件.zip
04-29
基于.net6 +vue3 的前后端分离宿舍管理系统源码+论文文件.zip基于.net6 +vue3 的前后端分离宿舍管理系统源码+论文文件.zip基于.net6 +vue3 的前后端分离宿舍管理系统源码+论文文件.zip基于.net6 +vue3 的前后端分离...
基于ThinkPHP8和Vue3的极简后台管理系统设计源码
04-09
极简后台管理系统 - 基于ThinkPHP8和Vue3开发，包含886个文件，如JS、PHP、CSS、JPG、TPL、TTF、GITIGNORE、ICO和MD等。该系统是一个后台管理系统，提供登录退出、权限管理、日志管理、接口文档与调试等基础功能。...
基于.net6的Furion+viewui极简进销存管理系统设计源码
04-05
本资源提供了一套基于.net6的Furion+viewui极简进销存管理系统的设计源码，包含365个文件，其中包括94个C#源代码文件，93个Vue组件文件，89个JavaScript脚本文件，以及18个LESS样式文件。此外，还包括8个JSON配置...
基于Django+Vue3的rbac权限管理系统源码.zip
08-26
基于Django+Vue3的rbac权限管理系统源码.zip基于Django+Vue3的rbac权限管理系统源码.zip基于Django+Vue3的rbac权限管理系统源码.zip基于Django+Vue3的rbac权限管理系统源码.zip基于Django+Vue3的rbac权限管理系统...
基于.NET 8和Vue的通用管理平台Admin.NET设计源码
04-08
【标题】"基于.NET 8和Vue的通用管理平台Admin.NET设计源码"涉及的核心技术主要集中在.NET 8框架和Vue.js前端框架的整合应用，以及一个通用的管理平台的构建。以下是这些知识点的详细说明： 1. **.NET 8**：.NET 8...
实现父组件调用子组件方法时报错：[Vue warn]: Invalid vnode type when creating vnode: null.
08-14 317
[Vue warn]: Invalid vnode type when creating vnode: null.
vue选中下拉框数据，但是值没有填充到框内
m0_68154641的博客
08-14 219
element-ui选中下拉框数据，但是值没有填充到框内
element table 判断当前行是否展开和只展开一行
m0_68716504的博客
08-15 401
element组件提供了table的展开和收起功能，并提供了expand-change事件用来监听table行的展开和收起在一些特殊情况下如：处理异步数据时，希望展开行时请求接口，关闭行时不用请求，但是expand-change，无论是展开还是收起都会触发，于是就希望能有一个类似isExpended布尔类型的状态属性来判断是否调用接口。
vue3进阶用法之通过调用函数动态加载组件用法及示例
wz9608的博客
08-14 337
vue官方文档那边虽然说了函数的使用方法，但没有列举这种业务场景。这里只是做一个简单的实例，其实可以通过这种方法实现其他更多的功能，比如说modal框等等等。
使用 TinyVue 组件库搭建前端项目的实操体验
Echo_Wish的博客
08-14 815
在这个示例中，我们创建了一个包含用户名和密码输入框的表单，并添加了表单验证功能。总的来说，TinyVue 组件库为前端开发提供了强大的支持和便利。通过这次活动，我不仅提升了自己的开发技能，还对 OpenTiny 的产品有了更深入的了解。在这个示例中，我们引入了 TinyButton 组件，并在按钮点击时触发一个成功消息。TinyVue 组件库提供了丰富的 UI 组件，可以满足各种业务需求。在项目中，我使用了 TinyVue 提供的多个组件来构建页面。首先，我按照官方文档的指引，完成了开发环境的准备工作。
Vue 3的Computed属性
计算机图形学
08-15 416
Vue 3的组合式API为Computed属性的使用带来了新的变化和可能性。通过computed函数，开发者可以轻松地创建只读或可写的Computed属性，并在组件中高效地处理响应式数据。合理使用Computed属性，可以使代码更加简洁、清晰和高效。
Vue 3 watchEffect教程
weixin_42545951的博客
08-17 446
Vue 3 引入了 Composition API，其中是一个非常强大的工具，用于响应式地追踪依赖项的变化。本文将详细介绍的使用方法和相关概念。是 Vue 3 的 Composition API 中的一个函数，用于自动追踪其回调函数中使用的响应式状态，并在状态变化时重新执行回调函数。通过本文的介绍，你应该对 Vue 3 中的有了基本的了解。是 Vue 3 响应式系统的核心功能之一，能够极大地简化副作用的处理逻辑，提高代码的可读性和可维护性。在实际开发中，合理使用将使你的 Vue 应用更加强大和灵活。
使用el-menu跳转时偶尔会出现路由已经变了，但是页面却显示空白的情况
qq_49080239的博客
08-15 296
我改的期间发现，是上一个跳转的组件如果出现template里包了多个标签，那么下一个组件就会变成空白。所以当你发现有一个页面跳转出错，但是怎么也找不到错误时，那你就去看看它的上一个跳转的页面是不是存在错误。刚开始我以为是我数据加载的问题，后来又看有人说是template里不能包多个div，但我去看我出错的组件，并没有出现两个div。后来我就把每个都给改了，即使是elemen-ui的标签也全部改在一个div里，就发现没问题了。
vue3中子向父传数据
m0_61265297的博客
08-15 145
父组件首先，我们创建一个父组件，名为代码解释1，在 <template> 部分，我们展示父组件的数据 receivedData，并通过自定义事件 sendData 来接收子组件传递的数据。2，在 <script setup> 部分，我们引入了Vue3的 ref 来创建响应式变量 receivedData。3，updateData 方法用于更新接收到的数据。4，我们通过引入并使用子组件 ChildComponent，同时监听其 sendData 事件并调用 updateData 方法。
88.SAPUI5 Model Binding的问题-在view更改数据，model却不变
智盟科技智能制造团队的博客
08-15 360
在做一个UI5项目，后台读取sap.ui.model.Model后，把数据绑定到view的table里，在table更改数据，后台取sap.ui.model.Model后，数据没有改变，仍然保持当初从后台读取过来的值。后台同事问了一句，是不是和绑定模式有关。进而调查到model的最初绑定的代码段，果然发现绑定的是OneWay模式，更改后TwoWay后，问题得到解决。BindingMode双向意味着从模型到视图，反之亦然。BindingMode单向表示从模型到视图。我们研究了好长时间，没找到症结。
花裤衩 vue 前后端登录
c8899y的博客
08-18 334
可粘贴:proxy: {processenv]: {targettrue: {'^'processenv]:''}, 下面是添加发送验证码的操作:添加方法修改路径模块: 打开api的user.js 添加:快捷:修改:登录后台 远程调用。
vue-lic（三）
qq_64669006的博客
08-14 280
Vue 应用中的跨域问题通常是由于浏览器的同源策略引起的，它阻止了一个源（origin）的网页上的JavaScript 代码请求另一个源的资源。也就是说，只要https://www.baidu.com中https://，www.baidu，.com中有一个不一样，就会导致存在跨域问题。2.逆向传递数据(vue不支持逆向传递)-->子组件给父组件传递，通过$emit("事件名",要传递的数据)自定义监听事件。，这里因为本身就有/api，再添加了一个/api，所以需要去掉一个/api，也就是重写路径。
Vue3+ElementPlus，侧边栏菜单折叠时，图标不显示踩坑笔记
学习，是熵减的最有效途径。
08-17 147
嵌套路由需要写在插槽里面，不是嵌套路由则需要写在。动态图标渲染时，要写。
web前端之html弹窗面板的popover新属性
最新发布
软件毕设协助及软件开发、智慧电子模块、计算机科技、软件开发、硬件开发、程序员、写代码、工程师、互联网、物联网、技术栈、程序、编程、IT。
08-18 3590
web前端之html弹窗面板的popover新属性
一个基于.net core+vue+element ui开发的oa系统
08-02
OA系统是一种办公自动化的管理系统，具备组织、协调和监控员工日常工作的能力，并能提供一系列的办公功能和工作流程支持。基于.NET Core、Vue和Element UI开发的OA系统具有以下优点和特点。 首先，使用.NET Core作为后端框架，能够实现跨平台的部署和运行，不仅在Windows平台下可以运行，还可以在Linux和MacOS等其他操作系统上运行，提高了系统的灵活性和选择性。 其次，采用Vue作为前端框架，可以实现前后端分离开发，提高开发效率和代码的可维护性。Vue具有简单易学、灵活性强的特点，能够与Koa、Axios等框架无缝集成，实现前端页面的高效渲染和数据交互。 再次，使用Element UI作为前端组件库，可以快速搭建美观、易用的用户界面，提供丰富的UI组件和交互效果，大大减少了前端开发的工作量。Element UI还提供了自定义主题的功能，满足不同用户对界面风格的需求。 此外，基于.NET Core的OA系统还具备多种强大的功能和特性，如身份认证和授权、数据持久化、缓存管理、日志记录等。它还支持RESTful API架构，方便与其他系统进行对接和集成。 总之，基于.NET Core、Vue和Element UI开发的OA系统具备跨平台、高效、易用、美观等特点，能够满足现代办公环境中的自动化管理需求，并为企业提供高效的办公协作平台。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值