【技术实现步骤摘要】
一种自动化实现Web系统可视化复用的装置
本专利技术涉及信息
，尤其是Web前端技术，Web前端可视化技术和复用装置领域。
技术介绍
时下的Web前端技术发展非常快，Web前端底层的html、JavaScript以及CSS三大技术都处在一个重要的更新换代时期，同时基于这三种技术的上层的Web前端的各类组件、框架等技术也是日新月异，层出不穷。在市场这块，随着互联网日益普及，人们对于各类IT应用都非常的熟悉，特别是互联网公司基于雄厚的技术实力，开发出了越来越多跟大众生活密不可分的各类应用，这就导致用户对于展示的要求越来越高。以上两因素的叠加，对于从事Web系统开发的IT企业，Web前端技术也逐渐被企业越来越重视，Web前端的相关技术人员的人力成本也越来越高，企业对于Web前端需求的快速响应能力也是要求越来越高，因此从事Web系统研发的IT企业急需一种新型的Web前端技术治理模式，本专利技术装置就是解决此类需求而设计研发的。本专利技术装置主要解决以下在企业级从事Web前端开发中所面临的难题：难题1：Web前端的技术主要是指浏览器相关的技术，因为Web前端的产出是人...
【技术保护点】
1.一种自动化实现Web系统可视化复用的装置，其特征是由底层模块集和上层应用集组成；底层模块集由组件模块、页面布局模块、样式管理模块、Nodejs服务模块、自定义模板解析模块和系统构建模块组成；上层应用集由页面原型制作工具、可编辑大屏资源库、页面快速制作工具、自定义模板开发工具、开源技术页面开发工具组成；组件模块由Web组件库集合形成，Web组件可以理解是对HTML功能的扩展，组件模块的实现步骤包括：步骤1，集成共有组件库，包括包括bootstrap、饿了么公司开源的elementUI、蚂蚁金服开源ant designer组件；步骤2，根据jQuery、VUE、React和...
【技术特征摘要】
1.一种自动化实现Web系统可视化复用的装置，其特征是由底层模块集和上层应用集组成；底层模块集由组件模块、页面布局模块、样式管理模块、Nodejs服务模块、自定义模板解析模块和系统构建模块组成；上层应用集由页面原型制作工具、可编辑大屏资源库、页面快速制作工具、自定义模板开发工具、开源技术页面开发工具组成；组件模块由Web组件库集合形成，Web组件可以理解是对HTML功能的扩展，组件模块的实现步骤包括：步骤1，集成共有组件库，包括包括bootstrap、饿了么公司开源的elementUI、蚂蚁金服开源antdesigner组件；步骤2，根据jQuery、VUE、React和Angular四种技术分别给出Web组件库的实现方式，以便使用本发明的开发者根据JavaScript框架选择匹配的Web组件库的实现方式；步骤3，支持使用本发明的开发者使用jQuery、VUE、React和Angular这四种实现方式开发自定义组件，自定义组件以插件的模式添加到组件模块中统一管理；页面布局模块的实现步骤包括：步骤1，存储预先定制的代表页面风格的页面模板；步骤2，页面布局模块提供页面布局接口，研发人员可以根据页面布局接口自定义新版的页面布局风格，当项目进入系统开发阶段，选择一套合适的页面布局版式加上与之对应的Web组件生成一套新的Web前端开发框架；样式管理模块就是管理CSS样式的模块，实现样式管理模块的步骤包括：步骤1，模块化管理CSS，该模块将CSS代码分成了子模块即通用变量模块，通用变量模块包括：1、需要复用的变量，2、需要根据情况变化的变量，3、根元素样式模块，4、通用布局样式模块，5、通用样式模块，6、页面级样式模块；全局的样式之所以会区分布局样式和通用样式，主要目的是为了灵活配置网站系统的展示风格以及网站的换肤功能；步骤2，样式管理模块还集成了CSS构建功能，保证CSS代码在不同浏览器的兼容性问题，并压缩CSS代码，使得上线的CSS代码体积最小，保证网页加载CSS代码的高效性；nodejs服务模块由全前后端分离器、半前后端分离器以及基于微服务的Web前端器组成；全前后端分离器提供接口定义器，由Web前端开发人员与服务器端开发人员共同完成接口定义器的接口内容约定，该模式下服务器端开发人员所提供的接口不做任何页面相关的工作，只是单纯的数据接口，页面的相关工作都由Web前端开发人员负责完成；半前后端分离器提供请求转接器，请求转接器让Web前端的请求可以直接请求到服务器端对应的接口，mock数据层不在去mock数据，而是替换成一个请求转接器的请求转接服务，即mock层接收到页面的url请求后，将请求转...
【专利技术属性】
技术研发人员：林飞，夏俊，王娜，古元，毛华阳，华仲锋，
申请(专利权)人：北京亚鸿世纪科技发展有限公司，
类型：发明
国别省市：北京,11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。