Page generation method and device, electronic equipment and storage medium

Abstract

The invention relates to a page generation method and device, electronic equipment and a storage medium, and the page generation method comprises the steps: in response to a first preset operation of a user on a first operation interface, creating a target block on the first operation interface; in response to a second preset operation of the user on the first operation interface, configuring at least one corresponding target field for the target block; generating page description data based on each target block in the first operation interface and a target field configured for each target block; and in response to the target page access request, generating a target page based on the page description data. By creating the target block on the first operation interface and enabling the target block to correspond to different areas in the target page, the fields can be integrated in the block, high customization of the block and the fields is achieved, the method and the device are suitable for page design scenes with diversity, complexity and visualization requirements, and the user experience is improved. The generation of redundant codes and repeated operations is reduced, and the user experience is improved.

Description

Technical Field

[0001] This disclosure relates to the field of page design, specifically to a page generation method, apparatus, electronic device, and storage medium. Background Technology

[0002] Page design, as a crucial aspect of software development, enables the layout and management of materials through various architectures and methods. This allows for page rendering and generation when users access the page, giving it specific display or operational functions. Currently, an increasing number of efficient and low-maintenance page generation methods are widely used in the field of page generation.

[0003] However, the page generation methods using related technologies have significant limitations in applicable scenarios and functions, making it difficult to meet the diverse, complex, and visualization requirements of intelligent manufacturing. Furthermore, they generate a large amount of redundant code and repetitive operations, resulting in a poor user experience. Summary of the Invention

[0004] To overcome the problems existing in related technologies, this disclosure provides a page generation method, apparatus, electronic device, and storage medium.

[0005] According to a first aspect of the present disclosure, a page generation method is provided, the page generation method comprising:

[0006] In response to the user's first preset operation on the first operation interface, a target block is created on the first operation interface;

[0007] In response to a second preset operation by the user on the first operation interface, at least one corresponding target field is configured for the target block;

[0008] Page description data is generated based on each target block in the first operation interface and the target fields configured in each target block;

[0009] In response to a target page access request, a target page is generated based on the page description data, and each target block corresponds to a different area in the target page.

[0010] In some embodiments of this disclosure, the step of creating a target block on the first operation interface in response to a user's first preset operation on the first operation interface includes:

[0011] In response to the user's operation on the block creation control, multiple component type selection controls are displayed;

[0012] In response to the user's selection operation on the component type selection control, the component selection control of each preset component included in the selected component type is displayed;

[0013] In response to the user's selection operation on the component selection control, the target block including the selected preset component is generated.

[0014] In some embodiments of this disclosure, the component types include any one or more combinations of forms, tables, details, lists, grid cards, maps, charts, calendars, Gantt charts, and Kanban boards.

[0015] In some embodiments of this disclosure, configuring at least one corresponding target field for the target block in response to a second preset operation by the user on the first operation interface includes:

[0016] In response to the user's operation on the field configuration control in the target block, multiple field selection controls corresponding to the preset components included in the target block are displayed;

[0017] In response to a user's selection operation on one or more of the field selection controls, the preset fields corresponding to the one or more field selection controls are configured as the target fields corresponding to the target blocks, and the target fields configured in each target block are bound to the corresponding data source.

[0018] In some embodiments of this disclosure, the page generation method further includes:

[0019] In response to a user's third preset operation on the second operation interface, the preset component is created;

[0020] In response to the user's fourth preset operation on the second operation interface, the corresponding preset field is added to the preset component.

[0021] In some embodiments of this disclosure, the type of the preset field includes any one or more combinations of text, numbers, attachments, and mapping relationships.

[0022] In some embodiments of this disclosure, before generating page description data based on each target block in the first operation interface and the target fields configured in each target block, the page generation method further includes:

[0023] In response to user actions on the functional controls in the target block, multiple functional option controls are displayed;

[0024] In response to the user's selection operation of the function option control, the function corresponding to the function option control selected by the user is executed on the target block.

[0025] In some embodiments of this disclosure, the functions corresponding to the function option control include any one or more combinations of editing block titles, enabling drag-and-drop sorting, fixing blocks, setting data range, setting sorting rules, setting the number of displays per page, automatic refresh, connecting data blocks, saving as a template, and deleting blocks.

[0026] In some embodiments of this disclosure, before generating page description data based on each target block in the first operation interface and the target fields configured in each target block, the page generation method further includes:

[0027] In response to a user performing a movement operation on the target block, the position of the target block in the first operation interface is changed.

[0028] In some embodiments of this disclosure, before generating page description data based on each target block in the first operation interface and the target fields configured in each target block, the page generation method further includes:

[0029] In response to the user's fifth preset operation on the first operation interface, a target template is generated based on the target blocks generated in the first operation interface and the target fields configured in each target block;

[0030] When a user invokes the target template, the target blocks contained in the target template and the target fields configured in each target block are displayed.

[0031] In some embodiments of this disclosure, generating page description data based on each target block in the first operation interface and the target fields configured in each target block includes:

[0032] Based on the JSON-Schema protocol, the page description data is generated according to each target block and the target fields configured in each target block.

[0033] In some embodiments of this disclosure, generating a target page based on the page description data in response to a target page access request includes:

[0034] In response to the target page access request, the page description data is parsed, the data source corresponding to the target field configured in each target block is obtained, and a target configuration file is generated according to the data source corresponding to the target field.

[0035] Based on the target configuration file, image rendering is performed to obtain the target page.

[0036] According to a second aspect of the present disclosure, a page generation apparatus is provided, the page generation apparatus comprising:

[0037] A creation module is used to create a target block on the first operation interface in response to a user's first preset operation on the first operation interface.

[0038] The configuration module is configured to, in response to a second preset operation by the user on the first operation interface, configure at least one corresponding target field for the target block;

[0039] A first generation module is configured to generate page description data based on each target block in the first operation interface and the target fields configured in each target block.

[0040] The second generation module is used to generate a target page based on the page description data in response to a target page access request, wherein each target block corresponds to a different area in the target page.

[0041] According to a third aspect of the present disclosure, an electronic device is provided, the electronic device comprising:

[0042] processor;

[0043] Memory used to store processor-executable instructions;

[0044] The processor is configured to execute the page generation method as described in the first aspect.

[0045] According to a fourth aspect of the present disclosure, a non-transitory computer-readable storage medium is provided, wherein when instructions in the storage medium are executed by a processor of an electronic device, the electronic device is enabled to perform the page generation method as described in the first aspect.

