Page rendering method and device, computer device and storage medium

Abstract

The application relates to a page rendering method and device, computer equipment, a storage medium and a computer program product. The method comprises the following steps: responding to a request operation of a target page; if the page configuration information of the target page is stored locally, parsing the page configuration information to obtain the style configuration information of each page block of the target page; obtaining the dataset number of the page block, the dataset number of the page block being determined in advance by a user terminal; calling a dataset access interface to send the dataset number of each page block to a server, querying a dataset table according to the dataset number by the server to obtain a query statement and a data source type, accessing a database according to the data source type and the query statement to obtain target data of each page block, and rendering each page block according to the style configuration information of each page block of the target page and the target data to display the target page. The method adjusts the page data source through the terminal and provides a convenient page updating mode.

Description

Technical Field

[0001] This application relates to the field of Internet technology, and in particular to a page rendering method, apparatus, computer equipment, storage medium, and computer program product. Background Technology

[0002] With the rapid development of internet front-end technologies, the update and iteration speed of front-end HTML5 pages has significantly increased, and users' demands for the efficiency of system interface and data source updates have also risen significantly. This places higher demands on the timely updates of front-end pages.

[0003] Traditional page update methods involve developers modifying the page code, running tests locally, building and packaging the page for further verification in the test environment, and finally submitting it for release to the production environment. Once verification is successful, the page is made available to users, completing the page update process. This method is cumbersome and complex. Summary of the Invention

[0004] Therefore, it is necessary to provide a page rendering method, apparatus, computer device, computer-readable storage medium, and computer program product that can conveniently realize page updates, addressing the aforementioned technical problems.

[0005] Firstly, this application provides a page rendering method. The method includes:

[0006] Responding to a request for an action on the target page;

[0007] If the page configuration information of the target page is stored locally, then the page configuration information is parsed to obtain the style configuration information of each page block of the target page;

[0008] Obtain the dataset number of the page block, which is predetermined by the user terminal;

[0009] The dataset access interface is called to send the dataset number of each page block to the server. The server queries the dataset table based on the dataset number to obtain the query statement and data source type. Based on the data source type and the query statement, the database is accessed to obtain the target data of each page block, and the target data is returned to the user terminal through the dataset access interface.

[0010] Based on the style configuration information of each page block of the target page and the target data, render each page block to display the target page.

[0011] In one embodiment, if the page configuration information of the target page is not stored locally, the page parameter access interface is called to retrieve the page configuration information from the database and store it locally.

[0012] The steps of parsing the page configuration information to obtain the style configuration information of each page block of the target page, and subsequent steps, are performed to complete the rendering of the target page.

[0013] In one embodiment, the method further includes:

[0014] In the page editing interface, in response to the style adjustment instruction for the target page object in the target page, the style adjustment parameters of the target page object are obtained;

[0015] If the target page object is a page card, then the target page block to which the target page object belongs is determined;

[0016] Based on the style adjustment parameters of the target page object, update the style configuration information of the target page block in the local page configuration information.

[0017] In another embodiment, if the target page object is a page block, the style configuration information of the page block in the local page configuration information is updated according to the style adjustment parameters of the target page object.

[0018] In another embodiment, in the page editing interface, obtaining the style adjustment parameters of the target page object in response to a style adjustment instruction for a target page object on the target page includes:

[0019] The target page is displayed in the page editing interface;

[0020] Retrieve the selected target page from the target page;

[0021] In response to a dragging action on the target page object, style adjustment parameters of the target page object are obtained, including position parameters of the target page object.

[0022] In another embodiment, in the page editing interface, obtaining the style adjustment parameters of the target page object in response to a style adjustment instruction for a target page object on the target page includes:

[0023] The target page is displayed in the page editing interface;

[0024] When a style adjustment instruction for the target page object is received, the style editing interface is displayed;

[0025] The style adjustment parameters of the target page object can be obtained through the style editing interface.

[0026] In another embodiment, the method further includes:

[0027] In the page editing interface, in response to the data adjustment instruction for the target page block in the target page, the dataset number of the specified target block is obtained;

[0028] Update the dataset number of the target page block in local storage.

[0029] Secondly, this application also provides a page rendering apparatus. The apparatus includes:

[0030] The request response module is used to respond to requests to the target page.

[0031] The parsing module is used to parse the page configuration information of the target page if the page configuration information of the target page is stored locally, and obtain the style configuration information of each page block of the target page.

[0032] The data acquisition module is used to acquire the dataset number of the page block, which is predetermined by the user terminal; and to call the dataset access interface to send the dataset number of each page block to the server. The server queries the dataset table based on the dataset number to obtain the query statement and data source type. Based on the data source type and the query statement, the server accesses the database to obtain the target data of each page block, and returns the target data to the user terminal through the dataset access interface.

[0033] The rendering module is used to render each page block to display the target page based on the style configuration information of each page block of the target page and the target data.

[0034] Thirdly, this application also provides a computer device. The computer device includes a memory and a processor, the memory storing a computer program, and the processor executing the computer program to perform the following steps:

[0035] Responding to a request for an action on the target page;

[0036] If the page configuration information of the target page is stored locally, then the page configuration information is parsed to obtain the style configuration information of each page block of the target page;

