Page generation method and device, electronic equipment and storage medium
By obtaining and numbering component attributes and relative position attributes, and generating database files, the problem of page generation relying on network and cloud storage is solved, and efficient and flexible complex interface generation is achieved.
Patent Information
- Application Number
- CN202510617721.5
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-05-14
- Publication Date
- 2025-08-15
AI Technical Summary
In the prior art, page generation depends on network and cloud storage, which has poor real-time and insufficient flexibility, making it difficult to meet the needs of localized and rapid generation of complex pages.
By obtaining the target form, counting and numbering components, determining component attributes and relative position attributes, generating component tables and relationship tables, forming database files, and using the target terminal to parse the generated page.
It realizes efficient and flexible generation of complex interfaces, strong scenario applicability, and solves the problems of poor real-time and insufficient flexibility.
Smart Images
Figure CN120491961A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of vehicles, and in particular to a page generation method, device, electronic device and storage medium. Background Art
[0002] With the rapid development of mobile Internet and Internet of Things technologies, the interactive interface requirements of embedded devices such as car systems and smart terminals are becoming increasingly complex. The diversification of device sizes and frequent iterations of UI design have put higher demands on page generation efficiency.
[0003] Related technologies rely on a centralized cloud-based architecture to implement page design, component storage, and logical operations, and to achieve dynamic page management. However, these technologies have problems such as strong cloud-based dependence, difficulty in adapting to complex layouts, high maintenance costs, and insufficient localization capabilities. Summary of the Invention
[0004] The present application provides a page generation method, device, electronic device and storage medium to solve the problem that dynamic page generation relies on the network and cloud storage, has poor real-time performance, insufficient flexibility, and is difficult to meet the needs of localized rapid generation of complex pages. It can generate complex interfaces efficiently and flexibly and has strong scenario applicability.
[0005] The first embodiment of the present application provides a page generation method, comprising the following steps:
[0006] Get the target form;
[0007] Counting all components in the target form, numbering all components in a preset order to obtain a sequence number for each component, and determining component attributes and relative position attributes for each component;
[0008] Generate a component table according to the serial number and component attributes of each component, generate a component relationship table according to the serial number and relative position attributes of each component, and generate a database file according to the component table and the component relationship table;
[0009] The target terminal is used to parse the database file and generate a target page.
[0010] Optionally, in some embodiments, before obtaining the target form, the process includes:
[0011] Obtain user design requirements;
[0012] The target form is generated according to the design requirements using a preset visual form design tool.
[0013] Optionally, in some embodiments, after generating a component table according to the serial number and component attributes of each component, and generating a component relationship table according to the serial number and relative position attributes of each component, the method further includes:
[0014] Determining whether the component table and the component relationship table meet preset screen adaptation rules;
[0015] If the component table or the component relationship table does not meet the preset screen adaptation rule, a correction reminder instruction is generated, and a correction reminder is performed based on the correction reminder instruction.
[0016] Optionally, in some embodiments, the component attributes include at least one of component type, size, color, and font size.
[0017] Optionally, in some embodiments, the relative position attributes include: left to left, right to right, top to top, bottom to bottom and at least one of left margin, top margin, right margin and bottom margin.
[0018] A second embodiment of the present application provides a page generation device, including:
[0019] Acquisition module, used to obtain the target form;
[0020] A statistics module is used to count all components in the target form, and number all components in a preset order to obtain a sequence number of each component, and determine the component attributes and relative position attributes of each component;
[0021] A first generating module is configured to generate a component table according to the serial number and component attributes of each component, generate a component relationship table according to the serial number and relative position attributes of each component, and generate a database file according to the component table and the component relationship table;
[0022] The second generating module is used to parse the database file using the target terminal to generate a target page.
[0023] Optionally, in some embodiments, before obtaining the target form, the obtaining module includes:
[0024] An acquisition unit, used to obtain the user's design requirements;
[0025] The generating unit is configured to generate the target form according to the design requirements by using a preset visual form design tool.
[0026] Optionally, in some embodiments, after generating a component table according to the serial number and component attributes of each component, and generating a component relationship table according to the serial number and relative position attributes of each component, the first generating module includes:
[0027] A judging unit, configured to judge whether the component table and the component relationship table satisfy a preset screen adaptation rule;
[0028] The reminder unit is used to generate a correction reminder instruction when the component table or the component relationship table does not meet the preset screen adaptation rules, and to perform a correction reminder based on the correction reminder instruction.
[0029] Optionally, in some embodiments, the component attributes include at least one of component type, size, color, and font size.
[0030] Optionally, in some embodiments, the relative position attributes include: left to left, right to right, top to top, bottom to bottom and at least one of left margin, top margin, right margin and bottom margin.
[0031] The third aspect of the present application provides an electronic device, comprising: a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the program to implement the page generation method as described in the above embodiment.
[0032] A fourth aspect of the present application provides a computer-readable storage medium on which a computer program is stored. The program is executed by a processor to implement the page generation method as described in the above embodiment.
[0033] Thus, by obtaining the target form and counting all components in the target form, and numbering all components in a preset order to obtain the serial number of each component, the component attributes and relative position attributes of each component are determined, and a component table is generated based on the serial number and component attributes of each component, and a component relationship table is generated based on the serial number and relative position attributes of each component. A database file is generated based on the component table and the component relationship table, and the database file is parsed using the target terminal to generate the target page. This solves the problem that page generation relies on the network and cloud storage, has poor real-time performance, lacks flexibility, and is difficult to meet the needs of localized rapid generation of complex pages. Complex interfaces can be generated efficiently and flexibly, and are highly applicable to different scenarios.
[0034] Additional aspects and advantages of the present application will be given in part in the description below, and in part will become apparent from the description below, or will be learned through practice of the present application. BRIEF DESCRIPTION OF THE DRAWINGS
[0035] The above and / or additional aspects and advantages of the present application will become apparent and easily understood from the following description of the embodiments in conjunction with the accompanying drawings, in which:
[0036] Figure 1 A flowchart of a page generation method provided according to an embodiment of the present application;
[0037] Figure 2 A schematic diagram of a page table, a component table, and a component relationship table provided according to one embodiment of the present application;
[0038] Figure 3 A schematic diagram of a parsed component table and a component relationship table provided according to one embodiment of the present application;
[0039] Figure 4 A schematic diagram of the principle of a page generation method provided according to an embodiment of the present application;
[0040] Figure 5 A schematic diagram of a target form provided according to one embodiment of the present application;
[0041] Figure 6 A schematic diagram of numbers provided according to one embodiment of the present application;
[0042] Figure 7 A schematic diagram of determining the properties of component No. 1 and the properties of component relationships according to one embodiment of the present application;
[0043] Figure 8 A schematic diagram of determining the properties of component No. 2 and the properties of component relationships according to one embodiment of the present application;
[0044] Figure 9 Schematic diagram of a page generation device according to an embodiment of the present application;
[0045] Figure 10 A schematic diagram of the structure of an electronic device provided according to an embodiment of the present application. DETAILED DESCRIPTION
[0046] The following describes in detail embodiments of the present application. Examples of the embodiments are shown in the accompanying drawings, wherein the same or similar reference numerals throughout represent the same or similar elements or elements having the same or similar functions. The embodiments described below with reference to the accompanying drawings are exemplary and are intended to be used to explain the present application, and should not be construed as limiting the present application.
[0047] The following describes a page generation method, device, electronic device, and storage medium according to an embodiment of the present application with reference to the accompanying drawings. In response to the problem mentioned in the background art that page generation relies on the network and cloud storage, has poor real-time performance, insufficient flexibility, and is difficult to meet the needs of localized rapid generation of complex pages, the present application provides a page generation method, in which a target form is obtained, all components in the target form are counted, and all components are numbered in a preset order to obtain the serial number of each component, the component attributes and relative position attributes of each component are determined, and a component table is generated based on the serial number and component attributes of each component, and a component relationship table is generated based on the serial number and relative position attributes of each component, a database file is generated based on the component table and the component relationship table, and the database file is parsed using the target terminal to generate the target page. Thus, the problem that page generation relies on the network and cloud storage, has poor real-time performance, insufficient flexibility, and is difficult to meet the needs of localized rapid generation of complex pages is solved, and complex interfaces can be generated efficiently and flexibly, with strong scenario applicability.
[0048] Specifically, Figure 1 A flowchart of a page generation method provided in an embodiment of the present application.
[0049] like Figure 1 As shown, the page generation method includes the following steps:
[0050] In step S101 , a target form is acquired.
[0051] Optionally, in some embodiments, before obtaining the target form, the process includes: obtaining the user's design requirements; and generating the target form according to the design requirements using a preset visual form design tool.
[0052] Specifically, the embodiments of the present application can understand the user's design requirements, for example, including the layout of the form, component type, style, interaction logic, etc. For example, the system can interact with the user through the user interface (UI) to collect the user's design requirements. For example, the user can select the component type (such as button, text box, picture, etc.) through the preset visual tool, set the properties of the component (such as size, color, position, etc.), and define the relationship between the components (such as alignment, spacing, etc.). The user can design the components through the preset visual tool and set the properties for each component to dynamically generate the target form.
[0053] In step S102, all components in the target form are counted, and all components are numbered according to a preset sequence to obtain a sequence number of each component, and the component attributes and relative position attributes of each component are determined.
[0054] The component attributes include: at least one of component type, size, color and font size; the relative position attributes include: left to left, right to right, top to top, bottom to bottom and at least one of left margin, top margin, right margin and bottom margin; the preset order includes from top to bottom, from left to right, etc. Preferably, the preset order is from top to bottom.
[0055] Specifically, after obtaining the target form, the system determines all components contained in the form. For example, if a user uses a preset visual form design tool to drag components onto the design interface to build the target form, the system will automatically identify and count all components in the target form. The system then assigns a unique serial number to each component so that it can be accurately referenced and managed in subsequent steps. The system assigns serial numbers to each component from top to bottom based on the order in which the components are arranged in the form. For example, the first component added to the form is assigned serial number 1, the second component is assigned serial number 2, and so on.
[0056] During the actual execution process, the embodiment of the present application arranges the components in the target form according to the preset constraint layout and adds component relationship attributes to each component. The specific attributes are L2L, R2R, T2T, B2B, LM, TM, RM, and BM, which are four position relationships of left to left, right to right, top to top, and bottom to bottom, and four distances of left margin, top margin, right margin, and bottom margin.
[0057] In step S103, a component table is generated according to the serial number and component attributes of each component, a component relationship table is generated according to the serial number and relative position attributes of each component, and a database file is generated according to the component table and the component relationship table.
[0058] For example, as shown in Figure 2, users define properties (such as width, height, color, and font size) for each component through a preset visual design tool. For example: Component A: Type = Text Box, Width = 200px, Height = 40px, Color = Black, Font Size = 14pt; Component B: Type = Button, Width = 100px, Height = 30px, Color = White, Background Color = Blue. A unique serial number is assigned to each component in the preset order (e.g., Component A → 1, Component B → 2). The serial number is used to uniquely identify the component, and an association is established in the relationship table, mapping the component properties and serial number to the component table.
[0059] In addition, users define the constraint relationship between components through visual tools, for example: the left side of component B is aligned with the right side of component A (R2L=1, LM=10); the top of component C is aligned with the top of the parent layout (T2T=P, TM=20). The relative position relationship includes position relationship attributes and margin attributes. Position relationship attributes such as L2L (left to left), R2R (right to right), T2T (top to top), B2B (bottom to bottom), the value can be P (Parent, parent layout) or the serial number of other components (such as L2L=2 means left alignment of component 2). Margin attributes such as LM (left margin), TM (top margin), RM (right margin), BM (bottom margin), the value is a specific pixel or ratio (such as LM=10 or LM=0.3W), and the relative position relationship and serial number are mapped to the component relationship table, and the component table and component relationship table are merged into a local database file.
[0060] During the actual execution process, the storage engine stores the components and their properties in the component table and component relationship table respectively, and finally generates a DB database file together with other properties of the components, such as background image, text color, font size, etc.
[0061] Optionally, in some embodiments, after generating a component table based on the serial number and component attributes of each component, and generating a component relationship table based on the serial number and relative position attributes of each component, it includes: judging whether the component table and the component relationship table meet the preset screen adaptation rules; if the component table or the component relationship table does not meet the preset screen adaptation rules, generating a correction reminder instruction, and performing a correction reminder based on the correction reminder instruction.
[0062] Specifically, in order to ensure that the generated form can be correctly displayed on devices with different screen sizes and resolutions, and to avoid component layout errors or incomplete display, the embodiment of the present application can preset screen adaptation rules, which define the layout requirements of components under different screen sizes. For example: the minimum width and height requirements of the component, the minimum spacing requirements between components, the rationality of the component alignment, whether the component can exceed the screen boundary, whether the component can overlap, etc., then traverse the component table to check whether the width, height and position of each component meet the preset screen adaptation rules, and traverse the component relationship table to check whether the relative position relationship between the components will cause layout problems (such as overlapping or exceeding the screen boundary). If the component table or the component relationship table does not meet the preset screen adaptation rules, the system needs to remind the user to make corrections to avoid abnormal display of the page on certain devices.
[0063] In step S104, the database file is parsed using the target terminal to generate a target page.
[0064] Among them, the target terminal can be an Android terminal.
[0065] Specifically, combined Figure 3 As shown, the embodiment of the present application reads the DB database file through the target Android device, parses out the components and the relationship between the components respectively to obtain the target page. For example, the Android device is connected to the USB flash drive containing the DB database file, or is copied to the Android device. The program running on the Android device can dynamically parse the DB database file, define the relationship between components, and use constraint layout to achieve the purpose of accurately generating dynamic pages.
[0066] In order to enable relevant technical personnel in this field to further understand the page generation method of the embodiment of the present application, it is described in detail below with reference to specific embodiments.
[0067] like Figure 4 As shown, Figure 4 A schematic diagram of the principles of the page generation method provided in an embodiment of the present application.
[0068] like Figure 5 As shown, first get the target form, then, as Figure 6 As shown, in a preset order, such as setting a serial number for each component from top to bottom, then, as shown Figure 7 As shown, determine the properties of each component, including width, height, relative properties, and spacing.
[0069] It should be noted that: W / H: The width (Width) and height (Height) of the component, used to define the component size.
[0070] L2L, R2R, T2T, B2B: Alignment between components, indicating the relative position relationship between the current component and the target component (or parent layout):
[0071] L2L: The left edge of the current component is aligned with the left edge of the target component (or the left edge of the parent layout).
[0072] R2R: The right edge of the current component is aligned with the right edge of the target component (or the right edge of the parent layout).
[0073] T2T: The top edge of the current component is aligned with the top edge of the target component (or the top edge of the parent layout).
[0074] B2B: The bottom edge of the current component is aligned with the bottom edge of the target component (or the bottom edge of the parent layout).
[0075] LM / RM / TM / BM: The margin between the component and the target component (or parent layout), indicating the distance between the current component and the target component in a certain direction:
[0076] LM: The distance between the left edge of the current component and the left edge of the target component (or the left edge of the parent layout).
[0077] RM: The distance between the right edge of the current component and the right edge of the target component (or the right edge of the parent layout).
[0078] TM: The distance between the top edge of the current component and the top edge of the target component (or the top edge of the parent layout).
[0079] BM: The distance between the bottom edge of the current component and the bottom edge of the target component (or the bottom edge of the parent layout).
[0080] For example: L2L=P LM=10, which means left-aligning the parent layout and having a margin of 10.
[0081] L2L=1LM=20, which means left alignment with 1 and a margin of 10.
[0082] like Figure 7 and Figure 8 As shown, blocks 1 and 2 are located respectively, and by analogy, blocks 3, 4, and 5 can be located.
[0083] The embodiment of the present application fills in the component relationship table according to the attributes of the relative position set in the target form, generates a database file based on the component table and the component relationship table, and exports the database file and uploads it to the cloud, or copies it through a storage device and installs it offline to the Android device. The Android device parses the db file and renders the target page through the page table, component table, and component relationship table.
[0084] According to the page generation method of the embodiment of the present application, by obtaining a target form and counting all components in the target form, and numbering all components in a preset order to obtain the serial number of each component, the component attributes and relative position attributes of each component are determined, and a component table is generated based on the serial number and component attributes of each component, and a component relationship table is generated based on the serial number and relative position attributes of each component, a database file is generated based on the component table and the component relationship table, and the database file is parsed using the target terminal to generate the target page. In this way, the problem that page generation relies on the network and cloud storage, has poor real-time performance, insufficient flexibility, and is difficult to meet the needs of localized rapid generation of complex pages is solved, and complex interfaces can be generated efficiently and flexibly, with strong scenario applicability.
[0085] Next, a page generating device according to an embodiment of the present application will be described with reference to the accompanying drawings.
[0086] Figure 9 It is a block diagram of a page generating device according to an embodiment of the present application.
[0087] like Figure 9 As shown, the page-based generating device 10 includes: an acquisition module 100 , a statistics module 200 , a first generating module 300 , and a second generating module 400 .
[0088] The acquisition module 100 is used to acquire the target form.
[0089] The counting module 200 is used to count all components in the target form, and number all components according to a preset sequence to obtain a sequence number of each component, and determine the component attributes and relative position attributes of each component.
[0090] The first generating module 300 is used to generate a component table according to the serial number and component attributes of each component, generate a component relationship table according to the serial number and relative position attributes of each component, and generate a database file according to the component table and the component relationship table.
[0091] The second generating module 400 is configured to utilize a target terminal to parse a database file and generate a target page.
[0092] Optionally, in some embodiments, before obtaining the target form, the obtaining module 100 includes: an obtaining unit and a generating unit.
[0093] The acquisition unit is used to obtain the user's design requirements.
[0094] The generation unit is used to generate a target form according to design requirements using a preset visual form design tool.
[0095] Optionally, in some embodiments, after generating a component table according to the serial number and component attributes of each component and generating a component relationship table according to the serial number and relative position attributes of each component, the first generating module 300 includes: a judgment unit and a reminder unit.
[0096] The judging unit is used to judge whether the component table and the component relationship table meet the preset screen adaptation rules.
[0097] The reminder unit is used to generate a correction reminder instruction when the component table or the component relationship table does not meet the preset screen adaptation rules, and to perform a correction reminder based on the correction reminder instruction.
[0098] Optionally, in some embodiments, the component attributes include at least one of component type, size, color, and font size.
[0099] Optionally, in some embodiments, the relative position attribute includes: left to left, right to right, top to top, bottom to bottom and at least one of left margin, top margin, right margin and bottom margin.
[0100] It should be noted that the above explanations of the embodiment of the page generation method are also applicable to the page generation device of this embodiment, and will not be repeated here.
[0101] According to the page generation device of the embodiment of the present application, by obtaining a target form, counting all components in the target form, and numbering all components in a preset order to obtain the serial number of each component, the component attributes and relative position attributes of each component are determined, and a component table is generated based on the serial number and component attributes of each component, and a component relationship table is generated based on the serial number and relative position attributes of each component, a database file is generated based on the component table and the component relationship table, and the database file is parsed using the target terminal to generate the target page. In this way, the problem that page generation relies on the network and cloud storage, has poor real-time performance, insufficient flexibility, and is difficult to meet the needs of localized rapid generation of complex pages is solved, and complex interfaces can be generated efficiently and flexibly, with strong scenario applicability.
[0102] Figure 10 This is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application. The electronic device may include:
[0103] A memory 1001 , a processor 1002 , and a computer program stored in the memory 1001 and executable on the processor 1002 .
[0104] When the processor 1002 executes the program, the page generation method provided in the above embodiment is implemented.
[0105] Furthermore, the electronic device further includes:
[0106] The communication interface 1003 is used for communication between the memory 1001 and the processor 1002 .
[0107] The memory 1001 is used to store computer programs that can be run on the processor 1002 .
[0108] The memory 1001 may include a high-speed RAM memory, and may also include a non-volatile memory (non-volatile memory), such as at least one disk memory.
[0109] If the memory 1001, the processor 1002, and the communication interface 1003 are implemented independently, the communication interface 1003, the memory 1001, and the processor 1002 can be connected to each other via a bus and communicate with each other. The bus can be an Industry Standard Architecture (ISA) bus, a Peripheral Component Interconnect (PCI) bus, or an Extended Industry Standard Architecture (EISA) bus. The bus can be divided into an address bus, a data bus, a control bus, etc. For ease of representation, Figure 10Only one thick line is used in the diagram, but this does not mean that there is only one bus or one type of bus.
[0110] Optionally, in a specific implementation, if the memory 1001, the processor 1002 and the communication interface 1003 are integrated on a chip, the memory 1001, the processor 1002 and the communication interface 1003 can communicate with each other through an internal interface.
[0111] The processor 1002 may be a central processing unit (CPU), an application specific integrated circuit (ASIC), or one or more integrated circuits configured to implement the embodiments of the present application.
[0112] An embodiment of the present application further provides a computer-readable storage medium having a computer program stored thereon, which implements the above page generation method when executed by a processor.
[0113] In the description of this specification, the description with reference to the terms "one embodiment", "some embodiments", "example", "specific example", or "some examples" means that the specific features, structures, materials or characteristics described in conjunction with the embodiment or example are included in at least one embodiment or example of the present application. In this specification, the schematic representations of the above terms do not necessarily refer to the same embodiment or example. Moreover, the specific features, structures, materials or characteristics described can be combined in any one or N embodiments or examples in a suitable manner. In addition, those skilled in the art can combine and combine different embodiments or examples described in this specification and features of different embodiments or examples without contradiction.
[0114] Furthermore, the terms "first" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of the technical features being referred to. Thus, a feature defined as "first" or "second" may explicitly or implicitly include at least one of such features. Throughout the description of this application, "plurality" means at least two, for example, two, three, etc., unless otherwise specifically defined.
[0115] Although the embodiments of the present application have been shown and described above, it can be understood that the above embodiments are exemplary and cannot be understood as limitations on the present application. Ordinary technicians in this field can change, modify, replace and modify the above embodiments within the scope of the present application.
Claims
1. A page generation method, characterized in that: The following steps are involved: Get the target form; Counting all components in the target form, numbering all components in a preset order to obtain a sequence number for each component, and determining component attributes and relative position attributes for each component; Generate a component table according to the serial number and component attributes of each component, generate a component relationship table according to the serial number and relative position attributes of each component, and generate a database file according to the component table and the component relationship table; The target terminal is used to parse the database file and generate a target page.
2. The method according to claim 1, characterized in that Before getting the target form, include: Obtain user design requirements; The target form is generated according to the design requirements using a preset visual form design tool.
3. The method according to claim 1, characterized in that After generating a component table according to the serial number and component attributes of each component, and generating a component relationship table according to the serial number and relative position attributes of each component, the method includes: Determining whether the component table and the component relationship table meet preset screen adaptation rules; If the component table or the component relationship table does not meet the preset screen adaptation rule, a correction reminder instruction is generated, and a correction reminder is performed based on the correction reminder instruction.
4. The method according to claim 1, wherein The component attributes include: at least one of component type, size, color and font size.
5. The method according to claim 1, wherein The relative position attributes include: left to left, right to right, top to top, bottom to bottom, and at least one of left margin, top margin, right margin, and bottom margin.
6. A page generating device, characterized in that: include: Acquisition module, used to obtain the target form; A statistics module is used to count all components in the target form, and number all components in a preset order to obtain a sequence number of each component, and determine the component attributes and relative position attributes of each component; A first generating module is configured to generate a component table according to the serial number and component attributes of each component, generate a component relationship table according to the serial number and relative position attributes of each component, and generate a database file according to the component table and the component relationship table; The second generating module is used to parse the database file using the target terminal to generate a target page.
7. The device according to claim 6, characterized in that Before obtaining the target form, the obtaining module includes: An acquisition unit, used to obtain the user's design requirements; The generating unit is configured to generate the target form according to the design requirements by using a preset visual form design tool.
8. The device according to claim 6, characterized in that After generating a component table according to the serial number and component attributes of each component, and generating a component relationship table according to the serial number and relative position attributes of each component, the first generating module includes: A judging unit, configured to judge whether the component table and the component relationship table satisfy a preset screen adaptation rule; The reminder unit is used to generate a correction reminder instruction when the component table or the component relationship table does not meet the preset screen adaptation rules, and to perform a correction reminder based on the correction reminder instruction.
9. An electronic device, characterized in that: include: A memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the program to implement the page generation method according to any one of claims 1 to 5.
10. A computer-readable storage medium having a computer program stored thereon, characterized in that: The program is executed by a processor to implement the page generation method according to any one of claims 1 to 5.