[0046] The technical solutions provided by the embodiments of this disclosure can include the following beneficial effects: by creating target blocks on the first operation interface and making the target blocks correspond to different areas in the target page, fields can be integrated into the blocks, realizing a high degree of customization of blocks and fields, which is suitable for page design scenarios with diversity, complexity and visualization requirements, reducing the generation of redundant code and repetitive operations, and improving the user experience.

[0047] It should be understood that the above general description and the following detailed description are exemplary and explanatory only, and are not intended to limit this disclosure. Attached Figure Description

[0048] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with the invention and, together with the description, serve to explain the principles of the invention.

[0049] Figure 1 This is a flowchart illustrating a page generation method according to an exemplary embodiment.

[0050] Figure 2 This is a schematic diagram of a first user interface according to an exemplary embodiment.

[0051] Figure 3 This is a schematic diagram of a first user interface according to another exemplary embodiment.

[0052] Figure 4 This is a schematic diagram of a first user interface according to another exemplary embodiment.

[0053] Figure 5 This is a flowchart illustrating, according to an exemplary embodiment, the creation of a target block on a first operating interface in response to a user's first preset operation on the first operating interface.

[0054] Figure 6 This is a schematic diagram of a component type selection control according to an exemplary embodiment.

[0055] Figure 7 This is a schematic diagram of a component selection control according to an exemplary embodiment.

[0056] Figure 8 This is a flowchart illustrating, according to an exemplary embodiment, at least one corresponding target field for a target block in response to a second preset operation by a user on a first operation interface.

[0057] Figure 9 This is a schematic diagram of a field selection control according to an exemplary embodiment.

[0058] Figure 10 This is a flowchart illustrating a page generation method according to another exemplary embodiment.

[0059] Figure 11 This is a schematic diagram of a second user interface according to an exemplary embodiment.

[0060] Figure 12 This is a schematic diagram illustrating a component creation type selection control according to an exemplary embodiment.

[0061] Figure 13 This is a schematic diagram illustrating the creation of an information bar by a component according to an exemplary embodiment.

[0062] Figure 14This is a schematic diagram illustrating a preset field editing control according to an exemplary embodiment.

[0063] Figure 15 This is a schematic diagram illustrating a preset field editing page according to an exemplary embodiment.

[0064] Figure 16 This is a schematic diagram illustrating the addition of an information bar to a field according to an exemplary embodiment.

[0065] Figure 17 This is a flowchart illustrating a page generation method according to another exemplary embodiment.

[0066] Figure 18 This is a schematic diagram of a function option control according to an exemplary embodiment.

[0067] Figure 19 This is a flowchart illustrating a page generation method according to another exemplary embodiment.

[0068] Figure 20 This is a flowchart illustrating, according to an exemplary embodiment, how a target page is generated based on page description data in response to a target page access request.

[0069] Figure 21 This is a flowchart illustrating a page generation method according to another exemplary embodiment.

[0070] Figure 22 This is a block diagram of a page generation apparatus according to an exemplary embodiment.

[0071] Figure 23 This is a block diagram of an electronic device according to an exemplary embodiment.

[0072] In the picture:

[0073] 1-Block creation control; 2-Field configuration control; 3-Function control; 4-Block movement control; 5-Component type selection control; 6-Component selection control; 7-Field selection control; 8-Preset component creation control; 9-Component creation type selection control; 10-Preset field editing control; 11-Preset field addition control; 12-Field type selection control; 13-Function option control; 20-Creation module; 30-Configuration module; 40-First generation module; 50-Second generation module; 101-Processing component; 102-Memory; 103-Power component; 104-Multimedia component; 105-Audio component; 106-Input / output interface; 107-Sensor component; 108-Communication component; 109-Processor. Detailed Implementation

[0074] Exemplary embodiments will now be described in detail, examples of which are illustrated in the accompanying drawings. When the following description relates to the drawings, unless otherwise indicated, the same numerals in different drawings denote the same or similar elements. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present invention. Rather, they are merely examples of apparatuses and methods consistent with some aspects of the invention as detailed in the appended claims.

[0075] In recent years, page design has gradually become one of the key aspects of software development. Frameworks such as Vue and React, as well as protocols such as JSON-Schema, can be used to lay out and manage the materials needed to generate a page, so that the page can be rendered and generated when the user visits the page, and the page can have specific display or operation functions.

[0076] Currently, front-end frameworks or solutions with different advantages, such as formily, vue-JSON Schema-form, amis, and x-render, can improve development efficiency and reduce subsequent code maintenance to a certain extent, making more and more page generation methods widely used in the field of page generation.

[0077] However, page generation methods using related technologies can only handle single scenarios and lack materials with specific functions, making it difficult to meet the diverse, complex, and visualization requirements of the smart manufacturing field. In addition, the page generation process generates a large amount of redundant code and repetitive operations, increasing project maintenance costs and resulting in a poor user experience.

[0078] Based on this, the exemplary embodiments of this disclosure provide a page generation method. When a user performs a first preset operation and a second preset operation on a first operation interface, a target block is created on the first operation interface, and corresponding target fields are configured for the target block. Page description data can be generated based on each target block in the first operation interface and its configured target fields. When a target page access request is received, the target page can be generated based on the page description data, thus realizing the generation of the target page. By creating target blocks on the first operation interface and making the target blocks correspond to different areas in the target page, fields can be integrated into the blocks, achieving a high degree of customization of blocks and fields. This method is suitable for page design scenarios with diversity, complexity, and visualization requirements, reducing redundant code and repetitive operations, and improving the user experience.

[0079] In one exemplary embodiment, a page generation method is provided, applicable to terminal devices such as mobile phones and tablets, or applications within those devices. (See references) Figure 1 As shown, the page generation methods include:

[0080] S100: In response to the user's first preset operation on the first operation interface, create a target block on the first operation interface.

[0081] In step S100, the user can perform a first preset operation on the first operation interface of the terminal device, as shown in the example below. Figure 2 As shown, the first preset operation can be, for example, one or more clicks, selections, or other operations used to create a target block. When the terminal device recognizes the first preset operation performed by the user, it can create a target block on the first operation interface. Figure 3 The target block is shown. It can be understood that there can be multiple target blocks. Each time the user performs a complete first preset operation on the first operation interface, a target block can be created on the first operation interface.