[0037] Obtain the dataset number of the page block, which is predetermined by the user terminal;

[0038] The dataset access interface is called to send the dataset number of each page block to the server. The server queries the dataset table based on the dataset number to obtain the query statement and data source type. Based on the data source type and the query statement, the database is accessed to obtain the target data of each page block, and the target data is returned to the user terminal through the dataset access interface.

[0039] Based on the style configuration information of each page block of the target page and the target data, render each page block to display the target page.

[0040] Fourthly, this application also provides a computer-readable storage medium. The computer-readable storage medium stores a computer program thereon, which, when executed by a processor, performs the following steps:

[0041] Responding to a request for an action on the target page;

[0042] If the page configuration information of the target page is stored locally, then the page configuration information is parsed to obtain the style configuration information of each page block of the target page;

[0043] Obtain the dataset number of the page block, which is predetermined by the user terminal;

[0044] The dataset access interface is called to send the dataset number of each page block to the server. The server queries the dataset table based on the dataset number to obtain the query statement and data source type. Based on the data source type and the query statement, the database is accessed to obtain the target data of each page block, and the target data is returned to the user terminal through the dataset access interface.

[0045] Based on the style configuration information of each page block of the target page and the target data, render each page block to display the target page.

[0046] Fifthly, this application also provides a computer program product. The computer program product includes a computer program that, when executed by a processor, performs the following steps:

[0047] Responding to a request for an action on the target page;

[0048] If the page configuration information of the target page is stored locally, then the page configuration information is parsed to obtain the style configuration information of each page block of the target page;

[0049] Obtain the dataset number of the page block, which is predetermined by the user terminal;

[0050] The dataset access interface is called to send the dataset number of each page block to the server. The server queries the dataset table based on the dataset number to obtain the query statement and data source type. Based on the data source type and the query statement, the database is accessed to obtain the target data of each page block, and the target data is returned to the user terminal through the dataset access interface.

[0051] Based on the style configuration information of each page block of the target page and the target data, render each page block to display the target page.

[0052] The aforementioned page rendering method, apparatus, computer equipment, storage medium, and computer program product differ from traditional page rendering methods. They utilize page blocks as units, each with a corresponding dataset number. The target data for each page block is retrieved from the server using the dataset number. Based on the target data and style configuration information of each page block, the page is rendered and displayed accordingly. Because the user terminal can access the database to obtain the target data by calling the dataset number to retrieve the corresponding data source query statement and data source type, even if the user terminal adjusts the data source of a page block, the corresponding target data can still be obtained through the dataset number, making it possible for the user terminal to adjust the page's data source. Therefore, this page block rendering method allows for adjustments to the page's data source through the user terminal, providing a convenient way to update pages. Attached Figure Description

[0053] Figure 1 This is an application environment diagram of a page rendering method in one embodiment;

[0054] Figure 2 This is a flowchart illustrating a page rendering method in one embodiment;

[0055] Figure 3 This is a flowchart illustrating the steps of parsing page configuration information in one embodiment;

[0056] Figure 4 This is a flowchart illustrating the steps of obtaining target data by acquiring a set number in one embodiment;

[0057] Figure 5 This is a flowchart illustrating the page rendering method in another embodiment;

[0058] Figure 6 This is a flowchart illustrating the process of updating style configuration information in one embodiment.

[0059] Figure 7 This is a schematic diagram illustrating the operation of updating style configuration in one embodiment;

[0060] Figure 8 for Figure 7 A schematic diagram of the adjusted style;

[0061] Figure 9 This is a schematic diagram illustrating the operation of adjusting style configuration in another embodiment;

[0062] Figure 10 This is a structural block diagram of a page rendering apparatus in one embodiment;

[0063] Figure 11 This is an internal structural diagram of a computer device in one embodiment. Detailed Implementation

[0064] To make the objectives, technical solutions, and advantages of this application clearer, the following detailed description is provided in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative and not intended to limit the scope of this application.

[0065] The page rendering method provided in this application embodiment can be applied to, for example, Figure 1 In the application environment shown, user terminal 102 communicates with server 104 via a network. A data storage system can store the data that server 104 needs to process. The data storage system can be integrated onto server 104 or placed on a cloud or other network server. In response to a request for a target page, if the user terminal has page configuration information stored locally, it parses the page configuration information to obtain the style configuration information of each page block of the target page, and obtains the dataset number of each page block. The dataset number of the page block is predetermined by the user terminal. The user terminal then calls a dataset access interface to send the dataset numbers of each page block to the server. The server queries the dataset table based on the dataset number to obtain the query statement and data source type. Based on the data source type and the query statement, the server accesses the database to obtain the target data for each page block and returns the target data to the user terminal through the dataset access interface. Finally, based on the style configuration information of each page block of the target page and the target data, the user terminal renders each page block to display the target page.

[0066] The user terminal 102 can be, but is not limited to, various personal computers, laptops, smartphones, tablets, IoT devices, and portable wearable devices. IoT devices can include smart speakers, smart TVs, smart air conditioners, and smart in-vehicle devices. Portable wearable devices can include smartwatches, smart bracelets, and head-mounted devices. The server 104 can be implemented using a standalone server or a server cluster consisting of multiple servers.

