Page building method and device, computer equipment and storage medium

Abstract

The invention relates to a page building method and device, computer equipment and a storage medium, and belongs to the technical field of internet program interaction.The method comprises the steps that a middle table template is built; selecting a plurality of components and / or units to fill the middle table template, and configuring data for the middle table template filled with the components and / or units based on first target data; in response to the detected page building request, obtaining second target data corresponding to the page building request based on a middle table template with configured data; and based on the second target data, determining a page DSL statement, and displaying a target page generated based on the page DSL statement on the client. According to the method, the page information can be quickly configured, the page building efficiency is improved, the page can be displayed and changed in real time, and the page building flexibility is improved.

Description

Technical Field

[0001] The present application relates to the technical field of Internet program interaction, and in particular to a page building method, device, computer equipment and storage medium. Background Art

[0002] With the rapid development of the Internet, the company's page resource configuration platform requires R&D personnel to develop and iterate each new business online. The cycle is slightly long and cannot meet the requirements of dynamic real-time updates.

[0003] Therefore, there is an urgent need to propose a page building method, device, computer equipment and storage medium that can improve business exploration efficiency. Summary of the invention

[0004] Based on this, it is necessary to provide a page building method, device, computer equipment and storage medium that can improve business exploration efficiency in response to the above technical problems.

[0005] In a first aspect, a page building method is provided, the method comprising:

[0006] Build a middle platform template;

[0007] Select multiple components and / or units to fill the middle platform template, and configure data for the middle platform template after filling the components and / or units based on the first target data;

[0008] In response to detecting a page building request, obtaining second target data corresponding to the page building request based on the middle platform template of the configured data;

[0009] Based on the second target data, a page DSL statement is determined, and a target page generated based on the page DSL statement is displayed on the client.

[0010] Optionally, the method for constructing the middle platform template includes:

[0011] Based on the DSL designer, a middle platform template is constructed, wherein the DSL designer includes at least a core layer and a view layer;

[0012] The core layer includes at least a state manager, atomic elements, a rendering engine and a form engine; the view layer includes at least an outline tree, an element selector, a previewer, a property setter and a DSL editor.

[0013] Optionally, selecting multiple components and / or units to fill the middle platform template includes:

[0014] Create target unit according to unit template;

[0015] Create the target component according to the component template;

[0016] Based on the multiple target units and / or the multiple target components, the middle platform template is filled.

[0017] Optionally, based on the first target data, the configuration data of the middle platform template after filling the components and / or units includes:

[0018] Determining unit configuration data according to the DSL rule of the target unit;

[0019] Determine component configuration data according to the DSL rule of the target component, and associate the target component with the target unit;

[0020] defining the unit configuration data and the component configuration data as the first target data;

[0021] Based on the first target data, the corresponding components and / or units in the middle platform template are configured with data respectively, and a mapping relationship is formed with the third target data to generate a data model.

[0022] Optionally, in response to detecting a page building request, based on a middle platform template of configured data, obtaining second target data corresponding to the page building request includes:

[0023] Based on the page building request, determine a unique data identifier;

[0024] Based on the unique data identifier and the data model, the second target data corresponding to the page building request is obtained through a built-in network framework of a software development kit or a host network framework.

[0025] Optionally, based on the second target data, determining the page DSL statement includes:

[0026] Parsing the second target data to obtain fourth target data, wherein the fourth target data is divided into page, component, and unit levels, and each layer of data includes at least style description, display data, interaction data, and embedding data;

[0027] The fourth target data is filled into the style description to generate the page DSL statement.

[0028] Optionally, displaying a target page generated based on the page DSL statement on the client includes:

[0029] Parse the page DSL statements into leaf nodes and map them to basic elements of the client;

[0030] The basic elements are assembled to generate business components, and the business components are rendered to generate the target page.

[0031] In a second aspect, a page building device is provided, the device comprising:

[0032] Template building module, used to build the middle platform template;

[0033] A data configuration module, used to select multiple components and / or units to fill the middle platform template, and configure data for the middle platform template after filling the components and / or units based on the first target data;