[0082] The target block has a preset shape and size in the first operation interface, and its shape, size, and position can be changed by the user through specific operations on the first operation interface. The target block can serve as the basic unit for subsequently building the target page. Each target block contains components, or materials, with specific content and functions. Target blocks can exist independently or together with other target blocks to form a complete target page. The creation of target blocks makes the first operation interface a graphical user interface, and allows for the definition of different styles, text, and operations within any target block, balancing the simplicity of no-code operation with the flexibility of native development.

[0083] S200, in response to the user's second preset operation on the first operation interface, configure at least one corresponding target field for the target block.

[0084] In step S200, the user can also perform a second preset operation on the first operation interface. The second preset operation can be, for example, one or more clicks, selections, or other operations used to configure target fields. When the terminal device recognizes the second preset operation performed by the user, it can configure the target block as follows: Figure 4 The example shows one or more target fields. It is understood that when there are multiple target blocks, corresponding target fields can be configured for different target blocks through a second preset operation.

[0085] As the data model corresponding to the target block, the target field defines the specific content of the materials included in the target block and serves as the basic display and control unit in the target page. Target fields can be divided into various types based on their purpose and attributes. The type of the target field determines the function of the target block and how the user interacts with it, allowing users to meet different page design needs through appropriate target field configuration.

[0086] S300: Generate page description data based on each target block in the first operation interface and the target fields configured in each target block.

[0087] In step S300, page description data can be generated based on each target block in the first operation interface and the corresponding target fields configured for each target block. The page description data can be generated synchronously when creating each target block and configuring target fields for each target block, or it can be generated after each target block is created and each target field is configured.

[0088] Page description data may include, for example, Schema JSON data. This data can describe the materials that make up the target page, as well as their content, location, structure, and other attributes. For instance, corresponding Schema JSON data can be generated based on the target blocks created in the first operation interface and the configuration information of the target fields configured for each block.

[0089] S400: In response to the target page access request, generate the target page based on the page description data, with each target block corresponding to a different area in the target page.

[0090] In step S400, when a user accesses a target page through a specific application, a target page access request is issued. After the target page access request is identified, the target page can be generated based on the generated page description data so as to present the target page to the user with access needs.

[0091] As mentioned earlier, a target block can exist independently or together with other target blocks to form a complete target page. After the target page is generated, each target block can be located in a different area of ​​the target page, and the corresponding content can be displayed and functions can be supported through each target block and the configured target fields, thereby realizing the division of the functional areas of the target page.

[0092] In this embodiment, when the user performs a first preset operation and a second preset operation on the first operation interface, a target block is created on the first operation interface, and corresponding target fields are configured for the target block. Page description data can be generated based on each target block in the first operation interface and its configured target fields. When a target page access request is received, the target page can be generated based on the page description data, thus realizing the generation of the target page. By creating target blocks on the first operation interface and making the target blocks correspond to different areas in the target page, fields can be integrated into the blocks, achieving a high degree of customization of blocks and fields. This is suitable for page design scenarios with diversity, complexity, and visualization requirements, reducing redundant code and repetitive operations, and improving the user experience.

[0093] In some embodiments, reference Figure 5 As shown, in response to a user's first preset operation on the first operation interface, a target block is created on the first operation interface, including:

[0094] S110. In response to the user's operation on the block creation control, display multiple component type selection controls.

[0095] In step S100, the first preset operation includes the user's operation on the block creation control 1, such as... Figure 2 As shown, the block creation control 1 is displayed in the first operation interface. User operations on the block creation control 1 can include clicking the control using the cursor in the first operation interface. When a user's operation on the block creation control 1 is detected, such as... Figure 6 As shown, multiple component type selection controls 5 can be displayed by showing a selection menu, and each component type selection control 5 has a corresponding component type.

[0096] S120. In response to the user's selection operation on the component type selection control, display the component selection control of each preset component included in the selected component type.

[0097] In step S120, the first preset operation also includes a user selection operation on the component type selection control 5. This selection operation can be, for example, clicking or hovering the cursor on the component type selection control 5 within the first operation interface. When multiple component type selection controls 5 are displayed and a user selection operation on the component type selection control 5 is detected, such as... Figure 7 As shown, the component selection control 6 can be displayed by showing the selection menu, which includes the preset components of the selected component type. Each component selection control 6 corresponds to a preset component, and each preset component is a pre-stored component with different content under the selected component type.

[0098] S130. In response to the user's selection operation on the component selection control, generate a target block including the selected preset component.

[0099] In step S130, the first preset operation also includes a user selection operation on the component selection control 6. This selection operation can be, for example, clicking the component selection control 6 using the cursor in the first operation interface. When a user selection operation on the component selection control 6 is detected, a corresponding... Figure 3 The target block shown includes selected preset components, enabling the target block to contain components, i.e., materials, with specific content and functions, thus realizing the arrangement of materials.

[0100] In this embodiment, multiple component type selection controls 5 are displayed in response to the user's operation on the block creation control 1. Then, in response to the user's selection operation on the component type selection control 5, component selection controls 6 for each preset component included in the selected component type are displayed. Finally, in response to the user's selection operation on the component selection control 6, a target block including the selected preset components is generated. This allows the user to execute the first preset operation by sequentially performing operations on the block creation control 1, the component type selection control 5, and the component selection control 6, thus achieving the creation of the target block. The created target block can include the selected preset components, enabling the target block to contain components with specific content and functions. The arrangement and management of materials are achieved through the selection of component types and components.

[0101] In some embodiments, component types include any one or more combinations of forms, tables, details, lists, grid cards, maps, charts, calendars, Gantt charts, and Kanban boards.

[0102] The component types that users can choose can include any combination of one or more of the following: forms, tables, details, lists, grid cards, maps, charts, calendars, Gantt charts, and Kanban boards. When a user performs a selection operation on the component type selection control 5, they can choose any of the above component types and then select the preset components under that component type.

[0103] Forms are typically used to display and compare data, clearly showing the relationships between different data items, and can be used on target pages that need to collect user information. Tables are used for data organization and analysis, making it easier for users to read and understand large amounts of information, and can be used on target pages that require data analysis and report presentation. Details are used to display detailed information about products or services, and can be used on target pages that need to convey information or have a specific business purpose. Lists are used to display a large amount of related information or data items, making it easy for users to quickly find and read, and can be used on target pages with query and filtering functions. Grid cards are used to create an orderly and visually appealing collection of information, existing in card form on the target page, and can be used on target pages with an aesthetically pleasing and clean appearance. Maps are used to visually express information within a map, and can be used on target pages that need to display map elements. Charts are used to intuitively display the attributes and values ​​of statistical data graphically, facilitating the visual presentation of complex data information, and can be used on target pages that require data analysis and product design. Calendars are used to display date information or provide date selection functionality, and can be used on target pages that require date information display or interactive date selection functionality. Gantt charts are a graphical tool used for project management. They display project progress and other time-related information in a bar chart format and can be used on target pages involving project management and progress tracking. Kanban boards are used to visually display, analyze, and summarize data, making it easier for users to quickly understand and grasp key data. They can be used on target pages involving data querying and display.

[0104] In this embodiment, any one or more combinations of forms, tables, details, lists, grid cards, maps, charts, calendars, Gantt charts, and Kanban boards are used as component types, which enriches the component types in page design. It can provide a variety of components with different functions and characteristics for target blocks, and is suitable for page design scenarios with diverse and complex requirements. It is convenient to generate target pages with different needs and improves user experience.

[0105] In some embodiments, reference Figure 8 As shown, in response to a user's second preset operation on the first operation interface, at least one corresponding target field is configured for the target block, including:

[0106] S210. In response to the user's operation on the field configuration control in the target block, display multiple field selection controls corresponding to the preset components included in the target block.

[0107] In step S210, the second preset operation includes the user's operation on the field configuration control 2 in the target block, such as... Figure 3As shown, the field configuration control 2 is displayed in the target block of the first operation interface. User operations on the field configuration control 2 can include, for example, clicking the field configuration control 2 using the cursor in the first operation interface. Figure 9 As shown, when a user clicks on the field configuration control 2, multiple field selection controls 7 corresponding to the preset components included in the target block can be displayed by showing a menu. Each field selection control 7 corresponds to a preset field.

[0108] S220. In response to the user's selection operation on one or more field selection controls, configure the preset fields corresponding to one or more field selection controls as the target fields corresponding to the target blocks, and bind the target fields configured in each target block to the corresponding data source.

[0109] In step S220, the second preset operation further includes a user selection operation on one or more field selection controls 7. This selection operation can be, for example, clicking on one or more field selection controls 7 using the cursor in the first operation interface. When a user selection operation on one or more field selection controls 7 is detected, such as... Figure 4 As shown, the preset field corresponding to the selected field selection control 7 is configured as the target field corresponding to the target block, thereby configuring the target field corresponding to the target block.

[0110] After configuring the target fields, each target block and its configured target fields are bound to the corresponding data source, thus establishing an association between each target block and target field and its corresponding data source. This facilitates subsequent identification and retrieval of the corresponding data source through this association. The data source can be, for example, the raw code file stored on a backend server, which can be used to generate the target configuration file required for page rendering. For instance, after configuring the target fields, the terminal device initiates a network request call, marking different request targets and request actions with tagging information to associate the target blocks and configured target fields with the corresponding data source. When generating page description data subsequently, the binding relationship between the configured target fields of each target block and its corresponding data source can be stored in the page description data.

[0111] In this embodiment, in response to the user's operation on the field configuration control 2 in the target block, multiple field selection controls 7 corresponding to the preset components included in the target block are displayed. In response to the user's selection operation on one or more field selection controls 7, the preset fields corresponding to one or more field selection controls 7 are configured as the target fields corresponding to the target block. This allows the user to execute the second preset operation by sequentially performing operations on the field configuration control 2 in the target block and selecting one or more field selection controls 7, thus configuring the corresponding target fields for the target block. The configured target fields can include the selected preset fields, enabling the target block to contain fields with specific material content. The selection of fields enables the arrangement and management of materials. Furthermore, binding the configured target fields of each target block to the corresponding data source establishes the association between each target block and target field and the corresponding data source, providing a basis for the subsequent generation of the target page.

[0112] In some embodiments, reference Figure 10 As shown, the page generation method also includes:

[0113] S500: In response to the user's third preset operation on the second operation interface, a preset component is created.

[0114] In step S500, the user can perform a third preset operation on the second operation interface of the terminal device. The second operation interface is as follows: Figure 11 As shown, the second operation interface can display currently stored preset components. The third preset operation can be, for example, one or more clicks, selections, data inputs, etc., used to create the preset component. When the terminal device recognizes the third preset operation performed by the user, it can create the corresponding preset component. For example, as... Figure 12 As shown, in response to the user's operation on the preset component creation control 8, multiple component creation type selection controls 9 are displayed, and in response to the user's selection operation on the component creation type selection control 9, the following is displayed: Figure 13 The component creation information bar shown allows users to input data to create preset components.

[0115] The created preset components can be stored together with other initial preset components under the corresponding component type. When creating the target block later, the newly created preset component can be selected by selecting the component selection control 6, and the selected preset component will be included in the generated target block. This expands the preset components and enriches the selection of preset components.

[0116] S600: In response to the user's fourth preset operation on the second operation interface, add corresponding preset fields to the preset components.

[0117] In step S600, the user can perform a fourth preset operation on the second operation interface of the terminal device. This fourth preset operation can be, for example, one or more clicks, selections, data inputs, etc., used to add corresponding preset fields to preset components. When the terminal device recognizes the fourth preset operation performed by the user, it can add the corresponding preset fields to the preset components. For example, as shown... Figure 14 As shown, in response to an operation on the preset field editing control 10, the following is displayed: Figure 15 The preset field editing page shown in the image responds to the user's operation of adding control 11 to the preset field, displays multiple field type selection controls 12, and then responds to the user's selection operation of the field type selection control 12, displays as shown in the image. Figure 16 The field information bar shown allows users to input data to add corresponding preset fields to preset components.

[0118] The added preset fields can be stored together with other preset fields under the corresponding preset component. When configuring the target field later, the newly created preset field can be selected by selecting the field selection control 7, and the target block will be configured with the selected preset field, thus expanding the preset fields and enriching the selection of preset fields.

[0119] In this embodiment, a preset component is created in response to the user's third preset operation on the second operation interface, and a corresponding preset field is added to the preset component in response to the user's fourth preset operation on the second operation interface. This allows the newly created preset component to be included in the generated target block and enables the target block to be configured with the newly added preset field. This expands the preset component and preset field, enriches the selection of preset components and preset fields, and makes it easier for users to select appropriate components and fields for the target page according to their actual needs, thereby improving the user experience.

[0120] In some embodiments, the type of the preset field includes any one or more combinations of text, number, attachment, and mapping relationship.