[0067] In one embodiment, such as Figure 2 As shown, a page rendering method is provided, which is applied to... Figure 1 Taking a user terminal as an example, the explanation includes the following steps:

[0068] Step 202, responding to the request operation on the target page.

[0069] This involves a user interacting with their device to trigger a request for the target page. For example, entering the target page's URL to perform a search, or clicking a link on the target page to request a redirect.

[0070] Step 204: If the page configuration information of the target page is stored locally, parse the page configuration information to obtain the style configuration information of each page block of the target page.

[0071] Specifically, page configuration information refers to the configuration information for page styles. A page can consist of one or more page blocks, and a page block can include one or more page cards. A page card is a collection of page elements encapsulated within multiple page elements, and all page elements within the same page card share the same card identifier. The card identifier is used to uniquely identify a page card and can be used to number the page card. For example, the elements in a table (such as table fields, field content, titles, and notes) can be encapsulated as a page card. Similarly, a chart can be encapsulated as a page card.

[0072] At least one page card can be encapsulated as a page block, and all page cards within the same page block have the same block identifier. The block identifier is used to uniquely identify the page block and can be a page block number. For example, multiple charts can be encapsulated in one page block.

[0073] The style configuration information for a page block includes the position of the page block, the position of each page card within the page block, and the style configuration information for each page card. Specifically, the style configuration information for page cards includes the position of the page card, the font, color, font of the lines, and color of the lines.

[0074] After each target page is loaded, the user terminal stores the page configuration information of the target page locally. If the page configuration information of the target page is stored locally, it parses the page configuration information to obtain the style configuration information of each tile of the target page.

[0075] Specifically, such as Figure 3As shown, page configuration information is stored in a JSON string containing page configuration information. This string includes a list of page card configuration information. By parsing each page card configuration information in the list, page cards are generated. Further parsing of the card configuration information yields page block configuration information. It's worth noting that page blocks can be nested within each other. If a block configuration contains a list of block configurations, further parsing and content generation are possible.

[0076] Step 206: Obtain the dataset number of the page block. The dataset number of the page block is predetermined by the user terminal.

[0077] In traditional page rendering methods, the data to be displayed on a page is typically obtained by querying the database based on the query statement for the entire page. However, when adjustments are needed to the page, the entire query statement must be adjusted, making page adjustment inflexible.

[0078] In this embodiment, a dataset number is introduced, which specifically represents the dataset information corresponding to the data to be displayed in the page block. By dividing the page into blocks, page data is managed according to page blocks, and each page block's data corresponds to a dataset number. The data information of that page block can be obtained through the dataset number.

[0079] In traditional page rendering methods, the data information for each page is specified uniformly through code during the development phase. When it is necessary to modify each data source in the page, the corresponding code in the page needs to be modified, resulting in inflexible page adjustment methods.

[0080] In this embodiment, the dataset number of a page block can be pre-specified by the user terminal. When adjustments need to be made to the data displayed in a certain block on the page, the user terminal can specify the data source. For example, if a page block originally displayed a transaction volume analysis chart, and the user wants to display a regional transaction volume analysis chart, the user terminal can specify that the data in that block should be modified to a regional transaction volume analysis chart.

[0081] Step 208: Call the dataset access interface to send the dataset number of each page block to the server. The server queries the dataset table based on the dataset number to obtain the query statement and data source type. Based on the data source type and query statement, it accesses the database to obtain the target data of each page block and returns the target data to the user terminal through the dataset access interface.

[0082] Specifically, the user terminal locally stores the dataset numbers of each page block in the target page. The user terminal sends these dataset numbers to the server, which then uses these dataset numbers to obtain the data to be displayed for that page block.

[0083] Specifically, such as Figure 4 As shown, the data displayed in each block is obtained through a unified dataset access interface using its configured dataset number. The user terminal calls this dataset access interface to send the dataset number of the page block to the server. After obtaining the dataset number, the server queries the dataset table.

[0084] Each dataset number corresponds to a dataset table, which stores the query statement and data source type for that dataset number. Using the dataset number, the server retrieves the query statement and data source type, and then obtains the necessary configuration information for connecting to the database from the data source table based on the data source type—that is, the database connection configuration. Based on the database connection configuration, the server connects to the database and executes the query statement corresponding to the dataset number to obtain the target data for the page block. The server then returns the target data to the user terminal through the dataset access interface.

[0085] In this embodiment, by pre-constructing a dataset table to record the query statements and data source types corresponding to each dataset number, the query statement for each dataset number is independent of the query statements for the entire page, providing a basis for modifying the data source of page blocks. The dataset number of a page block can be modified based on the user terminal. When the data source of a page block changes, the dataset table can be queried using the dataset number of the changed data source to obtain the corresponding query statement and data source type, and then the target data can be obtained based on the query statement and data source type.

[0086] Step 210: Render each page block to display the target page based on the style configuration information and target data of each page block of the target page.

[0087] In this embodiment, page rendering is performed on a per-page-block basis. Each page block is rendered separately according to the style configuration information and target data, thereby obtaining the page content of the target page.