[0034] A data acquisition module, for acquiring, when a page building request is detected, second target data corresponding to the page building request based on a middle platform template with configured data;

[0035] The page generation module is used to determine a page DSL statement based on the second target data, and display a target page generated based on the page DSL statement on the client.

[0036] In a third aspect, a computer device is provided, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the computer program, the following steps are implemented:

[0037] Build a middle platform template;

[0038] Select multiple components and / or units to fill the middle platform template, and configure data for the middle platform template after filling the components and / or units based on the first target data;

[0039] In response to detecting a page building request, obtaining second target data corresponding to the page building request based on the middle platform template of the configured data;

[0040] Based on the second target data, a page DSL statement is determined, and a target page generated based on the page DSL statement is displayed on the client.

[0041] In a fourth aspect, a computer-readable storage medium is provided, on which a computer program is stored, and when the computer program is executed by a processor, the following steps are implemented:

[0042] Build a middle platform template;

[0043] Select multiple components and / or units to fill the middle platform template, and configure data for the middle platform template after filling the components and / or units based on the first target data;

[0044] In response to detecting a page building request, obtaining second target data corresponding to the page building request based on the middle platform template of the configured data;

[0045] Based on the second target data, a page DSL statement is determined, and a target page generated based on the page DSL statement is displayed on the client.

[0046] In a fifth aspect, a computer program product is provided, the computer program product comprising a computer program, and when the computer program is executed by a processor, the following steps are implemented:

[0047] Build a middle platform template;

[0048] Select multiple components and / or units to fill the middle platform template, and configure data for the middle platform template after filling the components and / or units based on the first target data;

[0049] In response to detecting a page building request, obtaining second target data corresponding to the page building request based on the middle platform template of the configured data;

[0050] Based on the second target data, a page DSL statement is determined, and a target page generated based on the page DSL statement is displayed on the client.

[0051] The above-mentioned page building method, device, computer equipment and storage medium, the method includes: constructing a middle platform template; selecting multiple components and / or units to fill the middle platform template, and based on the first target data, configuring data of the middle platform template after filling the components and / or units; in response to detecting a page building request, based on the middle platform template with configured data, obtaining the second target data corresponding to the page building request; based on the second target data, determining the page DSL statement, and displaying the target page generated based on the page DSL statement on the client. The present application can quickly configure page information, improve page building efficiency, and can display and change the page in real time, thereby improving the flexibility of page building. BRIEF DESCRIPTION OF THE DRAWINGS

[0052] Figure 1 An application environment diagram of a page building method in an embodiment;

[0053] Figure 2 A schematic diagram of a process of building a page in one embodiment;

[0054] Figure 3 Another schematic diagram of a process for building a page in one embodiment;

[0055] Figure 4 A schematic diagram of the overall structure of a DSL designer for a page building method in an embodiment;

[0056] Figure 5 A schematic diagram of an operation data configuration process of a page building method in one embodiment;

[0057] Figure 6 A schematic diagram of a server-side data arrangement process of a page building method in one embodiment;

[0058] Figure 7 A schematic diagram of the overall structure of the SDK of a page building method in an embodiment;

[0059] Figure 8 It is a structural block diagram of a page building device in one embodiment;

[0060] Fig. 9 FIG. 4 is a diagram showing the internal structure of a computer device in one embodiment. DETAILED DESCRIPTION

[0061] In order to make the purpose, technical solutions and advantages of this application clearer, the technical solutions in the embodiments of this application will be clearly and completely described below in conjunction with the drawings in the embodiments of this application. Obviously, the described embodiments are only part of the embodiments of this application, not all of them. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0062] It should be understood that in the description of the present application, unless the context clearly requires otherwise, words such as "include", "comprises", and the like throughout the specification should be interpreted as including rather than being exclusive or exhaustive; that is, as including but not limited to.

[0063] It should also be understood that the terms "first", "second", etc. are only used for descriptive purposes and cannot be understood as indicating or implying relative importance. In addition, in the description of this application, unless otherwise specified, "plurality" means two or more.