[0121] Preset fields can be categorized into various types based on their purpose and attributes. These types can include text, numbers, attachments, and mapping relationships—any combination of one or more. Different types of preset fields can display information with different attributes on the target page. Text and numbers are typically used for data display and collection, attachments are typically used for displaying visual information such as images, and mapping relationships are typically used to represent one-to-one, one-to-many, and many-to-many correspondences between different attribute information. Mapping relationships can be defined, for example, using foreign key fields. When configuring target fields for a created target block, users can choose from various types of preset fields to define different forms of specific content and functions for the target block.

[0122] In this embodiment, any one or more combinations of text, numbers, attachments, and mapping relationships are used as the type of preset field. Different types of preset fields can display information with different attributes on the target page, which is convenient for defining different forms of specific content and functions for the target block according to actual needs. This is suitable for page design scenarios with diverse and complex requirements and improves the user experience.

[0123] In some embodiments, reference Figure 17 As shown, before generating page description data based on each target block in the first operation interface and the target fields configured in each target block, the page generation method further includes:

[0124] S700: In response to user actions on the function controls in the target block, displays multiple function option controls.

[0125] In step S700, after the user creates a target block through the first preset operation and configures target fields for the target block through the second preset operation, they can also manipulate the functional control 3 in the target block to display multiple functional option controls on the first operation interface. For example... Figure 4 As shown, function control 3 is displayed in the target area of ​​the first operation interface. User operation on function control 3 can be, for example, clicking on function control 3 using the cursor in the first operation interface. When user operation on function control 3 is detected, such as... Figure 18 As shown, multiple function option controls 13 can be displayed by showing a selection menu, and each function option control 13 has a corresponding preset function.

[0126] S800: In response to the user's selection operation of the function option control, execute the function corresponding to the function option control selected by the user on the target block.

[0127] In step S800, the user's selection operation on the function option control 13 can be, for example, clicking on a function option control 13 with the cursor in the first operation interface. When the user's selection operation on the function option control 13 is detected, the preset function corresponding to the selected function option control 13 is executed on the current target block to realize the editing of the target block or the activation of the block's auxiliary functions.

[0128] In this embodiment, in response to the user's operation on the functional control 3 in the target block, multiple functional option controls 13 are displayed, and in response to the user's selection operation on the functional option control 13, the function corresponding to the selected functional option control 13 is executed on the target block. This realizes the editing of the target block or the activation of the block's auxiliary functions, and allows the adjustment of the target block's attributes and functions. This facilitates the user's centralized management of the created target block in the first operation interface, reduces the generation of redundant code and repetitive operations, and further improves the efficiency of page generation.

[0129] In some embodiments, the functions corresponding to the function option control 13 include any one or more combinations of editing block titles, enabling drag-and-drop sorting, fixing blocks, setting data range, setting sorting rules, setting the number of blocks displayed per page, automatic refresh, connecting data blocks, saving as a template, and deleting blocks.

[0130] As mentioned above, each function option control 13 has a corresponding preset function. The functions corresponding to the function option control 13 may include editing block title, enabling drag-and-drop sorting, fixing block, setting data range, setting sorting rules, setting the number of items displayed per page, automatic refresh, connecting data blocks, saving as template, and deleting block, or any combination of one or more of these functions. Users can make the target block perform the functions selected by the user by performing the selection operation on the function option control 13.

[0131] When using the "Edit Block Title" function on a target block, users can edit the title to change its current content. When using the "Enable Drag and Drop Sort" function on a target block, users can rearrange the order of target fields by dragging them. When using the "Fix Block" function on a target block, the target block can be fixed in its current position for easier layout. When using the "Set Data Range" function on a target block, users can limit the numerical range of data within the target block. When using the "Set Sort Rules" function on a target block, users can set the sorting rules for data and information within the target block. When using the "Set Number of Fields per Page" function on a target block, users can set the number of fields that can be displayed within the target block. When using the "Automatic Refresh" function on a target block, users can enable automatic data refresh to ensure the timeliness of data information. When using the "Connect Data Blocks" function on a target block, users can establish relationships between the target block and other target blocks or preset blocks. When performing the "Save as Template" function on a target block, the current content and attributes of the target block can be saved for easy reuse later.

[0132] In this embodiment, any one or more combinations of the following functions are used as the functions corresponding to the function option control 13: editing block title, enabling drag-and-drop sorting, fixing blocks, setting data range, setting sorting rules, setting the number of blocks displayed per page, automatic refresh, connecting data blocks, saving as a template, and deleting blocks. This allows users to perform the above functions on the target block by selecting the function option control 13, enabling users to edit the created target block. This facilitates centralized management of the created target block in the first operation interface and further improves the efficiency of page generation.

[0133] In some embodiments, before generating page description data based on each target block in the first operation interface and the target fields configured for each target block, the page generation method further includes: changing the position of the target block in the first operation interface in response to the user performing a movement operation on the target block.

[0134] User actions targeting a target block can include one or more clicks, drags, or other actions to change its position on the first interface. When the terminal device detects this action, it changes the target block's position on the first interface. The target block's position on the first interface corresponds to its position on the target page. By changing its position on the first interface, the corresponding area on the target page can be adjusted to achieve the desired layout.

[0135] For example, a user's movement operation on a target block may include clicking and dragging using the cursor in the first operation interface, such as... Figure 4 The block movement control 4 shown can be dragged to the desired position of the target block in the first operation interface and then the drag can be cancelled. This will change the position of the target block in the first operation interface to the position when the drag is cancelled.

[0136] In this embodiment, by responding to the user's movement operation on the target block, the position of the target block in the first operation interface is changed, thereby adjusting the position of the target block in the first operation interface and changing the area corresponding to the target block in the target page. This makes it easier for the user to arrange the position of the target block in the target page in the first operation interface, further improving the efficiency of page generation.

[0137] In some embodiments, reference Figure 19 As shown, before generating page description data based on each target block in the first operation interface and the target fields configured in each target block, the page generation method further includes:

[0138] S900, in response to the user's fifth preset operation on the first operation interface, a target template is generated based on the target blocks generated in the first operation interface and the target fields configured in each target block.

[0139] In step S900, the user can also perform a fifth preset operation on the first operation interface. The fifth preset operation can be one or more clicks, selections, etc., for generating a target template. When the terminal recognizes the fifth preset operation performed by the user, it can generate a target template including each target block and each target field based on the target blocks generated in the current first operation interface and the target fields configured in each target block. The target template can include all the content, attributes, and functions of each target block and each target field.

[0140] S1000 When the user invokes the target template, the target blocks contained in the target template and the target fields configured in each target block are displayed.

