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

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

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

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

此框架的三个重点:

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、后端服务

 

 

 

posted @ 2017-07-04 09:07  xspots-Will  阅读(1168)  评论(0编辑  收藏  举报