[0064] It should be noted that the terms "S1", "S2", etc. are only used for the purpose of describing the steps, and do not specifically refer to the order or sequence, nor are they used to limit the present application. They are only for the convenience of describing the method of the present application, and cannot be understood as indicating the order of the steps. In addition, the technical solutions between the various embodiments can be combined with each other, but they must be based on the ability of ordinary technicians in this field to implement them. When the combination of technical solutions is contradictory or cannot be implemented, it should be considered that such a combination of technical solutions does not exist and is not within the scope of protection required by the present application.

[0065] The page building method provided in this application can be applied to Figure 1In the application environment shown, the terminal 102 communicates with the data processing platform set on the server 104 through the network, wherein the terminal 102 can be but not limited to various personal computers, laptops, smart phones, tablet computers and portable wearable devices, and the server 104 can be implemented by an independent server or a server cluster composed of multiple servers.

[0066] In one embodiment, Figure 2-Figure 3 As shown, a page building method is provided, which is applied to Figure 1 The terminal in is used as an example to illustrate, including the following steps:

[0067] S1: Build a middle platform template.

[0068] It should be noted that the middle platform template is a page template based on the middle platform basic components and advanced components. It aims to provide page template examples based on common functions and typical business scenarios, and provide reference standard guidance for page construction.

[0069] In some specific implementations, the method for constructing the middle platform template includes:

[0070] Based on the DSL designer, a middle-end template is constructed. The DSL designer includes at least a core layer and a view layer. The designer implements the WYSIWYG editing of DSL. In order to solve the problems of fast configuration and real-time response, DSL is introduced. The front-end recognizes the defined language and is not aware of the business, which satisfies the effect of dynamic real-time update. DSL (domain-specific language) refers to a self-designed and defined specific language used to describe the style, content, and interaction of the C-end (client) page. Within the scope covered by the DSL syntax, the C-end page creation and update do not require technical intervention and can be completed online through configuration.

[0071] Specifically, Figure 4 As shown, the core layer includes at least a state manager, atomic elements, a rendering engine and a form engine, and also includes a tool library; the view layer includes at least an outline tree (ElementTree), an element selector (ElementSelector), a previewer (Previewer), a property setter (PropSettings) and a DSL editor (CodeEditor), wherein the outline tree and the element selector belong to the left panel (LeftPanel), and the previewer and the DSL editor belong to the right panel (MainPanel).

[0072] More specifically, the functions of each component in the core layer and view layer include:

[0073] (1) State Manager: responsible for all state management of the designer, including outline tree, editing state, dragging state, selection state and attribute data;

[0074] (2) Atomic elements: responsible for rendering atomic elements, including normal views, images, text, linear layouts, relative layouts, grid layouts, carousel containers, iterators, branch matching, etc.

[0075] (3) Form engine: responsible for form rendering in the property setter. Different atomic elements correspond to different forms. The form engine uses Schema to describe form metadata.

[0076] (4) Rendering engine: responsible for rendering the atomic element tree, including context management, renderer, event processing, etc.

[0077] (5) Outline tree: responsible for rendering and dragging and sorting the element outline tree;

[0078] (6) Element selector: responsible for adding atomic elements to the outline tree;

[0079] (7) Previewer: responsible for real-time preview of elements;

[0080] (8) Property setter: responsible for editing the properties of the currently selected element, and the underlying form engine is used to render the property form.

[0081] S2: Select multiple components and / or units to fill the middle platform template, and configure data for the middle platform template after filling the components and / or units based on the first target data.

[0082] It should be noted that the first target data refers to the business data that the operation platform needs to configure.

[0083] In some specific implementations, selecting multiple components and / or units to fill the middle platform template includes:

[0084] Create target unit according to unit template;

[0085] Create the target component according to the component template;

[0086] Based on the multiple target units and / or the multiple target components, the middle platform template is filled.

[0087] In some specific implementations, based on the first target data, the configuration data of the middle platform template after filling the components and / or units includes:

