第一步:类似前后端分离的基础框架思路

author author     2022-09-06     190

关键词:

整个架构部署模式采用简单三段式实现:前端站点+后端服务站点+多构件服务支持,两个站点设计均支持内部调用或远程调用,同时支持反向代理与集群实现。由于是企业级互联网私有云应用,就没有考虑Vue.js+node.js来实现真的前后端分离,关键是考虑后期的二次开发及实施维护成本。但对于公有云部分则使用Vue.js+node.js来进行开发与部署。

前端:jquery+bootstrap+bootstrap-table+jquery组件+App.js(基于框架封装的交互类库,包含多个子类)

后端:ASP.NET MVC5+ 自定义建模平台+构件化支持+dapper+ Redis(缓存、Session、消息队列、日志)+ECSearch

此框架的三个重点:

1、App.js(主要三点)

    1.1、负责框架底层与界面UI、Jquery插件的交互,包括表单及表格的界面渲染、事件绑定、自定义事件与脚本注入管理与调用; 

    1.2、负责与后端的数据交互,包括表单及表格的数据呈现,标准的单表、主从表增删查改业务数据交互

    1.3、目前整个App.js类大概有3000行代码,因为都是采用最简单的方式去书写的,所以比较好理解

2、自定义建模平台(主要四点)

     2.1、统一的数据交互入口及数据上下文支持,流转到框架内部统一封装到IAppContext,所有的操作与方式都通过this.Context来快捷找到,屏蔽httpRequest与HttpResponse,一是为了实现分布式部署,二是全局日志支持,三是用户事务上文统一控制,四是权限统一拦截管理,五是数据交互模型统一,其它的就是安全、性能监控等运维支持

     2.2、单MVC控制器支持,入口统一到 BizController的 BizCore方法

     2.3、界面渲染、数据渲染、界面元数据存储与解析支持、前后端注入插件支持

     2.4、集成权限、日志、Session、 Redis、接口平台、框架测试化平台、工作流等支持

     2.5、后端设计与MVC剥离,可根据需要把此服务直接打包到WCF WINDOWS服务控制容器中

3、MVC Razor视图加载重写及采用区域视图模型支持

     3.1、所有页面控制器指令统一跌幅到单入口BizCore进行处理 ,方便容错处理、性能分析、用户行业分析等

     3.2、统一把http请求信息打包到上下文实体中

     3.3、数据交互全部采用JSON格式进行

 

请求模型为:

用户请求--->前端服务(Bizcore控制器)->后端服务(InvokeBizService)

1、访问: http://localhost:805/App/Biz/_func/List/

               App为区域Key;Biz为固化控制器名称;_func为当前访问页面Key;相当于菜单路径,List为操作指令,表示显示列表

2、前端服务:

            技术分享

3、后端服务

技术分享

 

springboot+vue前后端分离框架

...ot2.x、MybatisPlus、Vue、ElementUI、MySQL等框架精心打造的一款前后端分离框架,致力于实现模块化、组件化、可插拔的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本着简化开发、提升开发效... 查看详情

springboot+vue前后端分离框架

...ot2.x、MybatisPlus、Vue、ElementUI、MySQL等框架精心打造的一款前后端分离框架,致力于实现模块化、组件化、可插拔的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本着简化开发、提升开发效... 查看详情

美团一面:说说前后端分离权限控制设计和实现思路?

...QUT#简述近几年随着react、angular、vue等前端框架兴起,前后端分离的架构迅速流行。但同时权限控制也带来了问题。网上很多前、后端分离权限仅仅都仅仅在描述前端权限控制、且是较简单、固定的角色场景,满足不了我... 查看详情

springboot+shiro框架整合实现前后端分离的权限管理基础demo

记录一下使用SpringBoot集成Shiro框架实现前后端分离Web项目的过程,后端使用SpringBoot整合Shiro,前端使用vue+elementUI,达到前后端使用token来进行交互的应用,这种方式通常叫做无状态,后端只需要使用Shiro框... 查看详情

springboot+react前后端分离多模块项目框架搭建流程(代码片段)