[0141] In step S1000, when the user invokes the generated target template by performing a specific operation, the target blocks contained in the target template and the target fields configured in each target block are displayed in the first operation interface. The displayed target blocks and target fields have the same content, attributes and functions as the target blocks and target fields when the target template was generated. The target blocks and target fields can be repeatedly arranged without repeating the creation of target blocks and the configuration of target fields.

[0142] In this embodiment, in response to the user's fifth preset operation on the first operation interface, a target template is generated based on the target blocks generated in the first operation interface and the target fields configured in each target block. When the user calls the target template, the target blocks contained in the target template and the target fields configured in each target block are displayed. This realizes the generation and use of the target template, so that the displayed target blocks and target fields have the same content, attributes and functions as the target blocks and target fields when the target template was generated. This facilitates the repeated arrangement of target blocks and target templates, reduces the generation of redundant code and repetitive operations, and further improves the efficiency of page generation.

[0143] In some embodiments, page description data is generated based on each target block in the first operation interface and the target fields configured in each target block, including: generating page description data based on the JSON-Schema protocol, according to each target block and the target fields configured in each target block.

[0144] When generating page description data based on the target blocks and their configured target fields in the first operation interface, the JSON-Schema protocol can be used to generate page description data corresponding to each target block and its configured target fields. The JSON-Schema protocol is a standard for describing and validating JSON data formats. It possesses complete descriptive capabilities, including component trees, internationalization, and component relationship mapping. The advantages of the JSON-Schema protocol lie in its ability to describe data, its ease of understanding, and its ease of recognition and reading by terminal devices. The protocol provides a unified description of the component tree, including: source code component descriptions; page and block descriptions; data flow descriptions, including data requests, data states, and data binding descriptions; and event descriptions.

[0145] In this embodiment, page description data is generated based on the JSON-Schema protocol, according to each target block and the target fields configured in each target block. By using the JSON-Schema protocol, data can be processed and validated more effectively to generate page description data, such as Schema JSON data, ensuring the accuracy and consistency of the page description data and improving the quality and reliability of the generated target page.

[0146] In some embodiments, reference Figure 20 As shown, in response to a target page access request, the target page is generated based on the page description data, including:

[0147] S410. In response to the target page access request, parse the page description data, obtain the data source corresponding to the target field configured in each target block, and generate the target configuration file according to the data source corresponding to the target field.

[0148] In step S410, as mentioned above, the binding relationship between the target fields configured in each target block and the corresponding data source can be stored in the page description data. Therefore, when the terminal device recognizes the target page access request, it parses the page description data generated according to each target block and the target fields configured in each target block, and can determine the correspondence between the target fields configured in each target block and the data source based on the parsing results.

[0149] Based on the established mapping between the target fields configured in each target block and the data source, the backend server can retrieve the data source (i.e., the original code file) corresponding to the target fields configured in each target block, and generate the corresponding target configuration file based on this data source. The target configuration file can be, for example, a JavaScript (JS) file, which can be used for image rendering on the front end.

[0150] S420: Based on the target configuration file, perform image rendering to obtain the target page.

[0151] In step S420, the generated target configuration file is used by the rendering engine to render images at the nodes where the user accesses the target page, resulting in the target page presented to the user with access needs, thus generating the target page. Since the target configuration file used for image rendering is generated based on the data source corresponding to the target fields configured in each target block, the target page can include the target blocks created by the user through the first preset operation and the target fields configured by the user through the second preset operation, thereby presenting the material content and functions defined by the target blocks and target fields on the target page.

[0152] In this embodiment, in response to a target page access request, the page description data is parsed to obtain the data source corresponding to the target fields configured for each target block. A target configuration file is then generated based on the data source corresponding to the target fields. Finally, image rendering is performed based on the target configuration file to obtain the target page. This achieves the generation of the target page, presenting the material content and functions defined by the target blocks and target fields on the target page, thus realizing a high degree of customization for blocks and fields. By parsing the page description data, the data source corresponding to the target fields configured for each target block can be obtained, and a target configuration file can be generated based on the data source corresponding to the target fields. This realizes the conversion between front-end page design information and back-end original code, enabling the target configuration file to be used for rendering the target page. This ensures that the page generation process has low-code characteristics, avoids the generation of redundant code, and improves the user experience.

[0153] In one exemplary embodiment, a page generation method is provided, referring to... Figure 21 As shown, the page generation methods include:

[0154] S1. In response to the user's third preset operation on the second operation interface, create a preset component;

[0155] S2. In response to the user's fourth preset operation on the second operation interface, add corresponding preset fields to the preset components;

[0156] S3. In response to the user's operation on the block creation control, display multiple component type selection controls;

[0157] S4. In response to the user's selection operation on the component type selection control, display the component selection control of each preset component included in the selected component type;

[0158] S5. In response to the user's selection operation on the component selection control, generate a target block including the selected preset component;

[0159] S6. In response to the user's operation on the field configuration control in the target block, display multiple field selection controls corresponding to the preset components included in the target block;

[0160] S7. In response to the user's selection operation on one or more field selection controls, configure the preset fields corresponding to one or more field selection controls as the target fields corresponding to the target blocks, and bind the target fields configured in each target block to the corresponding data source;

[0161] S8. In response to the user's operation on the functional controls in the target block, display multiple functional option controls;

[0162] S9. In response to the user's selection operation of the function option control, execute the function corresponding to the function option control selected by the user on the target block;

[0163] S10. In response to the user performing a move operation on the target block, change the position of the target block in the first operation interface;

[0164] S11. Based on the JSON-Schema protocol, generate page description data according to each target block and the target fields configured in each target block;

[0165] S12. In response to the target page access request, parse the page description data, obtain the data source corresponding to the target field configured in each target block, and generate the target configuration file according to the data source corresponding to the target field.

[0166] S13. Based on the target configuration file, perform image rendering to obtain the target page.

[0167] In this embodiment, when the user performs a first preset operation and a second preset operation on the first operation interface, a target block is created on the first operation interface, and corresponding target fields are configured for the target block. Page description data can be generated based on each target block in the first operation interface and its configured target fields. When a target page access request is received, the target page can be generated based on the page description data, thus realizing the generation of the target page. By creating target blocks on the first operation interface and making the target blocks correspond to different areas in the target page, fields can be integrated into the blocks, achieving a high degree of customization of blocks and fields. This is suitable for page design scenarios with diversity, complexity, and visualization requirements, reducing redundant code and repetitive operations, and improving the user experience.