[0088] Determine unit configuration data according to the DSL rule of the target unit, wherein the DSL rule refers to an online configuration rule, such as a business rule, etc.;

[0089] Determine component configuration data according to the DSL rule of the target component, and associate the target component with the target unit;

[0090] defining the unit configuration data and the component configuration data as the first target data;

[0091] Based on the first target data, the corresponding components and / or units in the middle platform template are configured with data respectively, and a mapping relationship is formed with the third target data to generate a data model, wherein the third target data refers to the user's personalized data, such as data from other platforms associated with the user ID.

[0092] Specifically, the operation construction is mainly for pages. Different components and units are selected to fill in different levels of the page. The construction of units and components depends on the definition of the middle platform template. The specific relationship is as follows Figure 5 As shown, the overall steps are: create a unit according to the unit template, and the operation platform configures the business data that needs to be configured according to the DSL rules of the unit; create a component according to the component template, and the operation configures the business data that needs to be configured according to the DSL rules of the component, as well as the association of the unit, that is, the association with the relevant units; configure the page, and associate the corresponding components and units, and publish them to generate the data model. The code is as follows:

[0093]

[0094]

[0095] Further, such as Figure 6 As shown, for personalized data loading of each component, new component data requires additional code, so data source orchestration is added, which can connect different interfaces in series and parallel and reassemble the data. The front end can dynamically load based on the data source data + DSL, that is, the data of the associated platform can be obtained from the serialized interface to improve the flexibility of page construction.

[0096] S3: In response to detecting a page building request, based on the middle platform template of the configured data, obtain the second target data corresponding to the page building request.

[0097] It should be noted that the page building request is issued by the client, and the client provides the overall client data processing capabilities in the form of SDK, including data acquisition, parsing, preprocessing, creating and rendering views, pages, root pages, and providing interaction capabilities with external hosts. Among them, the SDK structure design is as follows Figure 6 shown.

[0098] In some specific implementations, in response to detecting a page building request, based on a middle platform template of configured data, obtaining second target data corresponding to the page building request includes:

[0099] Based on the page building request, determine a unique data identifier, wherein the unique data identifier is used to compare with the data in the data model to determine the required data set;

[0100] Based on the unique data identifier and the data model, the second target data corresponding to the page building request is obtained through the built-in network framework of the software development kit or the host network framework, wherein the software development kit refers to SDK, and the second target data refers to data used to build the target page.

[0101] Specifically, the data of the specified page is obtained from the specified CMS server through the SDK built-in network framework or the host network framework, that is, the data corresponding to the page building request. The complete data is obtained through the combination of the Config and Detail interfaces. Among them, the Detail interface is used to asynchronously obtain the data source that is relatively slow to query but does not affect the overall rendering.

[0102] S4: Based on the second target data, determine a page DSL statement, and display a target page generated based on the page DSL statement on the client.

[0103] It should be noted that the page DSL statements are expressed in a tree format.

[0104] In some specific implementations, determining the page DSL statement based on the second target data includes:

[0105] Parsing the second target data to obtain fourth target data, wherein the fourth target data is divided into page, component, and unit levels, and each layer of data includes at least style description, display data, interaction data, and embedding data;

[0106] The fourth target data is filled into the style description to generate the page DSL statement, wherein the style description refers to relevant style descriptions such as length, width, height and color.

[0107] In some specific implementations, displaying a target page generated based on the page DSL statement on the client includes:

[0108] Parse the page DSL statements into leaf nodes and map them to basic elements of the client;

[0109] The basic elements are assembled to generate business components, and the business components are rendered to generate the target page.