[0088] This page rendering method differs from traditional methods. It operates on a block-by-block basis, with each block having a corresponding dataset number. The target data for each block is retrieved from the server using this dataset number. Based on the target data and style configuration information of each block, the page is rendered and displayed accordingly. Because the user terminal can access the database to obtain the corresponding data source query statement and data source type by calling the dataset number, even if the user terminal adjusts the data source of a page block, the corresponding target data can still be obtained through the dataset number. This allows for user-terminal adjustments to the page's data source. Therefore, this block-based page rendering method enables adjustments to the page's data source via the user terminal, providing a convenient way to update pages.

[0089] In another embodiment, such as Figure 5 As shown, if the page configuration information of the target page is not stored locally, step 203 is executed to call the page parameter access interface to retrieve the page configuration information from the database and store it locally.

[0090] Specifically, if the page configuration information for the target page is not stored locally, it means that the user terminal has not loaded the target page. In this case, the user terminal obtains the JSON string of the page configuration from the database by calling the interface provided by the server. After obtaining the JSON string of the page configuration, step 204 and subsequent steps are executed to complete the rendering of the target page.

[0091] In this embodiment, by storing the page configuration information of the target page locally when the target page is loaded for the first time, the local page configuration information can be directly modified, providing a basis for modifying the page style on the user terminal.

[0092] In one embodiment, the method for updating style configuration information is as follows: Figure 6 As shown, it includes the following steps:

[0093] Step 602: In the page editing interface, in response to the style adjustment instruction for the target page object in the target page, obtain the style adjustment parameters of the target page object.

[0094] Specifically, when a user needs to update the style of the target page, the change can be triggered on the user's terminal.

[0095] Specifically, the system provides a page editing entry point, which can be a management page for page editing. Users enter the page editing management page, select the target page to be adjusted, and enter the page editing interface of the target page. In the page editing interface, in response to style adjustment commands for target page objects, the style adjustment parameters of the target page objects are obtained.

[0096] After entering the page editing interface of the target page, select the adjustment object for the target page. The adjustment object can be a page block or a page card. After selecting the adjustment object, obtain the style adjustment parameters for the target object. It's understandable that the style adjustment parameters for the target page object will differ depending on the element of the target page object. For example, if the target page object is a table, the style adjustment parameters could be position, text font, text color, line font, line color, table row spacing, table column width, etc. As another example, if the target page object is a chart, the style adjustment parameters could be chart color, chart size, and chart position, etc.

[0097] Step 604: Determine if the target page object is a page card. If it is determined to be a page card, proceed to step 606.

[0098] Step 606: Determine the target page block to which the target page object belongs.

[0099] If the adjustment target is a page card, the target block to which the page card belongs can be determined based on the correspondence between the page card number and the block number.

[0100] Step 608: Adjust the parameters according to the style of the target page object and update the style configuration information of the target page block in the local page configuration information.

[0101] If the adjustment target is a page card, the target block to which the page card belongs can be determined based on the correspondence between the page card number and the block number. The style configuration information of the target block can be updated according to the style adjustment parameters of the page card, thereby updating the local page configuration information.

[0102] In this embodiment, the page style can be adjusted via the user terminal. When adjusting the style of a target page object in the page editing interface, if the target object is a page card, the target block to which the page card belongs is determined, and the local page block configuration information is updated. This method allows the user terminal to adjust the page configuration information of the page block and update the local page configuration information. The user terminal can then use the locally updated page configuration information to render the page, enabling users to adjust the page style directly through their terminal, providing a convenient way to adjust the page.

[0103] In another embodiment, such as Figure 6 As shown, if the target page object determined in step 604 is a page block, then step 610 is executed to update the style configuration information of the page block in the local page configuration information according to the style adjustment parameters of the target page object.

[0104] That is, when the target page object is a page block, the style configuration information of the page block in the local page configuration information is updated directly.

[0105] In another embodiment, in the page editing interface, in response to a style adjustment instruction for a target page object in the target page, obtaining style adjustment parameters for the target page object includes: displaying the target page in the page editing interface; obtaining the selected target page in the target page; and in response to a dragging action of the target page object, obtaining style adjustment parameters for the target page object, wherein the style adjustment parameters include position parameters of the target page object.

[0106] Specifically, one way for users to adjust a target page object is by dragging the target page object to change its position. For example... Figure 7 As shown, you can drag the chart to adjust its display position. The adjusted chart will look like this. Figure 8 As shown. Figure 7 and Figure 8 This is an example of adjusting a target page object. The specific adjustment could be swapping the positions of two target page objects, or adjusting the position of a target page object.

[0107] In this embodiment, the position of a page object can be adjusted by selecting and dragging it, thereby adjusting the style configuration information of the page object.

[0108] In another embodiment, obtaining style adjustment parameters of the target page object in response to a style adjustment instruction for the target page object in the page editing interface includes: displaying the target page in the page editing interface; displaying the style editing interface when a style adjustment instruction for the target page object is obtained; and obtaining the style adjustment parameters of the target page object through the style editing interface.

