A block-based component development method

Abstract

The invention discloses a block-based component development method, which is characterized in that it includes three steps of block development, block setting and block rendering. The details are as follows: Step 1, firstly, the developed block is reviewed and released , the version number corresponding to the current block will be generated after the review is completed; in step 2, the default display corresponding to the latest version of the current block is rendered on the page, and the node on the block is identified by the attributes on the div surrounding the node. Set the version corresponding to the current block to the latest version of the current block; step 3, obtain the rendering template according to the custom tag and version number, and return the final html code to the browser for display. To meet the aesthetic needs of customers, the development is simple, the development cycle is shorter than that of conventional components under the same requirements, the existing components in the platform can be reused, and the settings are simpler and clearer than the original component settings.

Description

technical field [0001] The invention relates to the field of computer data processing, in particular to a block-based component development method. Background technique [0002] A company's marketing platform is a cloud website building tool based on the Saas model. There are many building block components on the platform. Customers can combine one or more components into a line of a web page. The customer page is composed of these lines, so that customers can easily Generate the page you want by dragging and dropping components. However, with the rapid development of the company's business, the needs of customers are also increasing, and there are some limitations in creating a customer's website only in the form of components: the component design meets the 12-grid pattern, which can be very convenient. It allows developers to develop responsive components. The website generated by 12 grids is generally more regular. If customers have some special needs, it is difficult t...

AI Technical Summary

Problems solved by technology

However, with the rapid development of the company's business, the needs of customers are also increasing, and there will be some limitations in creating the customer's website only in the form of components: the component design satisfies the 12-grid pattern, and such a design can be very convenient It allows developers to develop responsive components. The website generated by 12-grid is generally more regular. If customers have some special needs, it is difficult to meet them with 12-grid mode; although there are various components, as the number of customers With geometric growth, there are more and more customer needs, and new components are often created to meet the needs, but the development cycle of new components is relatively long, and it is necessary to develop component setting pages and component rendering pages; although component dragging can be very convenient It is still relatively troublesome to construct a row of the page, but it is still relatively troublesome to adjust the layout of the components in the row; the code level of the components is relatively deep, resulting in a relatively large amount of website code

Images