[0110] Specifically, after obtaining the complete data, the data needs to be parsed. The data is divided into page, component, and unit levels. Each layer of data contains style description, display data, interaction data, and tracking data. Furthermore, the complete DSL is assembled through data association, and the static data (operation platform configuration) and dynamic data (interface acquisition) in the display data are filled into the style description (such as length, width, height, and color, etc.) to form a complete page-level DSL, that is, the page DSL statement mentioned above; the tree-like DSL is parsed to leaf nodes, mapped to the basic elements of the client (such as atomic components, basic containers, etc.), and business components are formed by assembling basic elements. , output views, pages, and root pages through the assembly of components. Among them, each end SDK completes the mapping and rendering of basic elements based on its own technology stack, and finally achieves the purpose of rendering and displaying a set of DSL languages ​​on multiple terminals. At the same time, since the entire page is rendered by the DSL formed by the data sent by the service, dynamic changes at the page level can be achieved when the data changes. Furthermore, in addition to the display of style and data, the page also includes the interaction between the data layer and the user layer. The user's interactive behavior is notified to the external host through a specific protocol to complete the interaction. The data interaction (similar to the embedding point) is exposed to the external host through a specific interface or reported through the built-in framework.

[0111] In the above-mentioned page building method, the method includes: building a middle platform template; selecting multiple components and / or units to fill the middle platform template, and configuring data for the middle platform template after filling the components and / or units based on the first target data; in response to detecting a page building request, based on the middle platform template with configured data, obtaining the second target data corresponding to the page building request; based on the second target data, determining the page DSL statement, and displaying the target page generated based on the page DSL statement on the client. The server of this application includes configuration data + dynamic data source configuration, and the client includes language parsing and data filling and rendering. For the needs of new pages and new components, based on the server and the client, the new component / unit template can be directly configured on the management side, and the configuration can be selected on the page configuration, and it can be displayed on the C-end page. The page information can be quickly configured to improve the efficiency of page building. For pages and components that have been put into production, adjustments are made within the scope covered by the grammar. Through the configuration change release of the operation platform, the display changes can be made in real time on the C-end page. The C-end page can complete real-time refresh changes and respond quickly to display changes on the page in real time, thereby improving the flexibility and response speed of page building.

[0112] It should be understood that although Figure 2-Figure 6The steps in the flowchart are shown in sequence as indicated by the arrows, but these steps are not necessarily executed in the order indicated by the arrows. Unless otherwise specified in this document, there is no strict order restriction for the execution of these steps, and these steps can be executed in other orders. Moreover, Figure 2-Figure 5 At least part of the steps may include multiple sub-steps or multiple stages. These sub-steps or stages are not necessarily executed at the same time, but can be executed at different times. The execution order of these sub-steps or stages is not necessarily sequential, but can be executed in turn or alternately with other steps or at least part of the sub-steps or stages of other steps.

[0113] In one embodiment, Figure 8 As shown, a page building device is provided, including: a template building module, a data configuration module, a data acquisition module and a page generation module, wherein:

[0114] Template building module, used to build the middle platform template;

[0115] A data configuration module, used to select multiple components and / or units to fill the middle platform template, and configure data for the middle platform template after filling the components and / or units based on the first target data;

[0116] A data acquisition module, for acquiring, when a page building request is detected, second target data corresponding to the page building request based on a middle platform template with configured data;

[0117] The page generation module is used to determine a page DSL statement based on the second target data, and display a target page generated based on the page DSL statement on the client.

[0118] As a preferred implementation, in the embodiment of the present invention, the template construction module is specifically used for:

[0119] Based on the DSL designer, a middle platform template is constructed, wherein the DSL designer includes at least a core layer and a view layer;

[0120] The core layer includes at least a state manager, atomic elements, a rendering engine and a form engine; the view layer includes at least an outline tree, an element selector, a previewer, a property setter and a DSL editor.

[0121] As a preferred implementation, in the embodiment of the present invention, the data configuration module is specifically used for:

[0122] Create target unit according to unit template;

[0123] Create the target component according to the component template;

[0124] Based on the multiple target units and / or the multiple target components, the middle platform template is filled.

[0125] As a preferred implementation, in the embodiment of the present invention, the data configuration module is further used to:

[0126] Determining unit configuration data according to the DSL rule of the target unit;

[0127] Determine component configuration data according to the DSL rule of the target component, and associate the target component with the target unit;

[0128] defining the unit configuration data and the component configuration data as the first target data;

[0129] Based on the first target data, the corresponding components and / or units in the middle platform template are configured with data respectively, and a mapping relationship is formed with the third target data to generate a data model.