[0109] In this embodiment, the style is adjusted through a style editing interface. Specifically, in the interface editing interface, the target page is displayed, and a style adjustment command is triggered on the target page object within the target page, opening the style editing interface. An example of a style editing interface is as follows: Figure 9 As shown, the style editing interface allows you to configure font size, line height, and other settings. It's understandable that the adjustable properties displayed in the style editing interface will differ depending on the target page object. Through the style editing interface, you can adjust the style properties of the target page object.

[0110] In this embodiment, a style editing interface is provided to adjust the style attributes of page objects.

[0111] In another embodiment, the page rendering method further includes: in a page editing interface, in response to a data adjustment instruction for a target page block in the target page, obtaining the dataset number of the specified target block; and updating the dataset number of the target page block stored locally.

[0112] Specifically, the page editing interface also allows users to adjust the data source for page blocks. After selecting a target block, users can trigger a data adjustment command, load the dataset list, select the dataset number to replace, and update the locally stored dataset number of the target block. The dataset list records a data overview of each data source, as well as the dataset number. Users can select the data to be displayed in the target block from the dataset list. For example, if the current block displays user age distribution data, and the user wants to change it to display gender distribution data, they can replace it by selecting the dataset number.

[0113] The page rendering method of this application allows users to adjust the data source to be displayed on the page through the user terminal. By updating the dataset number information of the target block locally, the data displayed on the page can be quickly changed when the page is refreshed.

[0114] The page rendering method described in this application involves developers filling in the configuration information required for front-end interface rendering and data retrieval interfaces during the development phase. After completion, the system is deployed to the production environment. When users subsequently access the page, the application front-end retrieves the page configuration and data source configuration from the database through interfaces provided by the back-end. This configuration information generates the corresponding layout, styles, and displayed data. When application issues arise, or when user needs dictate adjustments to styles or data sources, rapid changes to page layout, styles, and data sources can be achieved directly on the user's terminal.

[0115] This method eliminates the need for complex publishing processes required by traditional page adjustment methods when making page adjustments. It improves the efficiency of users updating the front-end interface, especially when there are anomalies in page styles and data interfaces, allowing for a quick response and restoration to normal.

[0116] It should be understood that although the steps in the flowcharts of the embodiments described above are shown sequentially according to the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless explicitly stated herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some steps in the flowcharts of the embodiments described above may include multiple steps or multiple stages. These steps or stages are not necessarily completed at the same time, but can be executed at different times. The execution order of these steps or stages is not necessarily sequential, but can be performed alternately or in turn with other steps or at least some of the steps or stages of other steps.

[0117] Based on the same inventive concept, this application also provides a page rendering apparatus for implementing the page rendering method described above. The solution provided by this apparatus is similar to the implementation described in the above method; therefore, the specific limitations in one or more page rendering apparatus embodiments provided below can be found in the limitations of the page rendering method described above, and will not be repeated here.

[0118] In one embodiment, such as Figure 10 As shown, a page rendering apparatus is provided, comprising:

[0119] The response request module 1002 is used to respond to requests to the target page.

[0120] The parsing module 1004 is used to parse the page configuration information of the target page if the page configuration information of the target page is stored locally, and obtain the style configuration information of each page block of the target page.

[0121] The data acquisition module 1006 is used to acquire the dataset number of the page block. The dataset number of the page block is predetermined by the user terminal. The module calls the dataset access interface to send the dataset number of each page block to the server. The server queries the dataset table based on the dataset number to obtain the query statement and data source type. Based on the data source type and query statement, the server accesses the database to obtain the target data of each page block and returns the target data to the user terminal through the dataset access interface.

[0122] The rendering module 1008 is used to render each page block to display the target page based on the style configuration information and target data of each page block of the target page.

[0123] The aforementioned page rendering device differs from traditional page rendering methods. It operates on a page-block basis, with each block having a corresponding dataset number. The target data for each page block is retrieved from the server using this dataset number. Based on the target data and style configuration information of each page block, the device renders and displays the target page accordingly. Because the user terminal can access the database to obtain the target data by calling the dataset number to retrieve the corresponding data source query statement and data source type, even if the user terminal adjusts the data source of a page block, the corresponding target data can still be obtained through the dataset number. This provides the possibility for the user terminal to adjust the page's data source. Therefore, this page block rendering method allows for adjustments to the page's data source via the user terminal, providing a convenient way to update pages.

[0124] In another embodiment, the page rendering apparatus further includes a loading module, which, if the page configuration information of the target page is not stored locally, calls the page parameter access interface to retrieve the page configuration information from the database and stores it locally.

[0125] In another embodiment, the page rendering apparatus further includes a style adjustment module, which, in the page editing interface, in response to a style adjustment instruction for a target page object in the target page, obtains style adjustment parameters for the target page object; if the target page object is a page card, determines the target page block to which the target page object belongs; and updates the style configuration information of the target page block in the local page configuration information according to the style adjustment parameters of the target page object.

[0126] In another embodiment, the style adjustment module is used to update the style configuration information of the page block in the local page configuration information according to the style adjustment parameters of the target page object if the target page object is a page block.

[0127] In another embodiment, the style adjustment module is used to display a target page in the page editing interface; obtain the target page selected in the target page; and in response to a dragging action on the target page object, obtain style adjustment parameters of the target page object, the style adjustment parameters including the position parameters of the target page object.

[0128] In another embodiment, the style adjustment module is used to display the target page in the page editing interface; when a style adjustment instruction for the target page object is obtained, the style editing interface is displayed; and the style adjustment parameters of the target page object are obtained through the style editing interface.

[0129] In another embodiment, the page rendering apparatus further includes: a dataset adjustment module, configured to, in a page editing interface, in response to a data adjustment instruction for a target page block in the target page, obtain the dataset number of the specified target block; and update the dataset number of the target page block stored locally.

[0130] Each module in the aforementioned page rendering device can be implemented entirely or partially through software, hardware, or a combination thereof. These modules can be embedded in or independent of the processor in a computer device, or stored in the memory of a computer device as software, so that the processor can call and execute the operations corresponding to each module.

[0131] In one embodiment, a computer device is provided, which may be a terminal, and its internal structure diagram may be as follows: Figure 11 As shown, the computer device includes a processor, memory, communication interface, display screen, and input devices connected via a system bus. The processor provides computing and control capabilities. The memory includes non-volatile storage media and internal memory. The non-volatile storage media stores the operating system and computer programs. The internal memory provides an environment for the operation of the operating system and computer programs stored in the non-volatile storage media. The communication interface is used for wired or wireless communication with external terminals; wireless communication can be achieved through Wi-Fi, mobile cellular networks, NFC (Near Field Communication), or other technologies. When the computer program is executed by the processor, it implements a page rendering method. The display screen can be an LCD screen or an e-ink display screen. The input devices can be a touch layer covering the display screen, buttons, a trackball, or a touchpad mounted on the computer device casing, or an external keyboard, touchpad, or mouse.

[0132] Those skilled in the art will understand that Figure 11 The structure shown is merely a block diagram of a portion of the structure related to the present application and does not constitute a limitation on the computer device to which the present application is applied. Specific computer devices may include more or fewer components than those shown in the figure, or combine certain components, or have different component arrangements.

[0133] In one embodiment, a computer device is provided, including a memory and a processor, wherein the memory stores a computer program, and the processor executes the computer program to perform the following steps:

[0134] Responding to a request for an action on the target page;

[0135] If the page configuration information of the target page is stored locally, then parse the page configuration information to obtain the style configuration information of each page block of the target page;

[0136] Obtain the dataset number of the page block. The dataset number of the page block is predetermined by the user terminal.

[0137] The dataset access interface is called to send the dataset number of each page block to the server. The server queries the dataset table based on the dataset number to obtain the query statement and data source type. Based on the data source type and query statement, the database is accessed to obtain the target data of each page block, and the target data is returned to the user terminal through the dataset access interface.

[0138] Based on the style configuration information and target data of each page block of the target page, render each page block to display the target page.

[0139] In one embodiment, the processor, when executing a computer program, also performs the following steps:

[0140] If the page configuration information of the target page is not stored locally, the page parameter access interface is called to retrieve the page configuration information from the database and store it locally.

[0141] The process includes parsing page configuration information to obtain style configuration information for each page block of the target page, and subsequent steps, to complete the rendering of the target page. In one embodiment, the processor, when executing the computer program, also implements the following steps:

[0142] In the page editing interface, in response to style adjustment instructions for target page objects on the target page, the style adjustment parameters of the target page objects are obtained;

[0143] If the target page object is a page card, then determine the target page block to which the target page object belongs;

[0144] Adjust the style parameters based on the target page object, and update the style configuration information of the target page block in the local page configuration information.

[0145] In one embodiment, the processor, when executing a computer program, also performs the following steps:

[0146] If the target page object is a page block, then adjust the style parameters according to the style of the target page object and update the style configuration information of the page block in the local page configuration information.

[0147] In another embodiment, in the page editing interface, in response to a style adjustment instruction for a target page object on the target page, style adjustment parameters for the target page object are obtained, including:

[0148] The target page is displayed in the page editing interface;

[0149] Retrieve the selected target page from the target page;

[0150] In response to a dragging action on the target page object, style adjustment parameters of the target page object are obtained, including position parameters of the target page object.

[0151] In another embodiment, in the page editing interface, in response to a style adjustment instruction for a target page object on the target page, style adjustment parameters for the target page object are obtained, including:

[0152] The target page is displayed in the page editing interface;

[0153] When a style adjustment instruction is received for the target page object, the style editing interface is displayed;

[0154] Obtain the style adjustment parameters of the target page object through the style editing interface.

[0155] In another embodiment, the processor, when executing the computer program, also performs the following steps:

[0156] In the page editing interface, in response to the data adjustment command for the target block in the target page, the dataset number of the specified target page block is obtained;

[0157] Update the dataset number of the target page block in local storage.

[0158] In one embodiment, a computer-readable storage medium is provided having a computer program stored thereon, the computer program performing the following steps when executed by a processor:

[0159] Responding to a request for an action on the target page;

[0160] If the page configuration information of the target page is stored locally, then parse the page configuration information to obtain the style configuration information of each page block of the target page;

[0161] Obtain the dataset number of the page block. The dataset number of the page block is predetermined by the user terminal.

[0162] The dataset access interface is called to send the dataset number of each page block to the server. The server queries the dataset table based on the dataset number to obtain the query statement and data source type. Based on the data source type and query statement, the database is accessed to obtain the target data of each page block, and the target data is returned to the user terminal through the dataset access interface.

