百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

基于.NET Core和Vue.js的模块化通用后台管理框架

ccwgpt 2024-09-18 12:27 43 浏览 0 评论

随着.NET Core生态的日渐繁荣,国内优秀的后台管理框架也渐渐多了起来,而这次我推荐的是NetModular这个开源框架,它是基于.Net Core + Vue.js 的模块化快速开发解决方案。

在之前的文章中,我提过了BCVP开源框架,与NetModular相比,可以说是各有千秋,都非常值得研究,它们有一个共同点,都基于最新的.NET Core技术和Vue.js,还有Element-UI,比较大的区别是ORM框架的选择这块,BCVP使用了SqlSugar,NetModular使用了Dapper,这两个ORM框架在业界都拥有非常好的口碑,都是高性能ORM的代表。

就目前国内.NET Core + Vue的前后端分离框架,我觉得BCVP和NetModular是做的较为领先的。随着.NET Core生态的不断发展,日后必将会有更多好的的开源项目,例如.NET Core +Ant Design,或者.NET Core + Blazor之类,估计很快就会出现。还有一种趋势就是从单体版走向微服务,如Java生态的若依框架,既有单体版本、前后端分离版本,还有微服务版本,我觉得.NET Core开源的后台管理框架日后发展的目标应该也是这样的。开源不易,过程是曲折的,结果是伟大的。

NetModular的开发环境

IDE

Visual Studio 2019+、Visual Studio Code

后端

.Net Core 3.1、Dapper、Serilog、AutoMapper、FluentValidation、Swagger

前端

Node.js 10+、Vue.js 2.6+、Vue CLI、Vuex、VueRouter、Element-UI

NetModular特性

模块化

以模块化为思想,以业务领域为理念,以包管理(nuget\npm)为基础,充分解耦业务功能,使业务最大化的得到复用,极大减少重复开发时间。

简单易用

完善的基础设施,包括简单易用高效的ORM、日志组件(Serilog)、对象映射(AutoMapper)、Api文档(Swagger)、缓存(MemoryCachge/Redis)、强类型验证(FluentValidation)、消息(RabbitMQ)、任务调度(Quartz)等功能模块,用什么注入即可。

内置ORM

基于Dapper封装的轻量级ORM,支持多种数据库自由切换,内置CRUD、软硬删除、Lamdba表达式查询、多表连接查询、分组查询、跨库连接查询、日期分库分表以及自定义分表策略,提供多个常用实体基类和对应功能,如自动设置创建人、创建日期、修改人、修改日期、删除人、删除日期等功能

多种应用模式

提供多种应用模式,包括Host.Web(Web应用)、Host.Generic(控制台应用)、Host.Electron(基于Electron的跨平台客户端应用)三种模式,三种模式共用同一套底层代码。

前端框架

采用前后端分离模式以及JWT验证方式,基于Vue.js全家桶以及Element-UI组件库实现了一整套模块化的解决方案,封装了数十种组件,完善的权限管理功能以及灵活的可配置性

开箱即用

提供通用权限管理(Admin)、基础数据(Common)、任务调度(Quartz)、代码生成(CodeGenerator)等模块,开箱即用,让您专注于自己的业务开发。

目睹一下NetModular项目的源码目录

项目源码提供了非常多实用的类库,如Cache、Quartz等,代码下载完后,一次性编译通过,数据库也是按照默认,无需设置,非常方便(感觉作者在这块考虑的非常周到)。

选中“WebHost”项目直接启动,会启动一个控制台,并且同时打开一个swagger/index.html页面,如果看到swagger页面,则证明后台接口服务启动成功(我没有做任何配置改动,站点就能够运行成功,基本是零配置)。

后台接口服务运行成功后,接下来就是运行前端项目( NetModular项目是前后端分离的)项目位于NetModular\src\Admin\UI\module-admin目录下面:

使用VisualStudio Code打开,运行命令npm install下载依赖包,然后运行npm install serve即可启动系统的后台:

管理后台运行后的界面:

结语:.NetModular是非常优秀的模块化开发通用后台解决方案,使用了很多优秀的设计理念,可扩展性强,非常适合想研究.NET core和vue.js的朋友们。

如果你对NetModular项目源码感兴趣,可以关注+转发,然后私信回复“nm”,源码发你。

相关推荐

公司组织架构及部门职责#管理制度 #薪酬绩效 #组织架构

...

终于把“公司组织架构与管理部岗位配置”整理好了,拿来即用!

...

老板看完这份“公司组织架构详解”就解放了!

...

丨公司丨公司大架构整理汇总

注:本文转自团队成员原创作品,特此鸣谢(公号:法海图鉴)今日话题公司大架构整理背景介绍经过前几期话题对各种企业类型的介绍,想必大家已经有了初步认识。之后我将带着大家开启对公司的深入了解。本期...

图解物理--八年级物理下册最全知识框架导图

第七章力1力2弹力3重力第八章运动和力1牛顿第一定律2二力平衡3摩擦力第九章压强1压强2液体压强3大气压强4流体压强与流速的关系第十章浮力1浮力2阿基米德原理3物体的浮沉条件及应用第十一章功...

八年级上册生物,思维导图,期末高分必备资料,家长收藏

这是八年级上册生物的思维导图,孩子在背诵知识点的时候,可以看一下知识点在导图中的位置,形成对知识点整体的把握,有助于学生拿高分,特别是图片中带红色星星的部分,更是要注意背诵,是重点内容。家长可以把图片...

2019政府工作报告精华,这张思维导图里全都有

每经记者:李可愚每经编辑:陈星每日经济新闻

图解薪酬体系结构设计

...

司考复习独家总结!一张图总结行政法知识结构体系

作为三大实体法之一,行政法的分值在60分左右,行政法在司法考试中一直比较平稳常规,没有偏题怪题,还是比较容易得分的。小编要提醒大家,在3月之前要把三大实体法学习一遍。下图是厚大在线360导学师小周总结...

一图读懂香港国安新架构:各职位人选公布 有官员曾强硬喊话乱港分子

实用干货!高中物理框架图,让零碎知识“串联”起来

高中物理学习一定要抓好逻辑结构大框架!了解整个知识框架体系后,更易抓住骨干知识,干掉重难知识点~今天给大家分享高中物理的框架图同学们赶紧收藏起来吧!力学知识结构图光学知识结构图热学、原子物理知识结构图...

254m超高层办公楼型钢砼框架-核心筒结构图

高度类别:超高层建筑钢筋混凝土结构:框架,框架核心筒钢结构:钢框架建筑功能:办公包含:办公楼57层(-3层)254.150m钻孔灌注桩桩+筏板型钢混凝土框架-钢筋混凝土核心筒西裙房2层(-...

砖混结构与框架结构,究竟有何区别?千万别被坑!

现在买房装修的人最怕啥?不是价格高,而是房子不安全!两种主流建筑结构,砖混靠墙,框架靠柱子,选错了隔墙都可能要命。简单说,砖混便宜但别碰高层,框架贵点但能保命。砖混那些承重墙根本不能拆,想砸墙改个开放...

大师一百——高中化学必考:《元素周期律》考点框架图

今天大师给大家带来的是高中化学的《元素周期律》考点框架图,高中的同学必须牢记于心,这种重要的考点,考试是一定会考的!化学大师...

需求分析框架图

需求分析框架图

取消回复欢迎 发表评论: