The invention relates to a web front-end system framework, including project layer, message processing center layer, middleware layer, processor bridge connection layer, application layer, tool layer and package build tool layer; the project including project configuration and project page module; the message processing center layer includes a custom component module, module module and component module, the module for independent component packaging project, and fast mosaic page, the message processing center layer for processing messages between each component; the third party controller middleware layer for processing middleware data; the bridge connection layer is used to call a different platform API; the construction of package the tool layer for the code package, compression, encryption, and for different platforms, packaged into different bags on the line.
【技术实现步骤摘要】
一种web前端框架系统及架构方法
本专利技术涉及Web前端框架
,更具体地说,涉及一种基于提高前端开发效率的web前端框架系统及架构方法。
技术介绍
目前流行的前端框架有很多,例如,如果是纯移动端的话,一般是zepto加frozenui加seajs。如果是做H5那种活动页,则多半采用motion.js,PC端的话,jq+bootstrap是个挺好的组合,或者用backbone也是挺普遍的,但是如果是开发企业管理系统那种的web页面可以考虑extjs,现在改名叫sencha了,组件多。对于敏捷开发中的团队,长期处于快速开发于需求响应中,处于不同岗位上的开发人员,则需要能够根据需求快速调整自己负责的层面的代码,而Web前端在项目开发中需求的变更更加频繁。一个小型团队,Web控件更多的来自第三方,控件替换以及修改和与页面开发人员进行沟通进行知识普及,则变成前端开发人员最频繁的工作。目前解决办法:前端开发人员把新控件导入项目中,并将旧控件删除。先把旧控件调用的页面,旧控件引用路径先删除,换为新控件地址。然后将旧控件的使用一一处理掉,使用新控件API(ApplicationProgrammingInterface,应用程序编程接口)来完成原有的功能,经过一一测试后,项目上的改造才算完成。接下来,还需要大量的时间与开发人员沟通讲解新控件的使用方法。为了解决上述问题,如图1所示,专利申请号为201410203465.7的文献公开了一种web应用前端框架,包括:应用层,为基于核心类文件中的API编写的运行在不同设备环境中的页面;核心类文件层,包含由接口层通过核心文件 ...
【技术保护点】
一种web前端框架系统,包括项目层、消息处理中心层、中间件处理器层、桥连接层、应用层、工具类层和打包构建工具层;其中,所述项目层包括项目配置和项目页面模块;所述消息处理中心层包括自定义组件模块、组件模块和元件模块,所述组件用于项目中的独立组件封装,并快速进行拼接页面,所述消息处理中心层用于处理每个组件之间的消息;所述中间件控制器层用于处理第三方中间件数据;所述桥连接层用于调用不同平台的API;所述打包构建工具层用于对代码的打包、压缩、加密,并针对不同的平台,打包成不同的上线包。
【技术特征摘要】
1.一种web前端框架系统,包括项目层、消息处理中心层、中间件处理器层、桥连接层、应用层、工具类层和打包构建工具层;其中,所述项目层包括项目配置和项目页面模块;所述消息处理中心层包括自定义组件模块、组件模块和元件模块,所述组件用于项目中的独立组件封装,并快速进行拼接页面,所述消息处理中心层用于处理每个组件之间的消息;所述中间件控制器层用于处理第三方中间件数据;所述桥连接层用于调用不同平台的API;所述打包构建工具层用于对代码的打包、压缩、加密,并针对不同的平台,打包成不同的上线包。2.根据权利要求1所述的web前端框架系统,其特征在于,所述中间件处理器层包括事件管理模块、适配器模块、路由管理模块、网络请求模块、安全模块和缓存模块;其中,所述事件管理模块用于处理不同平台的点击、移动,数据绑定等事件;所述网络请求模块用于处理和后端交互的数据读取;所述安全模块用于在数据传输中,对数据进行加密;所述适配器模块用于对不同的数据源进行数据格式化,使前端保持统一的数据格式;所述路由管理模块用于处理页面与页面之间跳转的动画。3.根据权利要求1或2所述的web前端框架系统,其特征在于,所述应用层包括PC模块、微信模块、IOS模块和Android模块。4.一种web前端框架系统架构方法,包括如下步骤:前端启动;框架选型;构建项目;梳理UE;编写实现业务逻辑代码/交互;集成/联调;打包工具进行打包...
【专利技术属性】
技术研发人员:巢庆丰,刘思伟,
申请(专利权)人:深圳中顺易金融服务有限公司,
类型:发明
国别省市:广东,44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。