[0163] Based on the style configuration information and target data of each page block of the target page, render each page block to display the target page.

[0164] In one embodiment, the processor, when executing a computer program, also performs the following steps:

[0165] If the page configuration information of the target page is not stored locally, the page parameter access interface is called to retrieve the page configuration information from the database and store it locally.

[0166] The process includes parsing page configuration information to obtain style configuration information for each page block of the target page, and subsequent steps, to complete the rendering of the target page. In one embodiment, the processor, when executing the computer program, also implements the following steps:

[0167] In the page editing interface, in response to style adjustment instructions for target page objects on the target page, the style adjustment parameters of the target page objects are obtained;

[0168] If the target page object is a page card, then determine the target page block to which the target page object belongs;

[0169] Adjust the style parameters based on the target page object, and update the style configuration information of the target page block in the local page configuration information.

[0170] In one embodiment, the processor, when executing a computer program, also performs the following steps:

[0171] If the target page object is a page block, then adjust the style parameters according to the style of the target page object and update the style configuration information of the page block in the local page configuration information.

[0172] In another embodiment, in the page editing interface, in response to a style adjustment instruction for a target page object on the target page, style adjustment parameters for the target page object are obtained, including:

[0173] The target page is displayed in the page editing interface;

[0174] Retrieve the selected target page from the target page;

[0175] In response to a dragging action on the target page object, style adjustment parameters of the target page object are obtained, including position parameters of the target page object.

[0176] In another embodiment, in the page editing interface, in response to a style adjustment instruction for a target page object on the target page, style adjustment parameters for the target page object are obtained, including:

[0177] The target page is displayed in the page editing interface;

[0178] When a style adjustment instruction is received for the target page object, the style editing interface is displayed;

[0179] Obtain the style adjustment parameters of the target page object through the style editing interface.

[0180] In another embodiment, the processor, when executing the computer program, also performs the following steps:

[0181] In the page editing interface, in response to the data adjustment command for the target block in the target page, the dataset number of the specified target page block is obtained;

[0182] Update the dataset number of the target page block in local storage.

[0183] In one embodiment, a computer program product is provided, including a computer program that, when executed by a processor, performs the following steps:

[0184] Responding to a request for an action on the target page;

[0185] If the page configuration information of the target page is stored locally, then parse the page configuration information to obtain the style configuration information of each page block of the target page;

[0186] Obtain the dataset number of the page block. The dataset number of the page block is predetermined by the user terminal.

[0187] The dataset access interface is called to send the dataset number of each page block to the server. The server queries the dataset table based on the dataset number to obtain the query statement and data source type. Based on the data source type and query statement, the database is accessed to obtain the target data of each page block, and the target data is returned to the user terminal through the dataset access interface.

[0188] Based on the style configuration information and target data of each page block of the target page, render each page block to display the target page.

[0189] In one embodiment, the processor, when executing a computer program, also performs the following steps:

[0190] If the page configuration information of the target page is not stored locally, the page parameter access interface is called to retrieve the page configuration information from the database and store it locally.

[0191] The process includes parsing page configuration information to obtain style configuration information for each page block of the target page, and subsequent steps, to complete the rendering of the target page. In one embodiment, the processor, when executing the computer program, also implements the following steps:

[0192] In the page editing interface, in response to style adjustment instructions for target page objects on the target page, the style adjustment parameters of the target page objects are obtained;

[0193] If the target page object is a page card, then determine the target page block to which the target page object belongs;

[0194] Adjust the style parameters based on the target page object, and update the style configuration information of the target page block in the local page configuration information.

[0195] In one embodiment, the processor, when executing a computer program, also performs the following steps:

[0196] If the target page object is a page block, then adjust the style parameters according to the style of the target page object and update the style configuration information of the page block in the local page configuration information.

[0197] In another embodiment, in the page editing interface, in response to a style adjustment instruction for a target page object on the target page, style adjustment parameters for the target page object are obtained, including:

[0198] The target page is displayed in the page editing interface;

[0199] Retrieve the selected target page from the target page;

[0200] In response to a dragging action on the target page object, style adjustment parameters of the target page object are obtained, including position parameters of the target page object.

[0201] In another embodiment, in the page editing interface, in response to a style adjustment instruction for a target page object on the target page, style adjustment parameters for the target page object are obtained, including:

[0202] The target page is displayed in the page editing interface;

[0203] When a style adjustment instruction is received for the target page object, the style editing interface is displayed;

[0204] Obtain the style adjustment parameters of the target page object through the style editing interface.

[0205] In another embodiment, the processor, when executing the computer program, also performs the following steps:

[0206] In the page editing interface, in response to the data adjustment command for the target block in the target page, the dataset number of the specified target page block is obtained;

[0207] Update the dataset number of the target page block in local storage.

[0208] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, data stored, data displayed, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties.