[0130] As a preferred implementation, in the embodiment of the present invention, the data acquisition module is specifically used for:

[0131] Based on the page building request, determine a unique data identifier;

[0132] Based on the unique data identifier and the data model, the second target data corresponding to the page building request is obtained through a built-in network framework of a software development kit or a host network framework.

[0133] As a preferred implementation, in the embodiment of the present invention, the page generation module is specifically used for:

[0134] Parsing the second target data to obtain fourth target data, wherein the fourth target data is divided into page, component, and unit levels, and each layer of data includes at least style description, display data, interaction data, and embedding data;

[0135] The fourth target data is filled into the style description to generate the page DSL statement.

[0136] As a preferred implementation, in the embodiment of the present invention, the page generation module is further used to:

[0137] Parse the page DSL statements into leaf nodes and map them to basic elements of the client;

[0138] The basic elements are assembled to generate business components, and the business components are rendered to generate the target page.

[0139] For the specific definition of the page building device, please refer to the definition of the page building method above, which will not be repeated here. Each module in the above-mentioned page building device can be implemented in whole or in part by software, hardware and a combination thereof. The above-mentioned modules can be embedded in or independent of the processor in the computer device in the form of hardware, or can be stored in the memory of the computer device in the form of software, so that the processor can call and execute the operations corresponding to the above modules.

[0140] In one embodiment, a computer device is provided. The computer device may be a terminal, and its internal structure diagram may be as follows: Fig. 9 As shown. The computer device includes a processor, a memory, a network interface, a display screen and an input device connected through a system bus. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The network interface of the computer device is used to communicate with an external terminal through a network connection. When the computer program is executed by the processor, a page building method is implemented. The display screen of the computer device can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer device can be a touch layer covering the display screen, or a key, trackball or touchpad set on the computer device housing, or an external keyboard, touchpad or mouse, etc.

[0141] Those skilled in the art will understand that Fig. 9 The structure shown in the figure is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.

[0142] In one embodiment, a computer device is provided, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the following steps when executing the computer program:

[0143] S1: Build the middle platform template;

[0144] S2: Select multiple components and / or units to fill the middle platform template, and configure data for the middle platform template after filling the components and / or units based on the first target data;

[0145] S3: in response to detecting a page building request, obtaining second target data corresponding to the page building request based on the middle platform template of the configured data;

[0146] S4: Based on the second target data, determine a page DSL statement, and display a target page generated based on the page DSL statement on the client.

[0147] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0148] Based on the DSL designer, a middle platform template is constructed, wherein the DSL designer includes at least a core layer and a view layer;

[0149] The core layer includes at least a state manager, atomic elements, a rendering engine and a form engine; the view layer includes at least an outline tree, an element selector, a previewer, a property setter and a DSL editor.

[0150] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0151] Create target unit according to unit template;

[0152] Create the target component according to the component template;

[0153] Based on the multiple target units and / or the multiple target components, the middle platform template is filled.

[0154] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0155] Determining unit configuration data according to the DSL rule of the target unit;

[0156] Determine component configuration data according to the DSL rule of the target component, and associate the target component with the target unit;

[0157] defining the unit configuration data and the component configuration data as the first target data;

[0158] Based on the first target data, the corresponding components and / or units in the middle platform template are configured with data respectively, and a mapping relationship is formed with the third target data to generate a data model.

[0159] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0160] Based on the page building request, determine a unique data identifier;

[0161] Based on the unique data identifier and the data model, the second target data corresponding to the page building request is obtained through a built-in network framework of a software development kit or a host network framework.

[0162] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0163] Parsing the second target data to obtain fourth target data, wherein the fourth target data is divided into page, component, and unit levels, and each layer of data includes at least style description, display data, interaction data, and embedding data;

[0164] The fourth target data is filled into the style description to generate the page DSL statement.

[0165] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0166] Parse the page DSL statements into leaf nodes and map them to basic elements of the client;

[0167] The basic elements are assembled to generate business components, and the business components are rendered to generate the target page.

