[发明专利]一种自动化实现Web系统可视化复用的装置

说明书

一种自动化实现Web系统可视化复用的装置涉及信息技术领域，尤其是Web前端开发技术。本发明由底层模块集和上层应用集组成；底层模块集由组件模块、页面布局模块、样式管理模块、Nodejs服务模块、自定义模板解析模块和系统构建模块组成；上层应用集由页面原型制作工具、可编辑大屏资源库、页面快速制作工具、自定义模板开发工具、开源技术页面开发工具组成；本发明采用了服务端技术和浏览器技术结合的方式，使得Web前端代码在开发时候使用统一的开发模式，开发的时候可以集成时下最先进的Web前端技术，系统开发完毕后，通过编译工具生成符合生产要求的代码，这样让Web开发过程变得更加纯净，在开发时候不用过多考虑浏览器兼容性的相关难题，提升了开发的效率和开发的质量。

技术领域

本发明涉及信息技术领域，尤其是Web前端技术，Web前端可视化技术和复用装置领域。

背景技术

时下的Web前端技术发展非常快，Web前端底层的html、JavaScript以及CSS三大技术都处在一个重要的更新换代时期，同时基于这三种技术的上层的Web前端的各类组件、框架等技术也是日新月异，层出不穷。在市场这块，随着互联网日益普及，人们对于各类IT应用都非常的熟悉，特别是互联网公司基于雄厚的技术实力，开发出了越来越多跟大众生活密不可分的各类应用，这就导致用户对于展示的要求越来越高。以上两因素的叠加，对于从事Web系统开发的IT企业，Web前端技术也逐渐被企业越来越重视，Web前端的相关技术人员的人力成本也越来越高，企业对于Web前端需求的快速响应能力也是要求越来越高，因此从事Web系统研发的IT企业急需一种新型的Web前端技术治理模式，本发明装置就是解决此类需求而设计研发的。

本发明装置主要解决以下在企业级从事Web前端开发中所面临的难题：

难题1：Web前端的技术主要是指浏览器相关的技术，因为Web前端的产出是人们能够看见的页面，那么Web前端技术在逻辑概念是包含展示和逻辑两类技术，在生产实践中展示技术的变化更新最大，而在实际开发中，因为展示技术而导致整个展示与逻辑都全部重构的现象是比比皆是，因此如何让Web前端系统在需求变更的情况下只用修改需要修改的地方，这就需要一种新型的Web前端系统架构把展示和逻辑有效的分离，增强整个系统的复用性。

难题2：一个生产级别的页面最终制作完毕，一般会经历如下环节：

展示需求→原型设计→平面设计→页面开发→系统集成；

由以上环节我们发现一个页面的生产环节的链条较长，如果这些环节中牵涉多个不同的人或者组织，很容易导致页面的最终产出偏离最早的展示需求，或者是最终产出的质量远低于设计稿，如何有效地以自动化方案解决全环节的质量问题，也是本发明装置要解决的重要问题之一。

难题3：不同的IT企业对于Web前端技术的组织形式是多种多样，但是归结起来无外乎三类，一类是Web前端技术人员都是各个项目组，一类是企业有独立的Web前端团队，只要是项目研发中需要Web前端开发都会由独立的Web前端团队完成，最后一类是项目团队里有Web前端开发人员，企业也有独立的Web前端团队的混搭模式，不管企业采用那种Web前端组织模式，都说明企业在寻求有效的Web前端技术管理模式，本发明装置将会提供一套与之相对应的Web前端技术治理模式，该治理模式配合本发明装置可以有效的提升企业级Web前端技术研发的生产效率。

难题4：一家企业制定了公司级别的统一Web前端复用框架，会导致公司Web前端技术无法快速适应发展变化的技术发展趋势，同时大多数公司级别定义的统一Web前端框架会让公司的Web前端技术有别于业界的通用Web前端技术，这样不利于项目团队人力的招聘同时也不利于项目团队相关技术人员对于技术学习的诉求，如何平衡以上问题，也是本发明装置需要解决的技术难题。