[0209] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by a computer program instructing related hardware. The computer program can be stored in a non-volatile computer-readable storage medium, and when executed, it can include the processes of the embodiments of the above methods. Any references to memory, databases, or other media used in the embodiments provided in this application can include at least one of non-volatile and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetic random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. By way of illustration and not limitation, RAM can take many forms, such as Static Random Access Memory (SRAM) or Dynamic Random Access Memory (DRAM). The databases involved in the embodiments provided in this application may include at least one type of relational database and non-relational database. Non-relational databases may include, but are not limited to, blockchain-based distributed databases. The processors involved in the embodiments provided in this application may be general-purpose processors, central processing units, graphics processing units, digital signal processors, programmable logic devices, quantum computing-based data processing logic devices, etc., and are not limited to these.

[0210] The technical features of the above embodiments can be combined in any way. For the sake of brevity, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.

[0211] The embodiments described above are merely illustrative of several implementation methods of this application, and while the descriptions are specific and detailed, they should not be construed as limiting the scope of this patent application. It should be noted that those skilled in the art can make various modifications and improvements without departing from the concept of this application, and these all fall within the protection scope of this application. Therefore, the protection scope of this application should be determined by the appended claims.

Claims

1. A page rendering method, characterized in that, Applied to a user terminal, the method includes: Responding to a request for an action on the target page; If the page configuration information of the target page is stored locally, then the page configuration information is parsed to obtain the style configuration information of each page block of the target page; The dataset number of the page block is obtained. The dataset number of the page block is predetermined and dynamically adjusted by the user terminal. The dataset number is used to identify the dataset corresponding to the data to be displayed in the page block and corresponds to the data source corresponding to the page block. When it is necessary to adjust the display data of the page block in the target page, the data adjustment is achieved by specifying the data source. The dataset access interface is called to send the dataset number of each page block to the server. The server queries the dataset table based on the dataset number to obtain the query statement and data source type. Based on the data source type and the query statement, the database is accessed to obtain the target data of each page block, and the target data is returned to the user terminal through the dataset access interface. Based on the style configuration information of each page block of the target page and the target data, render each page block to display the target page; The method further includes: In the page editing interface, in response to the style adjustment command for the target page object in the target page, the style adjustment parameters of the target page object are obtained; if the target page object is a page block, the style configuration information of the page block in the local page configuration information is updated according to the style adjustment parameters of the target page object.

2. The method according to claim 1, characterized in that, If the page configuration information of the target page is not stored locally, the page parameter access interface is called to retrieve the page configuration information from the database and store it locally. The steps of parsing the page configuration information to obtain the style configuration information of each page block of the target page, and subsequent steps, are performed to complete the rendering of the target page.

3. The method according to claim 1, characterized in that, The method further includes: If the target page object is a page card, then the target page block to which the target page object belongs is determined; Based on the style adjustment parameters of the target page object, update the style configuration information of the target page block in the local page configuration information.

4. The method according to claim 3, characterized in that, In the page editing interface, in response to a style adjustment instruction for a target page object on the target page, the style adjustment parameters of the target page object are obtained, including: The target page is displayed in the page editing interface; Retrieve the selected target page from the target page; In response to a dragging action on the target page object, style adjustment parameters of the target page object are obtained, including position parameters of the target page object.

5. The method according to claim 3, characterized in that, In the page editing interface, in response to a style adjustment instruction for a target page object on the target page, the style adjustment parameters of the target page object are obtained, including: The target page is displayed in the page editing interface; When a style adjustment instruction for the target page object is received, the style editing interface is displayed; The style adjustment parameters of the target page object can be obtained through the style editing interface.

6. The method according to claim 1, characterized in that, The method further includes: In the page editing interface, in response to the data adjustment instruction for the target page block in the target page, the dataset number of the specified target block is obtained; Update the dataset number of the target page block in local storage.

7. A page rendering device, characterized in that, The device includes: The request response module is used to respond to requests to the target page. The parsing module is used to parse the page configuration information of the target page if the page configuration information of the target page is stored locally, and obtain the style configuration information of each page block of the target page. The data acquisition module is used to acquire the dataset number of each page block. The dataset number of each page block is predetermined by the user terminal and dynamically adjusted. The module then calls the dataset access interface to send the dataset number of each page block to the server. The server queries the dataset table based on the dataset number to obtain the query statement and data source type. Based on the data source type and the query statement, the server accesses the database to obtain the target data for each page block and returns the target data to the user terminal through the dataset access interface. The dataset number is used to identify the dataset corresponding to the data to be displayed in the page block and corresponds to the data source of the page block. When it is necessary to adjust the displayed data of the page block in the target page, the data adjustment is achieved by specifying the data source. The rendering module is used to render each page block to display the target page based on the style configuration information of each page block of the target page and the target data; The style adjustment module is used to: in the page editing interface, in response to a style adjustment instruction for a target page object in the target page, obtain the style adjustment parameters of the target page object; if the target page object is a page block, update the style configuration information of the page block in the local page configuration information according to the style adjustment parameters of the target page object.

8. The apparatus according to claim 7, characterized in that, The device further includes a loading module for: If the page configuration information of the target page is not stored locally, the page parameter access interface is called to retrieve the page configuration information from the database and store it locally.

9. A computer device comprising a memory and a processor, wherein the memory stores a computer program, characterized in that, When the processor executes the computer program, it implements the steps of the method according to any one of claims 1 to 6.

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

Images