[0168] In one embodiment, a computer readable storage medium is provided, on which a computer program is stored, and when the computer program is executed by a processor, the following steps are implemented:

[0169] S1: Build the middle platform template;

[0170] S2: Select multiple components and / or units to fill the middle platform template, and configure data for the middle platform template after filling the components and / or units based on the first target data;

[0171] S3: in response to detecting a page building request, obtaining second target data corresponding to the page building request based on the middle platform template of the configured data;

[0172] S4: Based on the second target data, determine a page DSL statement, and display a target page generated based on the page DSL statement on the client.

[0173] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0174] Based on the DSL designer, a middle platform template is constructed, wherein the DSL designer includes at least a core layer and a view layer;

[0175] The core layer includes at least a state manager, atomic elements, a rendering engine and a form engine; the view layer includes at least an outline tree, an element selector, a previewer, a property setter and a DSL editor.

[0176] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0177] Create target unit according to unit template;

[0178] Create the target component according to the component template;

[0179] Based on the multiple target units and / or the multiple target components, the middle platform template is filled.

[0180] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0181] Determining unit configuration data according to the DSL rule of the target unit;

[0182] Determine component configuration data according to the DSL rule of the target component, and associate the target component with the target unit;

[0183] defining the unit configuration data and the component configuration data as the first target data;

[0184] Based on the first target data, the corresponding components and / or units in the middle platform template are configured with data respectively, and a mapping relationship is formed with the third target data to generate a data model.

[0185] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0186] Based on the page building request, determine a unique data identifier;

[0187] Based on the unique data identifier and the data model, the second target data corresponding to the page building request is obtained through a built-in network framework of a software development kit or a host network framework.

[0188] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0189] Parsing the second target data to obtain fourth target data, wherein the fourth target data is divided into page, component, and unit levels, and each layer of data includes at least style description, display data, interaction data, and embedding data;

[0190] The fourth target data is filled into the style description to generate the page DSL statement.

[0191] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0192] Parse the page DSL statements into leaf nodes and map them to basic elements of the client;

[0193] The basic elements are assembled to generate business components, and the business components are rendered to generate the target page.

[0194] In one embodiment, a computer program product is provided, the computer program product comprising a computer program, the computer program when executed by a processor implements the following steps:

[0195] S1: Build the middle platform template;

[0196] S2: Select multiple components and / or units to fill the middle platform template, and configure data for the middle platform template after filling the components and / or units based on the first target data;

[0197] S3: in response to detecting a page building request, obtaining second target data corresponding to the page building request based on the middle platform template of the configured data;

[0198] S4: Based on the second target data, determine a page DSL statement, and display a target page generated based on the page DSL statement on the client.

[0199] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0200] Based on the DSL designer, a middle platform template is constructed, wherein the DSL designer includes at least a core layer and a view layer;

[0201] The core layer includes at least a state manager, atomic elements, a rendering engine and a form engine; the view layer includes at least an outline tree, an element selector, a previewer, a property setter and a DSL editor.

[0202] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0203] Create target unit according to unit template;

[0204] Create the target component according to the component template;

[0205] Based on the multiple target units and / or the multiple target components, the middle platform template is filled.

[0206] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0207] Determining unit configuration data according to the DSL rule of the target unit;

[0208] Determine component configuration data according to the DSL rule of the target component, and associate the target component with the target unit;

[0209] defining the unit configuration data and the component configuration data as the first target data;

[0210] Based on the first target data, the corresponding components and / or units in the middle platform template are configured with data respectively, and a mapping relationship is formed with the third target data to generate a data model.

[0211] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0212] Based on the page building request, determine a unique data identifier;

[0213] Based on the unique data identifier and the data model, the second target data corresponding to the page building request is obtained through a built-in network framework of a software development kit or a host network framework.

[0214] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0215] Parsing the second target data to obtain fourth target data, wherein the fourth target data is divided into page, component, and unit levels, and each layer of data includes at least style description, display data, interaction data, and embedding data;

[0216] The fourth target data is filled into the style description to generate the page DSL statement.

