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

相关文章
|
15天前
|
设计模式 存储 前端开发
揭秘.NET架构设计模式:如何构建坚不可摧的系统?掌握这些,让你的项目无懈可击!
【8月更文挑战第28天】在软件开发中,设计模式是解决常见问题的经典方案,助力构建可维护、可扩展的系统。本文探讨了.NET中三种关键架构设计模式:MVC、依赖注入与仓储模式,并提供了示例代码。MVC通过模型、视图和控制器分离关注点;依赖注入则通过外部管理组件依赖提升复用性和可测性;仓储模式则统一数据访问接口,分离数据逻辑与业务逻辑。掌握这些模式有助于开发者优化系统架构,提升软件质量。
30 5
|
11天前
|
C# Windows 开发者
超越选择焦虑:深入解析WinForms、WPF与UWP——谁才是打造顶级.NET桌面应用的终极利器?从开发效率到视觉享受,全面解读三大框架优劣,助你精准匹配项目需求,构建完美桌面应用生态系统
【8月更文挑战第31天】.NET框架为开发者提供了多种桌面应用开发选项,包括WinForms、WPF和UWP。WinForms简单易用,适合快速开发基本应用;WPF提供强大的UI设计工具和丰富的视觉体验,支持XAML,易于实现复杂布局;UWP专为Windows 10设计,支持多设备,充分利用现代硬件特性。本文通过示例代码详细介绍这三种框架的特点,帮助读者根据项目需求做出明智选择。以下是各框架的简单示例代码,便于理解其基本用法。
45 0
|
1月前
|
前端开发 数据安全/隐私保护 UED
.NET 8 通用权限框架 前后端分离,开箱即用
【8月更文挑战第1天】基于.NET 8 的通用权限框架,采用前后端分离设计,实现真正的开箱即用!无需繁琐配置,一键启动权限管理新体验。利用.NET 8 的高性能与稳定性,结合灵活的前后端开发模式,显著提升开发效率,缩短项目周期。无论大小项目,皆能轻松应对,立即体验高效开发的新篇章!
|
28天前
|
开发框架 NoSQL .NET
使用 Asp.net core webapi 集成配置系统,提高程序的灵活和可维护性
使用 Asp.net core webapi 集成配置系统,提高程序的灵活和可维护性
|
28天前
|
开发框架 前端开发 JavaScript
前后端分离,Asp.net core webapi 如何配置跨域
前后端分离,Asp.net core webapi 如何配置跨域
|
3月前
|
开发框架 前端开发 .NET
LIMS(实验室)信息管理系统源码、有哪些应用领域?采用C# ASP.NET dotnet 3.5 开发的一套实验室信息系统源码
集成于VS 2019,EXT.NET前端和ASP.NET后端,搭配MSSQL 2018数据库。系统覆盖样品管理、数据分析、报表和项目管理等实验室全流程。应用广泛,包括生产质检(如石化、制药)、环保监测、试验研究等领域。随着技术发展,现代LIMS还融合了临床、电子实验室笔记本和SaaS等功能,以满足复杂多样的实验室管理需求。
63 3
LIMS(实验室)信息管理系统源码、有哪些应用领域?采用C# ASP.NET dotnet 3.5 开发的一套实验室信息系统源码
|
2月前
|
开发框架 监控 NoSQL
.NET开源的实时应用监控系统 - WatchDog
.NET开源的实时应用监控系统 - WatchDog
|
2月前
|
SQL JavaScript 安全
基于.NET开源跨平台的文档管理系统
基于.NET开源跨平台的文档管理系统
|
3月前
|
SQL 设计模式 开发框架
.NET异步有多少种实现方式?(异步编程提高系统性能、改善用户体验)
想要知道.NET异步有多少种实现方式,首先我们要知道.NET提供的执行异步操作的三种模式,然后再去了解.NET异步实现的四种方式。
|
5天前
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
16 7