基于.net8 和 Vue3 的前后端分离管理系统搭建

简介: 一款名为PurestAdmin的前后端分离系统,基于.net8和Vue3,实现了真正意义上的分离,服务端仅关注功能接口,客户端通过功能编码控制路由。选用Vue3提升交互体验,利用ABP框架保证后端性能。项目特点是无业务功能、单Token刷新、接口权限验证和在线用户管理。源码可在Gitee、GitHub找到,提供在线预览和文档支持。历经多次重构,旨在促进快速开发,降低框架搭建难度。

打造一款非常适合二次开发的前后端分离系统

在当今的软件开发领域,前后端分离架构已成为主流趋势。于是设计构建了一个基于.net8 和 Vue3 的真前后端分离的管理系统。

设计思路

  • 现有的各种开源或其他的类似的前后端分离系统,其实在我看来并没有真正的分离,大多数都需要服务端返回前端需要的路由进行配合,在此不再赘述,说一下我的设计思路。

  • 服务端 不再关心客户端的任何实现,只针对功能,开放接口,同时通过“功能管理”,控制用户调用接口的的权限。

  • 客户端 无需再和服务端约定路由等相关内容,直接根据接口,获取功能编码,通过唯一的“功能编码”挂载路由以及控制界面功能,

技术选型

  • 服务端 .Net8 提供了强大的性能、稳定性以及跨平台支持,其丰富的功能和高效的开发效率为系统奠定了坚实的基础。我们充分利用其特性,构建了可靠的后端服务。

  • 客户端 Vue3+ElementUi-plus,赋予了系统出色的用户交互体验。Vue3 的组件化架构使得界面开发更加灵活和高效,能够快速构建出美观且功能强大的前端页面。

  • 在整个搭建过程中,我们精心设计了前后端的通信机制,确保数据的流畅交互。同时,对系统的安全性、稳定性和可扩展性也进行了深入的考量和优化。于是一款基于abp+pureadmin的项目PurestAdmin横空出世了。
    image.png

项目结构

为了更好的提供完美的使用体验以及后续开发的便利,项目采用现有的优秀项目进行微调拼接
前端项目采用开源项目vue-pure-admin
后端项目使用abp组件,重新构造了一个更简单易用的项目
Vue项目结构导图.png

项目特色

  • 项目不做任何业务型的功能,尽量做到下载即用,方便广大的开发者进行快速业务开发,无需再为搭建项目框架而烦恼!

  • 项目打破传统rbac构思,不再使用后端配置前端的各种菜单路径,真正做到 前后端分离

  • 重新设计了token的刷新机制,实现 单token无感刷新功能

  • 项目设计了基于角色所拥有接口的权限验证,让服务端可对接更广泛的需求

  • 基于SignalR+sessionStorage实现的在线用户功能。可完美展现每一个在线的客户端

项目相关

项目总结

项目从规划到落地,大概经历了五六次的重构,每一次都是项目的推到重来。在每一次的设计重构中,都饱含了我对这个项目殷切的期盼以及高标准的要求,力求打造一个更通用更易用的标准化管理平台模板。在技术上,使用模块化的方案,减轻项目的层级依赖。拒绝过度封装,使用知名的开源组件,让大家遇到问题可以有迹可循。以本项目为基础的衍生项目已经落地生产,以某客户定制crm系统为,稳定运行5个月,无重启,无事故性异常!