...模块common。order-view和user-view目录放React创建的前端框架。第一步,按上图结构创建文件夹第二步,创建父工程IDEA的菜单的“newProject”选中maven项目且为空,目录指定第一步创建的父目录地址:作为父工程容器࿰... 查看详情

前后端分离框架

...ps://www.cnblogs.com/shanrengo/p/6397734.html前言:分离模式  对前后端分离研究了一段时间,恰逢公司有一个大项目决定尝试使用前后端分离模式进行,便参与其中。该项目从2016年初立项至今,平平稳稳得度过,但也涌现出越来越多... 查看详情

springboot+vue+antdesign前后端分离解决方案

...ot2.x、MybatisPlus、Vue、AntDesign、MySQL等框架精心打造的一款前后端分离框架,致力于实现模块化、组件化、可插拔的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本着简化开发、提升开发效... 查看详情

springboot+vue+antdesign前后端分离项目脚手架

...ot2.x、MybatisPlus、Vue、AntDesign、MySQL等框架精心打造的一款前后端分离框架,致力于实现模块化、组件化、可插拔的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本着简化开发、提升开发效... 查看详情

springboot+vue+antdesign前后端分离快速开发平台

...ot2.x、MybatisPlus、Vue、AntDesign、MySQL等框架精心打造的一款前后端分离框架,致力于实现模块化、组件化、可插拔的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本着简化开发、提升开发效... 查看详情

springboot+vue+antdesign前后端分离通用后台管理系统

...ot2.x、MybatisPlus、Vue、AntDesign、MySQL等框架精心打造的一款前后端分离框架,致力于实现模块化、组件化、可插拔的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本着简化开发、提升开发效... 查看详情

最棒的springboot+vue+antdesign前后端分离系统搭建教程

...ot2.x、MybatisPlus、Vue、AntDesign、MySQL等框架精心打造的一款前后端分离框架,致力于实现模块化、组件化、可插拔的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本着简化开发、提升开发效... 查看详情

前后端要不要分离以及如何做

前后端分离要不要搞?这个我觉得按照康威定律办就好了,前后端如果是两拨人,不要多想一定要分离,如果是一拨人,确定前后端是否要分离需要算账,收益是它会强制我们按照服务的理念指导系统设计,将来的微服务也就顺理成章,代... 查看详情

最主流的laravel8.x+vue前后端分离后台开发框架

...AntDesign等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本着简化开发、提升开发效率的初衷,目前框架已集成了完整的RBAC权限架构和常规... 查看详情

laravel9+vue的前后端分离开源项目

...ElementUI等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本着简化开发、提升开发效率的初衷,目前框架已集成了完整的RBAC权限架构和常规... 查看详情

vue发布中的前后端分离和前后端不分离

前后端分离思路:前端和后台完全分离.前端提供静态的css和js,在运行时将css和js给后端,后端进行数据的请求(ajax)前后端分离就是前端和后台在不同的服务器上。基本是前端一个nginx加css和js后端nginx加index.html当用户访问的时候... 查看详情

开源.net分享一个前后端分离的轻量级内容管理框架

开发框架要考虑的面太多了:安全、稳定、性能、效率、扩展、整洁,还要经得起实践的考验,从零开发一个可用的框架,是很耗时费神的工作。网上很多开源的框架,为何还要自己开发?我是基于以下两点:没找到合适的:安... 查看详情

asp.netcore模块化前后端分离快速开发框架介绍之4模块化实现思路(代码片段)

源码GitHub:https://github.com/iamoldli/NetModular演示地址地址:http://129.211.40.240:6220账户:admin密码:admin前端框架演示地址(临时)地址:http://progqx5cu.bkt.clouddn.com/skins/index.html#/账户:admin密码:admin目录1、开篇2、快速创建一个业务模块3... 查看详情

理解什么是前后端分离

 HTML、CSS、JS。AJAX或Fetch。学习一个前端的框架,React或者Vue或者Angularjs2都可以。学会一个前端的路由框架,如React-Router或者Vue-Router。在学会3的基础上你肯定已经搭建好前端的开发环境了,所有和后端的交互走AJAX或者Fetch。S... 查看详情