Vue + .NetCore前后端分离,不一样的快速发开框架

摘要:
随着前端技术的快速发展,Vue.NetCore框架已成为前后端分离开发中的热门选择。本文将深入探讨Vue.NetCore前后端分离的快速开发框架,以及它如何助力开发人员提高效率、降低开发复杂度。文章将从基础功能、核心优势、适用范围、依赖环境等多个角度,对Vue.NetCore进行全面的解析。

一、引言
在数字化时代,前后端分离的开发模式已成为行业标准。Vue.NetCore作为一个集成.NetCore和Vue的前后端分离框架,具备快速开发和自定义业务代码的优点,对于企业级应用开发具有重要的实践意义。本文将重点探讨该框架的核心优势、适用范围以及依赖环境,以期为开发人员提供有益的参考。

二、Vue.NetCore框架的核心优势

  • 快速开发(基础功能全部由代码生成器生成)

  • 支持前端、后台自定义业务代码扩展,后台提供了大量常用扩展与通用类

  • 前端、后台提供了近300个扩展方法与属性,开发人员可在此功能上编写扩展自定义业务代码

  • 代码生成(代码生成器可直接生成主/从表前后端业务代码,有30多种属性可在线配置生成的代码)

  • 前端table自动转换key/value

  • 前端表单select/checkbox自动绑定数据源,不需要写任何代码

  • 支持(主从表)一对一前后端代码全自动生成、并支持数据源自动绑定与业务代码扩展,不需要写任何代码

  • 支持一对多从表自定义扩展(不限从表类型与从表数量) , 一对多从表使用扩展可轻松实现

  • 如果能上手框架,可以体会到不用996,更不用掉头发的感觉^_

三、Vue.NetCore框架的适用范围

  • 前后端分离项目

  • 编写各种后台restful api接口。后台基础代码由代码生成器完成,在生成的代码上继续编写业务即可

  • 前端表单开发(直接上手看demo即可)

  • 配合app做H5或全h5开发

  • 移动端开发、app、微信小程序(uniapp),见下面介绍

  • 在现有的代码生成器功能上,继续定制开发代码生成器功能,解决重复性工作

四、Vue.NetCore框架的依赖环境
为了顺利使用Vue.NetCore框架,需要安装以下依赖环境:

  1. 后台:Visual Studio 2019或2022、.NetCore 3.1或.Net 6、EFCore 3.1/6.0、SqlSugar、JWT、Dapper、SignalR、Quartz.Net、Autofac、SqlServer/MySql/PGSql/Oracle、Redis等。

  2. 前端:Visual Studio Code、Vue 2/vue3(需要安装nodejs)、vuex、axios、promise、element ui/element plus等。

五:Vue.NetCore的主要功能:

审批流程分支、条件功能

图片

图片

图片

框架移动端(uniapp)

图片

图片

图片

图片

框架已支持Vue3版本

图片

框架已增加低代码设计器

图片

图片

框架2.0已更新(部分新增功能截图)

增加切换皮肤功能 

图片

图片

增加可复用的后台请求参数校验 

图片

增加树形菜单与代码生成页面使用 

图片

一对一多从表显示(只需要少量代码就可完成成,其他都由代码生成器生成) 

图片

表合并显示 (只需要几行代码完成代码生成器生成的页面实现扩展) 

图片

从图上传图片 (只需要几行代码完成代码生成器生成的页面实现扩展) 

图片

图表 

图片

只读基础表单

整个只读的基础表单的所有前后端代码,全部由代码生成器生成,代码生成器中几乎不需要配置,并支持并后端业务代码扩展,直接生成代码后,配置菜单权限即可 

图片

自动绑定下拉框数据表单

整个自动绑定下拉框数据表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,在代码生成器中只需要指定数据源编号,页面加载时会根据编号自动加载数据源并绑定

图片

启用图片支持、审核表单

整个启用图片支持、审核表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,审核功能需要在菜单配置权限、代码生成器中勾选启用图片支持 

图片

高级查询

整个表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,查询字段、类型(下拉框、日期、TextArea等)、所在行与列都由代码生成器完成,不需要写任何代码

图片

主从表新建、编辑

主从表新建、编辑所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,新建、编辑从表配置、字段、类型(下拉框、日期、TextArea等)、所在行与列、字段是否只读、标签显示的长度等都由代码生成器完成,不需要写任何代码

图片

excel导入

