基于.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个月,无重启,无事故性异常!

相关文章
|
8月前
|
JavaScript 关系型数据库 MySQL
盘点6个.NetCore+Vue前后端分离的开源项目
盘点6个.NetCore+Vue前后端分离的开源项目
556 0
|
10月前
|
关系型数据库 MySQL Linux
.NET开源免费、企业级、可商用内容管理系统 - SSCMS
.NET开源免费、企业级、可商用内容管理系统 - SSCMS
160 0
|
2月前
|
SQL 开发框架 供应链
基于.NET的企业进销存管理系统的设计与实现_kaic
基于.NET的企业进销存管理系统的设计与实现_kaic
|
14天前
|
SQL JavaScript 安全
基于.NET开源跨平台的文档管理系统
基于.NET开源跨平台的文档管理系统
|
2月前
|
开发框架 关系型数据库 C#
.NET开源且好用的权限工作流管理系统
.NET开源且好用的权限工作流管理系统
|
8月前
|
Oracle 前端开发 数据管理
基于.NetCore+Element开源的前后端分离学生管理系统
基于.NetCore+Element开源的前后端分离学生管理系统
60 0
|
8月前
|
缓存 开发框架 前端开发
基于.NET 7 + iView 的前后端分离的通用后台管理系统开源框架
基于.NET 7 + iView 的前后端分离的通用后台管理系统开源框架
55 0
|
8月前
|
开发框架 前端开发 JavaScript
推荐一个前后端分离.NetCore+Angular快速开发框架
推荐一个前后端分离.NetCore+Angular快速开发框架
81 0
|
8月前
|
监控 数据可视化 前端开发
一个.NetCore前后端分离、模块化、插件式的通用框架
一个.NetCore前后端分离、模块化、插件式的通用框架
148 0
|
8月前
|
自然语言处理 监控 API
一款.Net7前后端分离、跨平台的通用权限管理框架
一款.Net7前后端分离、跨平台的通用权限管理框架
51 0