A Component-Based Website Modular Rendering Method

Abstract

The invention discloses a website modularization rendering method based on components. According to the method, website page contents are completely componentized, each page comprises a plurality of components, each component is independently stored in a JSON data format file according to page layout rules, the pages globally depend on JavaScript / css resources, each component depends on JavaScript / css resources, dependence resources can be flexibly distributed through configuration files defining JSON data formats, the JSON format data files of the page components, dependence JSON format data of global resources and dependence JSON format data of component resources are analyzed to generate page HTML (hypertext markup language) codes when the pages are rendered, and resources can be loaded in rendering of the web pages.

Description

technical field [0001] The invention belongs to the field of Internet technology, mainly relates to the field of website construction, and specifically relates to a modular rendering method for website pages based on components. Background technique [0002] When each webpage is opened by a browser, it must be rendered and generated by the browser. Usually, web pages are composed of HTML (Hyper Text Markup Language, Hyper Text Markup Language), CSS (Cascading Style Sheets, Cascading Style Sheets), JavaScript, pictures and other files. When entering the corresponding page URL in the browser or clicking the corresponding page link When the browser obtains the file of the corresponding page from the server, it renders the content to be displayed on the web page to display the page. [0003] The page rendering refers to that the browser completes the page layout based on certain rules (CSS statement, JS statement, some rules of the browser itself, etc.) based on the page resour...

AI Technical Summary

Problems solved by technology

[0006] In order to overcome many deficiencies in previous website construction technologies such as "relatively single page content, inconvenient modification, inflexible resource loading, low configurability and relatively single page content", the present invention provides a component-based website modular rendering Method, by componentizing all the content of the website, each page is composed of multiple components, and each component is stored independently in JSON data format according to the page layout rules; the JavaScript / css resources that the page depends on globally, and the JavaScript / css that each component depends on Resources can be configured by defining JSON files to flexibly configure dependent resources; when the page is rendered, by parsing the JSON format data of page components, global resources relying on JSON format data, and component resources relying on JSON format data, page HTML code is generated to ensure that the page Rendering can load resources on demand, reduce the repeated loading of invalid resources, realize the flexible formation of each web page element and the rapid construction of web pages, and improve the efficiency of page rendering

Images