excel导入整个页面都由代码生成器生成,导入的字段、字段是否必填,下载模板也由代码生成器上配置(自己根据实际需要决定是否采用此方法),导入时会验证是否为空与数据的合法性,逻辑校验自己实现扩展方法即可

图片

H5开发

图片

权限分配

目前只实现了对用户的角色的Action进行权限分配 

图片

代码生成器

代码生成器提供了20多种可配置的属性,可灵活配置显示、查询、编辑、导入、导出、主从关系等功能点击看代码生成器文档 

图片

五、结论
Vue.NetCore框架作为一个集成了Vue和.NetCore的前后端分离快速开发框架,具有强大的功能和广泛的适用范围。通过快速开发和自定义业务代码的优点,该框架能够帮助开发人员提高效率、降低开发复杂度。同时,强大的扩展性和移动端支持使得该框架在各种项目中具有广泛的应用前景。在未来的软件开发中,Vue.NetCore框架有望成为前后端分离开发的优选方案之一。

 附框架地址:

  • vue3地址:http://www.volcore.xyz

  • vue2地址:http://v2.volcore.xyz

  • 帐号:admin666密码:123456(本地超级管理员帐号:admin密码123456)

  • github地址:https://github.com/cq-panda/vue.netcore

  • gitee码云:https://gitee.com/x_discoverer/Vue.NetCore

  • 框架文档:http://v2.volcore.xyz/document/guide

  • 框架更新日志:http://v2.volcore.xyz/document/log

欢迎关注我的微信技术公众号: 前端组件开发

d848d5658a07453c843277846948c608.png

欢迎加入“前端组件开发学习”交流群,一起学习成长!可关注  “前端组件开发” 公众号后,私信后申请入群。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/503816.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

软考之零碎片段记录(一)

2023上半年选择题 一、流水线周期 注:(n-1) * 流水线周期 (取址时间分析时间执行时间) 注:流水线周期:指令中最耗时的部分(取址或者分析或者执行) # 耗时最高的部分 * &#xff0…

单例设计模式(3)

单例模式(3) 实现集群环境下的分布式单例类 如何理解单例模式中的唯一性? 单例模式创建的对象是进程唯一的。以springboot应用程序为例,他是一个进程,可能包含多个线程,单例代表在这个进程的某个类是唯一…

Unity 基于Rigidbody2D模块的角色移动