相关文章
|
9天前
|
设计模式 开发框架 JavaScript
基于.NET8 + Vue/UniApp前后端分离的快速开发框架,开箱即用!
基于.NET8 + Vue/UniApp前后端分离的快速开发框架,开箱即用!
|
28天前
|
关系型数据库 C# 数据库
.NET 8.0 开源在线考试系统(支持移动端)
【10月更文挑战第27天】以下是适用于 .NET 8.0 的开源在线考试系统(支持移动端)的简介: 1. **基于 .NET Core**:跨平台,支持多种数据库,前后端分离,适用于多操作系统。 2. **结合 Blazor**:使用 C# 开发 Web 应用,支持响应式设计,优化移动端体验。 3. **基于 .NET MAUI**:跨平台移动应用开发,一套代码多平台运行,提高开发效率。 开发时需关注界面设计、安全性与稳定性。
|
1月前
|
Windows
.NET 隐藏/自定义windows系统光标
【10月更文挑战第20天】在.NET中,可以使用`Cursor`类来控制光标。要隐藏光标,可将光标设置为`Cursors.None`。此外,还可以通过从文件或资源加载自定义光标来更改光标的样式。例如,在表单加载时设置`this.Cursor = Cursors.None`隐藏光标,或使用`Cursor.FromFile`方法加载自定义光标文件,也可以将光标文件添加到项目资源中并通过资源管理器加载。这些方法适用于整个表单或特定控件。
|
2月前
|
JSON 安全 数据安全/隐私保护
从0到1搭建权限管理系统系列三 .net8 JWT创建Token并使用
【9月更文挑战第22天】在.NET 8中,从零开始搭建权限管理系统并使用JWT(JSON Web Tokens)创建Token是关键步骤。JWT是一种开放标准(RFC 7519),用于安全传输信息,由头部、载荷和签名三部分组成。首先需安装`Microsoft.AspNetCore.Authentication.JwtBearer`包,并在`Program.cs`中配置JWT服务。接着,创建一个静态方法`GenerateToken`生成包含用户名和角色的Token。最后,在控制器中使用`[Authorize]`属性验证和解析Token,从而实现身份验证和授权功能。
145 3
|
3月前
|
设计模式 存储 前端开发
揭秘.NET架构设计模式:如何构建坚不可摧的系统?掌握这些,让你的项目无懈可击!
【8月更文挑战第28天】在软件开发中,设计模式是解决常见问题的经典方案,助力构建可维护、可扩展的系统。本文探讨了.NET中三种关键架构设计模式:MVC、依赖注入与仓储模式,并提供了示例代码。MVC通过模型、视图和控制器分离关注点;依赖注入则通过外部管理组件依赖提升复用性和可测性;仓储模式则统一数据访问接口,分离数据逻辑与业务逻辑。掌握这些模式有助于开发者优化系统架构,提升软件质量。
55 5
|
3月前
|
C# Windows 开发者
超越选择焦虑:深入解析WinForms、WPF与UWP——谁才是打造顶级.NET桌面应用的终极利器?从开发效率到视觉享受,全面解读三大框架优劣,助你精准匹配项目需求,构建完美桌面应用生态系统
【8月更文挑战第31天】.NET框架为开发者提供了多种桌面应用开发选项,包括WinForms、WPF和UWP。WinForms简单易用,适合快速开发基本应用;WPF提供强大的UI设计工具和丰富的视觉体验,支持XAML,易于实现复杂布局;UWP专为Windows 10设计,支持多设备,充分利用现代硬件特性。本文通过示例代码详细介绍这三种框架的特点,帮助读者根据项目需求做出明智选择。以下是各框架的简单示例代码,便于理解其基本用法。
170 0
|
3月前
|
前端开发 数据安全/隐私保护 UED
.NET 8 通用权限框架 前后端分离,开箱即用
【8月更文挑战第1天】基于.NET 8 的通用权限框架,采用前后端分离设计,实现真正的开箱即用!无需繁琐配置,一键启动权限管理新体验。利用.NET 8 的高性能与稳定性,结合灵活的前后端开发模式,显著提升开发效率,缩短项目周期。无论大小项目,皆能轻松应对,立即体验高效开发的新篇章!
105 1
|
3月前
|
开发框架 NoSQL .NET
使用 Asp.net core webapi 集成配置系统,提高程序的灵活和可维护性
使用 Asp.net core webapi 集成配置系统,提高程序的灵活和可维护性
|
3月前
|
开发框架 前端开发 JavaScript
前后端分离,Asp.net core webapi 如何配置跨域
前后端分离,Asp.net core webapi 如何配置跨域
|
4月前
|
开发框架 监控 NoSQL
.NET开源的实时应用监控系统 - WatchDog
.NET开源的实时应用监控系统 - WatchDog

热门文章

最新文章