A Method for Unified Management of Webpage Components

Abstract

The invention relates to a method for unified management of web page components. Based on the JS module loader Require JS, the web page is templated into page components; by defining different configuration items on HTML elements, page components with different logics are obtained; The page content of the page component is associated with the specified js operation logic one by one. By calling each other and unifying the operation logic, page nesting is performed to realize the splicing of dynamically embedded page elements. The invention not only follows the Require JS modular management technology, but also achieves page component management, customizes different page contents according to different configuration items, and realizes similar logical operations. The implementation of the present invention greatly reduces the repetition of codes, and at the same time manages styles and interaction logic in a unified manner. At the same time, the method of binding the content of the page and the js file is used to solve the problem of difficulty in importing and interacting with the page embedded in the page, so that the page is also a component and the page is reused.

Description

technical field [0001] The invention relates to the technical field of webpage management, and more specifically, relates to a method for unified management of webpage components. Background technique [0002] The existing technologies of web component management probably include traditional js methods and methods based on Require JS. Among them, Require JS is a set of front-end modular management library. with traditional <script>标签加载方式不同，Require JS做到了异步加载之后形成模块化引用。传统的js代码，必须是先引进了某个js文件之后，后引进的文件才能用到之前js文件里面定义的工具或者方法，而且还要避免命名冲突造成的改写了之前js文件里面的代码。[0003]在不同页面中重复引用同一个js资源，传统的js页面加载方式将重复请求该js文件，造成带宽的浪费。而在Require JS配置里面定义过的资源，如果在之前的页面已经引用过该js文件资源，将会以模块方式引进到当前页面，不会从程序重新请求，减少带宽。[0004]但是，Require JS在页面渲染方面没有任何优势，只能写原始的HTML页面标签，并且用重复的js代码实现标签的所有操作，其中很多操作都是重复定义的，造成js代码冗余。发明内容[0005]本发明的目的在于克服现有技术的不足，提供一种沿用Require JS的管理方式，同时能够满足页面渲染需求的网页组件统一管理的方法。[0006]本发明的技术方案如下：[0007]一种网页组件统一管理的方法，基于JS模块加载器Require JS，将网页模板化为页面组件；在HTML元素上通过定义不同的配置项，得到不同逻辑的页面组件；将不同逻辑的页面组件的页面内容与指定的js操作逻辑一一关联，通过互相调用和...

AI Technical Summary

Problems solved by technology

[0004] However, Require JS has no advantages in page rendering. It can only write original HTML page tags, and use repeated js codes to implement all operations of tags, many of which are repeatedly defined, resulting in redundant js codes

Images