[0168] In one exemplary embodiment, a page generation apparatus is provided, referring to... Figure 22 As shown, the page generation device includes a creation module 20, a configuration module 30, a first generation module 40, and a second generation module 50. The creation module 20 is used to create target blocks on the first operation interface in response to a user's first preset operation. The configuration module 30 is used to configure at least one corresponding target field for the target blocks in response to a user's second preset operation on the first operation interface. The first generation module 40 is used to generate page description data based on each target block in the first operation interface and the target fields configured for each target block. The second generation module 50 is used to generate a target page based on the page description data in response to a target page access request, where each target block corresponds to a different area within the target page.

[0169] In this embodiment, when the user performs a first preset operation and a second preset operation on the first operation interface, the creation module 20 creates target blocks on the first operation interface and the shooting module configures corresponding target fields for the target blocks. The first generation module 40 can generate page description data based on each target block in the first operation interface and its configured target fields. When a target page access request is received, the second generation module 50 can generate the target page based on the page description data, thus realizing the generation of the target page. By creating target blocks on the first operation interface and making the target blocks correspond to different areas in the target page, fields can be integrated into the blocks, achieving a high degree of customization of blocks and fields. This is suitable for page design scenarios with diversity, complexity, and visualization requirements, reducing redundant code and repetitive operations, and improving the user experience.

[0170] In one embodiment, the creation module 20 is further configured to: display multiple component type selection controls 5 in response to the user's operation on the block creation control 1; display component selection controls 6 for each preset component included in the selected component type in response to the user's selection operation on the component type selection control 5; and generate a target block including the selected preset component in response to the user's selection operation on the component selection control 6.

[0171] In one embodiment, the component types include any one or more combinations of forms, tables, details, lists, grid cards, maps, charts, calendars, Gantt charts, and Kanban boards.

[0172] In one embodiment, the configuration module 30 is further configured to: in response to the user's operation on the field configuration control 2 in the target block, display multiple field selection controls 7 corresponding to the preset components included in the target block; in response to the user's selection operation on one or more field selection controls 7, configure the preset fields corresponding to one or more field selection controls 7 as the target fields corresponding to the target block, and bind the target fields configured in each target block to the corresponding data source.

[0173] In one embodiment, the page generation device further includes an adding module, which is used to: create a preset component in response to a third preset operation by the user on the second operation interface; and add corresponding preset fields to the preset component in response to a fourth preset operation by the user on the second operation interface.

[0174] In one embodiment, the type of the preset field includes any one or more combinations of text, numbers, attachments, and mapping relationships.

[0175] In one embodiment, the page generation device further includes a functional module, which is used to: display a plurality of functional option controls 13 in response to a user's operation on the functional control 3 in the target block; and execute the function corresponding to the functional option control 13 selected by the user on the target block in response to a user's selection operation on the functional option control 13.

[0176] In one embodiment, the functions corresponding to the function option control 13 include any one or more combinations of editing block titles, enabling drag-and-drop sorting, fixing blocks, setting data range, setting sorting rules, setting the number of displays per page, automatic refresh, connecting data blocks, saving as a template, and deleting blocks.

[0177] In one embodiment, the page generation apparatus further includes a movement module, which is configured to: change the position of the target block in the first operation interface in response to a user performing a movement operation on the target block.

[0178] In one embodiment, the page generation device further includes a template module, which is used to: generate a target template based on the target blocks generated in the first operation interface and the target fields configured in each target block in response to a fifth preset operation by the user on the first operation interface; and display each target block contained in the target template and the target fields configured in each target block when the user calls the target template.

[0179] In one embodiment, the first generation module 40 is further configured to: generate page description data based on the JSON-Schema protocol, according to each target block and the target fields configured in each target block.

[0180] In one embodiment, the second generation module 50 is used to: respond to a target page access request, parse the page description data, obtain the data source corresponding to the target field configured in each target block, and generate a target configuration file according to the data source corresponding to the target field; and perform image rendering based on the target configuration file to obtain the target page.

[0181] In one exemplary embodiment, an electronic device is provided, which may be a terminal device such as a mobile phone or a tablet computer.

[0182] refer to Figure 23 As shown, the electronic device may include one or more of the following components: processing component 101, memory 102, power component 103, multimedia component 104, audio component 105, input / output (I / O) interface 106, sensor component 107, and communication component 108.

[0183] Processing component 101 typically controls the overall operation of an electronic device, such as operations associated with display, telephone calls, data communication, camera operation, and recording. Processing component 101 may include one or more processors 109 to execute instructions to perform all or part of the steps of the methods described above. Furthermore, processing component 101 may include one or more modules to facilitate interaction between processing component 101 and other components. For example, processing component 101 may include a multimedia module to facilitate interaction between multimedia component 104 and processing component 101.

[0184] Memory 102 is configured to store various types of data to support the operation of the electronic device. Examples of such data include instructions for any application or method used to operate on the electronic device, contact data, phonebook data, messages, pictures, videos, etc. Memory 102 can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic storage, flash memory, magnetic disk, or optical disk.

[0185] Power component 103 provides power to various components of the electronic device. Power component 103 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power to the electronic device.

[0186] Multimedia component 104 includes a screen that provides an output interface between the electronic device and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touchscreen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touches, swipes, and gestures on the touch panel. The touch sensors may sense not only the boundaries of touch or swipe actions but also the duration and pressure associated with the touch or swipe operation. In some embodiments, multimedia component 104 includes a front-facing camera and / or a rear-facing camera. When the electronic device is in an operating mode, such as a shooting mode or a video mode, the front-facing camera and / or the rear-facing camera may receive external multimedia data. Each front-facing camera and rear-facing camera may be a fixed optical lens system or have focal length and optical zoom capabilities.

[0187] Audio component 105 is configured to output and / or input audio signals. For example, audio component 105 includes a microphone (MIC) configured to receive external audio signals when the electronic device is in an operating mode, such as call mode, recording mode, and voice recognition mode. The received audio signals may be further stored in memory 102 or transmitted via communication component 108. In some embodiments, audio component 105 also includes a speaker for outputting audio signals.

[0188] I / O interface 106 provides an interface between processing component 101 and peripheral interface modules, such as keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to, home buttons, volume buttons, power buttons, and lock buttons.