制作好站立和移动的动画后 控制器设计 站立 移动 角色移动代码如下: using System.Collections; using System.Collections.Generic; using Unity.VisualScripting; using UnityEngine;public class p1_c : MonoBehaviour {// 获取动画组件private Animator …

LeetCode Python - 84. 柱状图中最大的矩形

目录 题目描述解法方法一方法二 运行结果方法一方法二 题目描述 给定 n 个非负整数,用来表示柱状图中各个柱子的高度。每个柱子彼此相邻,且宽度为 1 。 求在该柱状图中,能够勾勒出来的矩形的最大面积。 示例 1: 输入:heights …

《最小阻力之路》利用最小阻力路径,采用创造性思维模式,更有效地实现个人愿景和目标 - 三余书屋 3ysw.net

最小阻力之路 大家好,今天我们分享《最小阻力之路》。我们时常听到有人感叹,明明懂得那么多道理,为何生活过得不如意呢?这本书从某种角度回应了这个疑问,作者分析了我们在人生旅途中屡次失败的原因,提出了…

图像分割论文阅读:Automatic Polyp Segmentation via Multi-scale Subtraction Network

这篇论文的主要内容是介绍了一种名为多尺度差值网络(MSNet)的自动息肉分割方法。 1,模型整体结构 整体结构包括编码器,解码器,编码器和解码器之间是多尺度差值模块模块(MSM),以及一…

使用Python实现ID3决策树中特征选择的先后顺序,字节跳动面试真题

def empty1(pri_data): hair [] #[‘长’, ‘短’, ‘短’, ‘长’, ‘短’, ‘短’, ‘长’, ‘长’] voice [] #[‘粗’, ‘粗’, ‘粗’, ‘细’, ‘细’, ‘粗’, ‘粗’, ‘粗’] sex [] #[‘男’, ‘男’, ‘男’, ‘女’, ‘女’, ‘女’, ‘女’, ‘女’] for o…

刷题日记——国家名称排序

7.国家名称排序 分析 一开始打算用二维的字符数组来操作,但是数组指针玩不太明白,于是改用结构体,结构体country里面仅一个成员name(字符数组),这样就有两种解题方法: 方法一:使用…

数字化时代多系统安全运维解决方案

添加图片注释,不超过 140 字(可选) 添加图片注释,不超过 140 字(可选) 添加图片注释,不超过 140 字(可选) 添加图片注释,不超过 140 字(可选&…

Google 邀请您参加 Build with AI 2024 线下活动

AI 技术正真实地影响并重构着当下的一切,在这个充满无限可能的领域,我们坚信开放的理念和大家的共同努力将推动我们不断创新。现在,Google 诚挚地邀请从事不同工作的开发者参与我们的 Build with AI 2024 线下活动,一同探索 Googl…

软考高级架构师:区块链技术概念和例题

作者:明明如月学长, CSDN 博客专家,大厂高级 Java 工程师,《性能优化方法论》作者、《解锁大厂思维:剖析《阿里巴巴Java开发手册》》、《再学经典:《Effective Java》独家解析》专栏作者。 热门文章推荐&am…

不同Python版本和wxPython版本用pyinstaller打包文件大小对比

1、确定wxPython和Python版本的对应关系 在这里可以找到Python支持的所有wxPython版本:https://pypi.tuna.tsinghua.edu.cn/simple/wxpython/ 由于Python从3.6版本开始支持f字符串、从3.9版本开始不支持Windows7操作系统,所以我仅筛选3.6-3.8之间的版本…

飞致云开源社区月度动态报告(2024年3月)

自2023年6月起,中国领先的开源软件公司FIT2CLOUD飞致云以月度为单位发布《飞致云开源社区月度动态报告》,旨在向广大社区用户同步飞致云旗下系列开源软件的发展情况,以及当月主要的产品新版本发布、社区运营成果等相关信息。 飞致云开源大屏…

54 npm run serve 和 npm run build 输出的关联和差异

前言 通常来说 我们开发的时候一般会用到的命令是 “npm run serve”, “npm run build” 前者会编译当前项目, 然后将编译之后的结果以 node 的形式启动一个服务, 暴露相关业务资源, 因此 我们可以通过 该服务访问到当前项目 后者是编译当前项目, 然后做一下最小化代码的优…

从0开始搭建基于VUE的前端项目(一)

准备与版本 安装nodejs(v20.11.1)安装vue脚手架(@vue/cli 5.0.8) ,参考(https://cli.vuejs.org/zh/)vue版本(2.7.16),vue2的最后一个版本vue.config.js的配置详解(https://cli.vuejs.org/zh/config/)初始化项目 创建一个git项目(可以去gitee/github上创建),注意创建一个…

Microsoft Visual C ++ 2019 Redistributable Package

故障现象: 打算安装Oracle VM Virutalbox 7.0.14,双击exe文件后,出现如下弹框: Oracle VM Virutalbox 7.0.14 needs the Microsoft Visual C 2019 Redistributable Package being installled first. Please install and restar…

Verilog语法之if-else语句学习

if_else 条件分支语句的作用是根据指定的判断条件是否满足来确定下一步要执行的操作。它在使用时可以采用如下三种形式&#xff1a; if(<条件表达式>) 语句或语句块&#xff1a; 在 if_else 条件语句的这种使用形式中没有出现else 项&#xff0c;这种情况下条件分支…

Android MediaRecorder

AndroidManifest.xml中添加权限标记 <uses-permission android:name"android.permission.RECORD_AUDIO"/> 动态添加权限MainActivity requestPermissions(new String[]{Manifest.permission.CAMERA,Manifest.permission.RECORD_AUDIO},100); 创建MediaReco…

Java:抽象类相关

引言&#xff1a; 在Java编程语言中&#xff0c;抽象类是一种不能被实例化的重要类型&#xff0c;它为类的层次结构提供了一个基础框架。抽象类可以包含抽象方法和具体方法&#xff0c;它们通常用作其他类的父类或基类。本文将详细探讨Java中抽象类的概念、如何使用它们以及在设…

量化交易入门(三十三)BIAS指标实现和回测

接下来我们还是用苹果股票2020年1月1日到2023年12月30日的历史数据进行回测&#xff0c;看看这个指标的效果如何&#xff0c;具体回测结果如下&#xff1a; 策略运行结果及解读 执行的结果&#xff1a; Starting Portfolio Value: 100000.00 Final Portfolio Value: 186723.0…