[发明专利]一种网页组件统一管理的方法

说明书

本发明涉及一种网页组件统一管理的方法，基于JS模块加载器Require JS，将网页模板化为页面组件；在HTML元素上通过定义不同的配置项，得到不同逻辑的页面组件；将不同逻辑的页面组件的页面内容与指定的js操作逻辑一一关联，通过互相调用和统一操作逻辑，进行页面嵌套，实现动态嵌入的页面元素拼接。本发明除了沿用Require JS模块化管理技术，同时做到了页面组件化管理，根据不同配置项定制不同的页面内容，实现类似的逻辑操作。本发明的实施，大大减少了代码的重复，同时统一管理样式和交互逻辑。同时，利用页面与js文件内容绑定的方式，解决页面嵌入页面导入交互困难的问题，做到了页面也是一种组件，页面的重用。

技术领域

本发明涉及网页管理技术领域，更具体地说，涉及一种网页组件统一管理的方法。

背景技术

网页组件管理的现有技术，大概包括传统js的方法，以及基于Require JS的方法。其中，Require JS是一套前端模块化管理库。与传统的script标签加载方式不同，Require JS做到了异步加载之后形成模块化引用。传统的js代码，必须是先引进了某个js文件之后，后引进的文件才能用到之前js文件里面定义的工具或者方法，而且还要避免命名冲突造成的改写了之前js文件里面的代码。

在不同页面中重复引用同一个js资源，传统的js页面加载方式将重复请求该js文件，造成带宽的浪费。而在Require JS配置里面定义过的资源，如果在之前的页面已经引用过该js文件资源，将会以模块方式引进到当前页面，不会从程序重新请求，减少带宽。

但是，Require JS在页面渲染方面没有任何优势，只能写原始的HTML页面标签，并且用重复的js代码实现标签的所有操作，其中很多操作都是重复定义的，造成js代码冗余。

发明内容

本发明的目的在于克服现有技术的不足，提供一种沿用Require JS的管理方式，同时能够满足页面渲染需求的网页组件统一管理的方法。

本发明的技术方案如下：

一种网页组件统一管理的方法，基于JS模块加载器Require JS，将网页模板化为页面组件；在HTML元素上通过定义不同的配置项，得到不同逻辑的页面组件；将不同逻辑的页面组件的页面内容与指定的js操作逻辑一一关联，通过互相调用和统一操作逻辑，进行页面嵌套，实现动态嵌入的页面元素拼接。

作为优选，网页模板化的页面组件根据配置项渲染得到不同的页面内容。

作为优选，将HTML标签中的cname、cparam自定义属性作为配置项。

作为优选，网页模板化的页面组件支持事件监听，允许在业务层阻止事件传递。

作为优选，进行页面嵌套时，以子页面的方式引进至父页面，同时子页面也是一种组件。

作为优选，子页面通过jsp文件的内容和对应的js操作逻辑一一绑定，父页面允许定位至子页面的页面组件，进行调用子页面方法；同时父页面将自身操作方法向下传递，在子页面直接访问父页面逻辑操作。

作为优选，页面内容和执行操作逻辑的js文件通过ajax读取文本得到。

本发明的有益效果如下：

本发明所述的网页组件统一管理的方法，除了沿用Require JS模块化管理技术，同时做到了页面组件化管理，根据不同配置项定制不同的页面内容，实现类似的逻辑操作。本发明的实施，大大减少了代码的重复，同时统一管理样式和交互逻辑。同时，利用页面与js文件内容绑定的方式，解决页面嵌入页面导入交互困难的问题，做到了页面也是一种组件，页面的重用。

附图说明

图1是基于本发明的页面结构示意图。

具体实施方式