[0189] Sensor assembly 107 includes one or more sensors for providing state assessments of various aspects of the electronic device. For example, sensor assembly 107 can detect the on / off state of the electronic device, the relative positioning of components such as the display and keypad of the electronic device, changes in the position of the electronic device or a component of the electronic device, the presence or absence of user contact with the electronic device, the orientation or acceleration / deceleration of the electronic device, and temperature changes of the electronic device. Sensor assembly 107 may include a proximity sensor configured to detect the presence of nearby objects without any physical contact. Sensor assembly 107 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, sensor assembly 107 may also include an accelerometer, a gyroscope, a magnetometer, a pressure sensor, or a temperature sensor.

[0190] Communication component 108 is configured to facilitate wired or wireless communication between electronic devices and other devices. Devices can access wireless networks based on communication standards, such as WiFi, 2G, or 3G, or combinations thereof. In one exemplary embodiment, communication component 108 receives broadcast signals or broadcast-related information from an external broadcast management system via a broadcast channel. In one exemplary embodiment, communication component 108 also includes a near-field communication (NFC) module to facilitate short-range communication. For example, the NFC module may be implemented based on radio frequency identification (RFID) technology, Infrared Data Association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.

[0191] In an exemplary embodiment, the electronic device may be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field-programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors, or other electronic components to perform the page generation method applied to the electronic device described above.

[0192] In one exemplary embodiment, a non-transitory computer-readable storage medium including instructions is also provided, such as a memory 102 including instructions, which can be executed by a processor 109 of an electronic device to perform the page generation method applied to the electronic device described above. For example, the non-transitory computer-readable storage medium may be a ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, and optical data storage device, etc. When the instructions in the storage medium are executed by the processor 109 of the electronic device, the electronic device is able to perform the page generation method shown in the above embodiments.

[0193] Other embodiments of the invention will readily occur to those skilled in the art upon consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of the invention that follow the general principles of the invention and include common knowledge or customary techniques in the art not disclosed herein. The specification and examples are to be considered exemplary only, and the true scope and spirit of the invention are indicated by the following claims.

[0194] It should be understood that the present invention is not limited to the precise structure described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of the invention is limited only by the appended claims.

Claims

1. A page generation method, characterized in that, The page generation method includes: In response to the user's first preset operation on the first operation interface, a target block is created on the first operation interface; In response to a second preset operation by the user on the first operation interface, at least one corresponding target field is configured for the target block; Page description data is generated based on each target block in the first operation interface and the target fields configured in each target block; In response to a target page access request, a target page is generated based on the page description data, and each target block corresponds to a different area in the target page.

2. The page generation method according to claim 1, characterized in that, The step of creating a target block on the first operation interface in response to a user's first preset operation includes: In response to the user's operation on the block creation control, multiple component type selection controls are displayed; In response to the user's selection operation on the component type selection control, the component selection control of each preset component included in the selected component type is displayed; In response to the user's selection operation on the component selection control, the target block including the selected preset component is generated.

3. The page generation method according to claim 2, characterized in that, The component types include any one or more combinations of forms, tables, details, lists, grid cards, maps, charts, calendars, Gantt charts, and Kanban boards.

4. The page generation method according to claim 2, characterized in that, The step of configuring at least one corresponding target field for the target block in response to a second preset operation by the user on the first operation interface includes: In response to the user's operation on the field configuration control in the target block, multiple field selection controls corresponding to the preset components included in the target block are displayed; In response to a user's selection operation on one or more of the field selection controls, the preset fields corresponding to the one or more field selection controls are configured as the target fields corresponding to the target blocks, and the target fields configured in each target block are bound to the corresponding data source.

5. The page generation method according to claim 4, characterized in that, The page generation method further includes: In response to a user's third preset operation on the second operation interface, the preset component is created; In response to the user's fourth preset operation on the second operation interface, the corresponding preset field is added to the preset component.

6. The page generation method according to claim 5, characterized in that, The types of the preset fields include text, numbers, attachments, and any combination of one or more mapping relationships.

7. The page generation method according to any one of claims 1 to 6, characterized in that, Before generating page description data based on each target block in the first operation interface and the target fields configured in each target block, the page generation method further includes: In response to user actions on the functional controls in the target block, multiple functional option controls are displayed; In response to the user's selection operation of the function option control, the function corresponding to the function option control selected by the user is executed on the target block.

8. The page generation method according to claim 7, characterized in that, The functions corresponding to the function option control include any one or more combinations of the following: edit block title, enable drag-and-drop sorting, fix block, set data range, set sorting rules, set number of items displayed per page, automatic refresh, connect data blocks, save as template, and delete block.

9. The page generation method according to any one of claims 1 to 6, characterized in that, Before generating page description data based on each target block in the first operation interface and the target fields configured in each target block, the page generation method further includes: In response to a user performing a movement operation on the target block, the position of the target block in the first operation interface is changed.

10. The page generation method according to any one of claims 1 to 6, characterized in that, Before generating page description data based on each target block in the first operation interface and the target fields configured in each target block, the page generation method further includes: In response to the user's fifth preset operation on the first operation interface, a target template is generated based on the target blocks generated in the first operation interface and the target fields configured in each target block; When a user invokes the target template, the target blocks contained in the target template and the target fields configured in each target block are displayed.

11. The page generation method according to any one of claims 1 to 6, characterized in that, The step of generating page description data based on each target block in the first operation interface and the target fields configured in each target block includes: Based on the JSON-Schema protocol, the page description data is generated according to each target block and the target fields configured in each target block.

12. The page generation method according to any one of claims 1 to 6, characterized in that, The step of generating a target page in response to a target page access request, based on the page description data, includes: In response to the target page access request, the page description data is parsed, the data source corresponding to the target field configured in each target block is obtained, and a target configuration file is generated according to the data source corresponding to the target field. Based on the target configuration file, image rendering is performed to obtain the target page.

13. A page generation apparatus, characterized in that, The page generation device includes: A creation module is used to create a target block on the first operation interface in response to a user's first preset operation on the first operation interface. The configuration module is configured to, in response to a second preset operation by the user on the first operation interface, configure at least one corresponding target field for the target block; A first generation module is configured to generate page description data based on each target block in the first operation interface and the target fields configured in each target block. The second generation module is used to generate a target page based on the page description data in response to a target page access request, wherein each target block corresponds to a different area in the target page.

14. An electronic device, characterized in that, The electronic device includes: processor; Memory used to store processor-executable instructions; The processor is configured to perform the page generation method as described in any one of claims 1 to 12.

15. A non-transitory computer-readable storage medium, characterized in that, When the instructions in the storage medium are executed by the processor of the electronic device, the electronic device is able to perform the page generation method as described in any one of claims 1 to 12.

Images