[0217] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0218] Parse the page DSL statements into leaf nodes and map them to basic elements of the client;

[0219] The basic elements are assembled to generate business components, and the business components are rendered to generate the target page.

[0220] Those skilled in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to memory, storage, database or other media used in the embodiments provided in this application can include non-volatile and / or volatile memory. Non-volatile memory can include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM) or flash memory. Volatile memory can include random access memory (RAM) or external cache memory. As an illustration and not limitation, RAM is available in many forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous link (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM).

[0221] The technical features of the above embodiments may be combined arbitrarily. To make the description concise, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.

[0222] The above-mentioned embodiments only express several implementation methods of the present application, and the descriptions thereof are relatively specific and detailed, but they cannot be understood as limiting the scope of the invention patent. It should be pointed out that, for ordinary technicians in this field, several variations and improvements can be made without departing from the concept of the present application, and these all belong to the protection scope of the present application.

Claims

1. A page building method, characterized in that: The method comprises: Build a middle platform template; Select multiple components and / or units to fill the middle platform template, and configure data for the middle platform template after filling the components and / or units based on the first target data; In response to detecting a page building request, obtaining second target data corresponding to the page building request based on the middle platform template of the configured data; Based on the second target data, a page DSL statement is determined, and a target page generated based on the page DSL statement is displayed on the client.

2. The page building method according to claim 1, characterized in that: The method for constructing the middle platform template includes: Based on the DSL designer, a middle platform template is constructed, wherein the DSL designer includes at least a core layer and a view layer; The core layer includes at least a state manager, atomic elements, a rendering engine and a form engine; the view layer includes at least an outline tree, an element selector, a previewer, a property setter and a DSL editor.

3. The page building method according to claim 1, characterized in that: Selecting multiple components and / or units to fill the middle platform template includes: Create target unit according to unit template; Create the target component according to the component template; Based on the multiple target units and / or the multiple target components, the middle platform template is filled.

4. The page building method according to claim 3, characterized in that: Based on the first target data, the configuration data of the middle platform template after filling the components and / or units includes: Determining unit configuration data according to the DSL rule of the target unit; Determine component configuration data according to the DSL rule of the target component, and associate the target component with the target unit; defining the unit configuration data and the component configuration data as the first target data; Based on the first target data, the corresponding components and / or units in the middle platform template are configured with data respectively, and a mapping relationship is formed with the third target data to generate a data model.

5. The page building method according to claim 4, characterized in that: In response to detecting a page building request, based on the middle platform template of the configured data, obtaining the second target data corresponding to the page building request includes: Based on the page building request, determine a unique data identifier; Based on the unique data identifier and the data model, the second target data corresponding to the page building request is obtained through a built-in network framework of a software development kit or a host network framework.

6. The page building method according to claim 1, characterized in that: Based on the second target data, determining the page DSL statement includes: Parsing the second target data to obtain fourth target data, wherein the fourth target data is divided into page, component, and unit levels, and each layer of data includes at least style description, display data, interaction data, and embedding data; The fourth target data is filled into the style description to generate the page DSL statement.

7. The page building method according to claim 6, characterized in that: The target page generated based on the page DSL statement is displayed on the client side including: Parse the page DSL statements into leaf nodes and map them to basic elements of the client; The basic elements are assembled to generate business components, and the business components are rendered to generate the target page.

8. A page building device, characterized in that: The device comprises: Template building module, used to build the middle platform template; A data configuration module, used to select multiple components and / or units to fill the middle platform template, and configure data for the middle platform template after filling the components and / or units based on the first target data; A data acquisition module, for acquiring, when a page building request is detected, second target data corresponding to the page building request based on a middle platform template with configured data; The page generation module is used to determine a page DSL statement based on the second target data, and display a target page generated based on the page DSL statement on the client.

9. A computer device comprising a memory, a processor and a computer program stored in the memory and executable on the processor, characterized in that: When the processor executes the computer program, the method according to any one of claims 1 to 7 is implemented.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the method according to any one of claims 1 to 7 is implemented.

Images