Interface display method and device, computer device, and storage medium

Abstract

The application relates to an interface display method and device, computer equipment and a storage medium. The application relates to the field of artificial intelligence. The method comprises the following steps: in response to a user's starting front-end display interface operation, obtaining target display data and back-end function information in a back-end interface database; the target display data comprises target display data and target display layout data; generating back-end function data according to the back-end function information, and establishing the interaction logic between the target display data and the back-end function data in the target display data to obtain improved target display data; drawing a front-end display interface display image according to the improved target display data and the target display layout data; and displaying the front-end display interface display image to the user through the front-end display interface. The method can improve the flexibility of the front-end display interface.

Description

Technical Field

[0001] This application relates to the field of artificial intelligence technology, and in particular to an interface display method, apparatus, computer device, and storage medium. Background Technology

[0002] With the maturity of communication technology and the widespread adoption of smart terminals, application terminalization has become the norm. Mobile app development has progressed rapidly. Through app stores, people can download a variety of applications such as mobile social networking, mobile payment, and mobile finance, satisfying user needs in multiple ways. The front-end display interface of a mobile client is one of the most important means of attracting users. Therefore, how to improve the front-end display interface has always been a key research focus in this field.

[0003] The current front-end display interface is created by staff developing a front-end page to display data and matching it with back-end functional data. However, when the page content changes or bugs occur, users need to update their mobile clients, and the front-end and back-end programs need to be updated to meet the user's needs before the updated front-end display interface can be displayed. This results in poor flexibility in the front-end display interface. Summary of the Invention

[0004] Therefore, it is necessary to provide an interface display method, apparatus, computer device, computer-readable storage medium, and computer program product to address the aforementioned technical problems.

[0005] Firstly, this application provides a method for displaying an interface. The method includes:

[0006] In response to the user's operation to launch the front-end display interface, the target display data group and back-end function information are retrieved from the back-end interface database; the target display data group includes target display data and target display layout data;

[0007] Based on the backend function information, backend function data is generated, and in the target display data, the interaction logic between the target display data and the backend function data is established to obtain the completed target display data;

[0008] Based on the completed target display data and the target display layout data, draw the front-end display interface image;

[0009] The front-end display interface is used to show the user the displayed image.

[0010] Optionally, the step of generating backend function data based on the backend function information, and establishing interaction logic between the target display data and the backend function data in the target display data to obtain the completed target display data includes:

[0011] Obtain the interaction logic information between the front-end display interface and the back-end functional program, and generate the back-end functional data based on the back-end functional information;

[0012] Based on the interaction logic information, an interaction logic is established between the target display data and the backend functional data in the target display data to obtain the improved target display data.

[0013] Optionally, the interface display image includes multiple interactive display images, and after showing the front-end display interface image to the user through the front-end display interface, it further includes:

[0014] In response to a user's click on an interactive display image, query the first target display data corresponding to the interactive display image, and call the backend function data corresponding to the first target display data according to the interaction strategy between the target display data and the backend function data;

[0015] The backend function data is executed, and the execution result of the backend function data is transmitted to the frontend display interface.

[0016] Optionally, before obtaining the target display data group and backend function data from the backend interface database, the method further includes:

[0017] Obtain the user's target display information;

[0018] Based on the target display information, generate front-end display data and front-end display layout data;

[0019] The front-end display data and the front-end display layout data are used as front-end display information and stored in the back-end interface database.

[0020] Optionally, acquiring the target display data group includes:

[0021] In response to the user's operation to launch the front-end display interface, the system obtains the user's target interface information; the target interface information includes target display data tags and target display layout data tags.

[0022] In the backend interface database, based on the target display data tag, target display data corresponding to the target display data tag is filtered from each frontend display data, and based on the target display layout data tag, target display layout data corresponding to the target display layout data tag is filtered from each frontend display layout data.

[0023] Optionally, drawing the front-end display interface image based on the completed target display data and the target display layout data includes:

[0024] The target display data is parsed, and each display image is generated based on the display image data.

[0025] By adjusting the image layout of each displayed image using the target display layout data, the front-end interface display image is obtained.

[0026] Secondly, this application also provides an interface display device. The device includes:

[0027] The acquisition module is used to respond to the user's operation of launching the front-end display interface and to acquire the target display data group and back-end function information from the back-end interface database; the target display data group includes target display data and target display layout data;

[0028] A module is established to generate backend function data based on the backend function information, and to establish the interaction logic between the target display data and the backend function data in the target display data to obtain the completed target display data.

[0029] The drawing module is used to draw the front-end display interface image based on the completed target display data and the target display layout data.

[0030] The display module is used to display the images shown on the front-end display interface to the user.

[0031] Optionally, the establishment module is specifically used for:

[0032] Obtain the interaction logic information between the front-end display interface and the back-end functional program, and generate the back-end functional data based on the back-end functional information;

[0033] Based on the interaction logic information, an interaction logic is established between the target display data and the backend functional data in the target display data to obtain the improved target display data.

[0034] Optionally, the device further includes:

[0035] The response module is used to respond to the user's click on the interactive display image, query the first target display data corresponding to the interactive display image, and call the backend function data corresponding to the first target display data according to the interaction strategy between the target display data and the backend function data.

[0036] The execution module is used to execute the backend function data and transmit the execution result of the backend function data to the frontend display interface.

[0037] Optionally, the device further includes:

[0038] The information acquisition module is used to acquire the user's target display information;

[0039] The generation module is used to generate front-end display data and front-end display layout data based on the target display information.

[0040] The front-end display data and the front-end display layout data are used as front-end display information and stored in the back-end interface database.

[0041] Optionally, the acquisition module is specifically used for:

[0042] In response to the user's operation to launch the front-end display interface, the system obtains the user's target interface information; the target interface information includes target display data tags and target display layout data tags.

[0043] In the backend interface database, based on the target display data tag, target display data corresponding to the target display data tag is filtered from each frontend display data, and based on the target display layout data tag, target display layout data corresponding to the target display layout data tag is filtered from each frontend display layout data.

[0044] Optionally, the drawing module is specifically used for:

[0045] The parsing module is used to parse the display image data of the target display data and generate each display image based on the display image data.

[0046] The adjustment module is used to adjust the image layout of each displayed image based on the target display layout data to obtain the front-end interface display image.

[0047] Thirdly, this application 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 implement the steps of the method described in any one of the first aspects.

[0048] Fourthly, this application provides a computer-readable storage medium having a computer program stored thereon that, when executed by a processor, implements the steps of the method described in any one of the first aspects.

[0049] Fifthly, this application provides a computer program product. The computer program product includes a computer program that, when executed by a processor, implements the steps of the method described in any one of the first aspects.

[0050] The aforementioned interface display method, apparatus, computer device, and storage medium, in response to a user's operation to initiate a front-end display interface, obtain a target display data group and back-end function information from a back-end interface database; the target display data group includes target display data and target display layout data; back-end function data is generated based on the back-end function information, and an interaction logic between the target display data and the back-end function data is established within the target display data to obtain complete target display data; a front-end display interface image is drawn based on the complete target display data and the target display layout data; and the interface display image is displayed to the user through the front-end display interface. By retaining only the front-end display interface and image rendering functions, when a user starts the front-end display interface, the front-end only needs to retrieve the target display data and target display layout data corresponding to the user's requested interface display image from the back-end interface database, and then render the interface display image to achieve the purpose of displaying the user's requested interface display image. Furthermore, when the user generates a new interface display image request, the front-end only needs to store the display data and display layout data corresponding to the new interface display image into the back-end interface database and update the front-end's retrieval strategy in the back-end interface database to complete the update of the front-end display interface image. This avoids the process of developers having to update the front-end every time the front-end display interface image is updated, thus improving the flexibility of the front-end display interface. Attached Figure Description

[0051] Figure 1 This is a flowchart illustrating the interface display method in one embodiment;

[0052] Figure 2 This is a flowchart illustrating the steps for establishing interaction logic in one embodiment;

[0053] Figure 3 This is a flowchart illustrating the interaction steps between a user and the front-end display interface in one embodiment.

[0054] Figure 4 A flowchart illustrating an example of interface display in another embodiment;

[0055] Figure 5This is a structural block diagram of the interface display device in one embodiment;

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

[0057] 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.

[0058] The interface display method provided in this application can be applied to a terminal, a server, or a system including both a terminal and a server, and is implemented through interaction between the terminal and the server. The terminal can include, but is not limited to, various personal computers, laptops, tablets, etc. By retaining only the front-end display interface and image drawing functions, when a user starts the front-end display interface, the front-end only needs to retrieve the target display data and target display layout data corresponding to the user's requested interface display image from the back-end interface database, and then draw the interface display image to achieve the purpose of displaying the user's requested interface display image. Furthermore, when the user generates a new interface display image request, only the display data and display layout data corresponding to the new interface display image need to be stored in the back-end interface database, and the front-end's retrieval strategy in the back-end interface database needs to be updated to complete the update of the front-end display interface image. This avoids the process of developers having to update the front-end every time the front-end display interface image is updated, thus improving the flexibility of the front-end display interface.

[0059] In one embodiment, such as Figure 1 As shown, a method for displaying an interface is provided. Taking the application of this method to a terminal as an example, the method includes the following steps:

[0060] Step S101: In response to the user's operation to start the front-end display interface, retrieve the target display data group and back-end function information from the back-end interface database.

[0061] The target display data group includes target display data and target display layout data.

[0062] In this embodiment, in response to the user's operation to launch the front-end display interface, the terminal filters the target display data group required by the user in the back-end interface database. The target display data group includes target display data and target display layout data. The front-end display interface can be, but is not limited to, a mobile client, a mini-program, or other non-web-based front-end display interface. The terminal obtains back-end function information from the back-end interface database. This back-end function information is the generation information corresponding to the back-end function data, which is the data that executes the corresponding instruction function in response to the user's operation information on the front-end display interface. For example, if the user enters a transfer amount of 1000 yuan in the front-end display interface and clicks "confirm," the back-end responds to the user's transfer operation by transferring 1000 yuan to the target account through the transfer function data, thus completing the transfer operation. The target display data includes different types of node data from multiple front-end display interfaces. For example, the `page` node is the root node for UI layout information, under which UI layout information nodes such as `navigationBar` and `body` nodes are attached; the `navigationBar` node is the UI navigation bar information node, under which navigation bar-related information nodes are attached; the `body` node is the UI theme area information node, under which multiple `section` nodes of different display types can be attached, and specific sections can be deleted or added as needed; the `section` node can define a corresponding `sectionType` based on the content to be displayed in that section, and different UI display types can be distinguished through a `sectionType` type dictionary; if a section title needs to be displayed, it can be configured through the `sectionTitle` node. Furthermore, `cellType` can be defined to identify the cell structure, establishing a correspondence between types and UI components, and components of the same `cellType` type can be reused in other scenarios. In addition to the above-mentioned identifying information nodes, other required nodes can be attached under `section` according to the specific content displayed. For the simplest list item type information display, it can be achieved by defining a cellList array structure node. Each item information can be configured with node fields such as label, labelColor, value, and valueColor to display the item label and label value, and the corresponding information display color can be set.

[0063] Step S102: Generate backend function data based on backend function information, and establish the interaction logic between target display data and backend function data in target display data to obtain the completed target display data.

[0064] In this embodiment, the terminal generates backend function data based on backend function information and a data generation strategy. The backend function data is represented in code form, and the data generation strategy is a conventional code generation strategy based on instructions; no restrictions are imposed here. The terminal establishes interaction logic between the target display data and the backend function data in each target display data set, resulting in each completed target display data set. The specific process of establishing the interaction logic will be explained in detail later.

[0065] Step S103: Based on the completed target display data and target display layout data, draw the front-end display interface image.

[0066] In this embodiment, the terminal draws a target display style image corresponding to each target display data according to the completed target display data, and adjusts the layout of each target display style image according to the target display layout data to obtain the front-end display interface image.

[0067] Step S104: Display the image on the front-end display interface to the user.

[0068] In this embodiment, the terminal displays the interface image to the user through the front-end display interface.

[0069] Based on the above solution, by retaining only the front-end display interface and image drawing functions, when a user starts the front-end display interface, the front-end only needs to retrieve the target display data and target display layout data corresponding to the user's requested interface display image from the back-end interface database, and then draw the interface display image to achieve the purpose of displaying the user's requested interface display image. Furthermore, when the user generates a new interface display image request, the front-end only needs to store the display data and display layout data corresponding to the new interface display image into the back-end interface database and update the front-end's retrieval strategy in the back-end interface database to complete the update of the front-end display interface image. This avoids the process of developers having to update the front-end every time the front-end display interface image is updated, thus improving the flexibility of the front-end display interface.

[0070] Optional, such as Figure 2 As shown, based on the backend function information, backend function data is generated, and the interaction logic between the target display data and the backend function data is established in the target display data to obtain the complete target display data, including:

[0071] Step S201: Obtain the interaction logic information between the front-end display interface and the back-end functional program, and generate back-end functional data based on the back-end functional information.

[0072] In this embodiment, the terminal acquires the interaction logic information between the front-end display interface and the back-end functional program. This interaction logic information may include, but is not limited to, the interaction information between the target display data and the back-end functional data. Through this interaction information, the user can instruct the back-end functional data to perform target tasks by manipulating the images corresponding to the target display data. The terminal generates back-end functional data based on the back-end functional information.

[0073] The role of interaction logic information, for example, taking the navigationBar (dynamic background color) node area (i.e., the display interface) as an example, defines the leftBtn node (the target data displayed for left-direction control) as the click event handling type (i.e., interaction logic information) for the top left corner of the navigation bar. This node can contain the following node information:

[0074] `btnName`: Configures the button's display name, such as "Back," and can be configured as needed; `btnImg`: Button image name or download address, can be empty; `btnId`: Defines the button's identifier, which can be used when special processing is needed for a specific button, and can be configured as needed; `actionType`: Defines the click-to-jump event type. Jump events of the same type have the same processing logic. For example, the corresponding dictionary could be defined as: `webview`: Launches a new webview page; `native_alert_select`: Pops up a C-side alert dialog box, containing only the prompt information and left / right selection buttons; etc. `actionParam`: Parameter configuration corresponding to the `actionType`, defining the jump event type. For example: when `actionType` is `webview`, configure the URL parameter required for the page to which the user will jump; when `actionType` is `native_alert_select`, configure a JSON string containing the following parameters: `title`: Prompt title (can be empty); `msg`: Prompt content; `leftBtn`: Left button (btn structure); `rightBtn`: Right button (btn structure); (The btn structure includes: `btnId`, `btnName`, `btnImg`, `actionParam`, `actionType`). In the left and right button structures, if the configured jump type is not a general process, special handling for the transaction needs to be differentiated based on the `btnId` of the parent button.

[0075] Step S202: Based on the interaction logic information, establish the interaction logic between the target display data and the backend functional data in the target display data to obtain the completed target display data.

[0076] In this embodiment, based on the interaction logic information, the terminal selects the corresponding backend function data from the backend function data for each target display data, and establishes the interaction logic between the target display data and the backend function data within the target display data. This results in the completed target display data.

[0077] Based on the above solution, by establishing the interaction logic between the target display data and the backend functional data, it is ensured that the target interface images displayed to users can interact and be used normally with the backend functional data.

[0078] Optional, such as Figure 3 As shown, the interface display images include multiple interactive display images. After the interface display images are shown to the user through the front-end display interface, it also includes:

[0079] Step S301: In response to the user's click on the interactive display image, query the first target display data corresponding to the interactive display image, and call the backend function data corresponding to the first target display data according to the interaction strategy between the target display data and the backend function data.

[0080] In this embodiment, in response to the user's click on the interactive display image, the terminal determines the first target display data corresponding to the interactive display image, and according to the interaction logic between the target display data and the backend function data, queries the backend function data corresponding to the first target display data, and calls the program corresponding to the backend function data.

[0081] Step S302: Execute the backend function data and transmit the execution result of the backend function data to the frontend display interface.

[0082] In this embodiment, the terminal executes the function program corresponding to the backend function data and transmits the execution result of the backend function data to the frontend display interface, and displays the execution result to the user through the frontend display interface.

[0083] Based on the above solution, by using the interaction strategy between the target display data and the backend functional data, the user's instruction to click on the interactive display image is executed, thereby ensuring that the front-end display interface can function normally.

[0084] Optionally, before obtaining the target display data group and backend function data in the backend interface database, the following steps are also included: obtaining the user's target display information; generating frontend display data and frontend display layout data based on the target display information; and storing the frontend display data and frontend display layout data as frontend display information in the backend interface database.

[0085] In this embodiment, the terminal obtains the user's target display information. This target display information refers to the user's desired image display on the front-end interface. The terminal divides the target display information into front-end display data requirement information and front-end display layout requirement information. Based on the front-end display data requirement information, the terminal determines the data values ​​for each piece of front-end display data and generates the front-end display data accordingly. Based on the front-end display layout requirement information, the terminal determines the position information of each piece of front-end display content and generates display layout data accordingly. The process of generating each piece of data based on position information or data values ​​is part of the code generation process of the code generation strategy and is not limited in this embodiment. The terminal uses the front-end display data and the front-end display layout data as front-end display information and stores them in the back-end interface database.

[0086] Based on the above solution, the terminal generates front-end display data and front-end display layout data and stores them in the back-end interface database to ensure that the front-end display interface does not store data, thereby reducing the data load on the front-end display interface and improving the flexibility of the front-end display interface.

[0087] Optionally, obtaining the target display data group includes: in response to the user's operation of starting the front-end display interface, obtaining the user's target interface information; the target interface information includes target display data tags and target display layout data tags; in the back-end interface database, based on the target display data tags, filtering the target display data corresponding to the target display data tags in each front-end display data, and based on the target display layout data tags, filtering the target display layout data corresponding to the target display layout data tags in each front-end display layout data.

[0088] In this embodiment, in response to the user's operation to launch the front-end display interface, the terminal obtains the user's target interface information. This target interface information includes target display data tags and target display layout data tags. The terminal, in its back-end interface database, filters the front-end display data corresponding to the target display data tags based on the target display data tags, and filters the front-end display layout data corresponding to the target display layout data tags based on the target display layout data tags.

[0089] Based on the above solution, by obtaining the target display information of the front-end display interface from the back-end interface database, the data load of the front-end display interface is reduced, and no changes or adjustments are required to the front-end display interface, thereby improving the flexibility of the front-end display interface.

[0090] Optionally, based on the completed target display data and target display layout data, the front-end display interface display image is drawn, including: parsing each display image data of the target display data and generating each display image based on each display image data; adjusting the image layout of each display image through the target display layout data to obtain the front-end display interface display image.

[0091] In this embodiment, the terminal parses the display image data corresponding to the target display data. The display image data includes information about each element of the display image, such as the source address and fill format. The terminal generates the display image corresponding to the target display data using the display image data. The terminal adjusts the image layout corresponding to each display image using the target display layout data to obtain the display image of the front-end display interface. The image layout refers to the position and size information of the display image within the image.

[0092] Based on the above solution, the front-end display interface only needs to parse the target display data and the target display layout data to display the front-end display interface image to the user, thus improving the flexibility of the front-end display interface.

[0093] This application also provides an example of an interface display, as shown in Figure 4. The specific processing procedure includes the following steps:

[0094] Step S401: In response to the user's operation to start the front-end display interface, obtain the user's target interface information.

[0095] Step S402: In the backend interface database, based on the target display data tag, filter the target display data corresponding to the target display data tag in each frontend display data, and based on the target display layout data tag, filter the target display layout data corresponding to the target display layout data tag in each frontend display layout data.

[0096] Step S403: Obtain the interaction logic information between the front-end display interface and the back-end functional program, and generate back-end functional data based on the back-end functional information.

[0097] Step S404: Based on the interaction logic information, establish the interaction logic between the target display data and the backend functional data in the target display data to obtain the completed target display data.

[0098] Step S405: parse the display image data of the target display data, and generate each display image based on the display image data.

[0099] Step S406: Adjust the image layout of each display image using the target display layout data to obtain the front-end interface display image.

[0100] Step S407: Display the image on the front-end display interface to the user.

[0101] 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.

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

[0103] In one embodiment, such as Figure 5 As shown, an interface display device is provided, including: an acquisition module 510, a creation module 520, a drawing module 530, and a display module 540, wherein:

[0104] The acquisition module 510 is used to retrieve the target display data group and backend function information from the backend interface database in response to the user's operation of starting the front-end display interface; the target display data group includes target display data and target display layout data.

[0105] Module 520 is used to generate backend function data based on the backend function information, and to establish the interaction logic between the target display data and the backend function data in the target display data to obtain the completed target display data.

[0106] The drawing module 530 is used to draw the front-end display interface image based on the completed target display data and the target display layout data.

[0107] The display module 540 is used to display the image displayed on the front-end display interface to the user through the front-end display interface.

[0108] Optionally, the establishment module 520 is specifically used for:

[0109] Obtain the interaction logic information between the front-end display interface and the back-end functional program, and generate the back-end functional data based on the back-end functional information;

[0110] Based on the interaction logic information, an interaction logic is established between the target display data and the backend functional data in the target display data to obtain the improved target display data.

[0111] Optionally, the device further includes:

[0112] The response module is used to respond to the user's click on the interactive display image, query the first target display data corresponding to the interactive display image, and call the backend function data corresponding to the first target display data according to the interaction strategy between the target display data and the backend function data.

[0113] The execution module is used to execute the backend function data and transmit the execution result of the backend function data to the frontend display interface.

[0114] Optionally, the device further includes:

[0115] The information acquisition module is used to acquire the user's target display information;

[0116] The generation module is used to generate front-end display data and front-end display layout data based on the target display information.

[0117] The front-end display data and the front-end display layout data are used as front-end display information and stored in the back-end interface database.

[0118] Optionally, the acquisition module 510 is specifically used for:

[0119] In response to the user's operation to launch the front-end display interface, the system obtains the user's target interface information; the target interface information includes target display data tags and target display layout data tags.

[0120] In the backend interface database, based on the target display data tag, target display data corresponding to the target display data tag is filtered from each frontend display data, and based on the target display layout data tag, target display layout data corresponding to the target display layout data tag is filtered from each frontend display layout data.

[0121] Optionally, the drawing module 530 is specifically used for:

[0122] The parsing module is used to parse the display image data of the target display data and generate each display image based on the display image data.

[0123] The adjustment module is used to adjust the image layout of each displayed image based on the target display layout data to obtain the front-end interface display image.

[0124] Each module in the aforementioned interface display 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.

[0125] In one embodiment, a computer device is provided, which may be a terminal, and its internal structure diagram may be as follows: Figure 6 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 an interface display method. The display screen can be an LCD screen or an e-ink screen. The input devices can be a touch layer covering the display screen, buttons, a trackball, or a touchpad located on the computer device's casing, or an external keyboard, touchpad, or mouse.

[0126] Those skilled in the art will understand that Figure 6 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.

[0127] 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:

[0128] In response to the user's operation to launch the front-end display interface, the target display data group and back-end function information are retrieved from the back-end interface database; the target display data group includes target display data and target display layout data;

[0129] Based on the backend function information, backend function data is generated, and in the target display data, the interaction logic between the target display data and the backend function data is established to obtain the completed target display data;

[0130] Based on the completed target display data and the target display layout data, draw the front-end display interface image;

[0131] The front-end display interface is used to show the user the displayed image.

[0132] Optionally, the step of generating backend function data based on the backend function information, and establishing interaction logic between the target display data and the backend function data in the target display data to obtain the completed target display data includes:

[0133] Obtain the interaction logic information between the front-end display interface and the back-end functional program, and generate the back-end functional data based on the back-end functional information;

[0134] Based on the interaction logic information, an interaction logic is established between the target display data and the backend functional data in the target display data to obtain the improved target display data.

[0135] Optionally, the interface display image includes multiple interactive display images, and after showing the front-end display interface image to the user through the front-end display interface, it further includes:

[0136] In response to a user's click on an interactive display image, query the first target display data corresponding to the interactive display image, and call the backend function data corresponding to the first target display data according to the interaction strategy between the target display data and the backend function data;

[0137] The backend function data is executed, and the execution result of the backend function data is transmitted to the frontend display interface.

[0138] Optionally, before obtaining the target display data group and backend function data from the backend interface database, the method further includes:

[0139] Obtain the user's target display information;

[0140] Based on the target display information, generate front-end display data and front-end display layout data;

[0141] The front-end display data and the front-end display layout data are used as front-end display information and stored in the back-end interface database.

[0142] Optionally, acquiring the target display data group includes:

[0143] In response to the user's operation to launch the front-end display interface, the system obtains the user's target interface information; the target interface information includes target display data tags and target display layout data tags.

[0144] In the backend interface database, based on the target display data tag, target display data corresponding to the target display data tag is filtered from each frontend display data, and based on the target display layout data tag, target display layout data corresponding to the target display layout data tag is filtered from each frontend display layout data.

[0145] Optionally, drawing the front-end display interface image based on the completed target display data and the target display layout data includes:

[0146] The target display data is parsed, and each display image is generated based on the display image data.

[0147] By adjusting the image layout of each displayed image using the target display layout data, the front-end interface display image is obtained.

[0148] 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:

[0149] In response to the user's operation to launch the front-end display interface, the target display data group and back-end function information are retrieved from the back-end interface database; the target display data group includes target display data and target display layout data;

[0150] Based on the backend function information, backend function data is generated, and in the target display data, the interaction logic between the target display data and the backend function data is established to obtain the completed target display data;

[0151] Based on the completed target display data and the target display layout data, draw the front-end display interface image;

[0152] The front-end display interface is used to show the user the displayed image.

[0153] Optionally, the step of generating backend function data based on the backend function information, and establishing interaction logic between the target display data and the backend function data in the target display data to obtain the completed target display data includes:

[0154] Obtain the interaction logic information between the front-end display interface and the back-end functional program, and generate the back-end functional data based on the back-end functional information;

[0155] Based on the interaction logic information, an interaction logic is established between the target display data and the backend functional data in the target display data to obtain the improved target display data.

[0156] Optionally, the interface display image includes multiple interactive display images, and after showing the front-end display interface image to the user through the front-end display interface, it further includes:

[0157] In response to a user's click on an interactive display image, query the first target display data corresponding to the interactive display image, and call the backend function data corresponding to the first target display data according to the interaction strategy between the target display data and the backend function data;

[0158] The backend function data is executed, and the execution result of the backend function data is transmitted to the frontend display interface.

[0159] Optionally, before obtaining the target display data group and backend function data from the backend interface database, the method further includes:

[0160] Obtain the user's target display information;

[0161] Based on the target display information, generate front-end display data and front-end display layout data;

[0162] The front-end display data and the front-end display layout data are used as front-end display information and stored in the back-end interface database.

[0163] Optionally, acquiring the target display data group includes:

[0164] In response to the user's operation to launch the front-end display interface, the system obtains the user's target interface information; the target interface information includes target display data tags and target display layout data tags.

[0165] In the backend interface database, based on the target display data tag, target display data corresponding to the target display data tag is filtered from each frontend display data, and based on the target display layout data tag, target display layout data corresponding to the target display layout data tag is filtered from each frontend display layout data.

[0166] Optionally, drawing the front-end display interface image based on the completed target display data and the target display layout data includes:

[0167] The target display data is parsed, and each display image is generated based on the display image data.

[0168] By adjusting the image layout of each displayed image using the target display layout data, the front-end interface display image is obtained.

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

[0170] In response to the user's operation to launch the front-end display interface, the target display data group and back-end function information are retrieved from the back-end interface database; the target display data group includes target display data and target display layout data;

[0171] Based on the backend function information, backend function data is generated, and in the target display data, the interaction logic between the target display data and the backend function data is established to obtain the completed target display data;

[0172] Based on the completed target display data and the target display layout data, draw the front-end display interface image;

[0173] The front-end display interface is used to show the user the displayed image.

[0174] Optionally, the step of generating backend function data based on the backend function information, and establishing interaction logic between the target display data and the backend function data in the target display data to obtain the completed target display data includes:

[0175] Obtain the interaction logic information between the front-end display interface and the back-end functional program, and generate the back-end functional data based on the back-end functional information;

[0176] Based on the interaction logic information, an interaction logic is established between the target display data and the backend functional data in the target display data to obtain the improved target display data.

[0177] Optionally, the interface display image includes multiple interactive display images, and after showing the front-end display interface image to the user through the front-end display interface, it further includes:

[0178] In response to a user's click on an interactive display image, query the first target display data corresponding to the interactive display image, and call the backend function data corresponding to the first target display data according to the interaction strategy between the target display data and the backend function data;

[0179] The backend function data is executed, and the execution result of the backend function data is transmitted to the frontend display interface.

[0180] Optionally, before obtaining the target display data group and backend function data from the backend interface database, the method further includes:

[0181] Obtain the user's target display information;

[0182] Based on the target display information, generate front-end display data and front-end display layout data;

[0183] The front-end display data and the front-end display layout data are used as front-end display information and stored in the back-end interface database.

[0184] Optionally, acquiring the target display data group includes:

[0185] In response to the user's operation to launch the front-end display interface, the system obtains the user's target interface information; the target interface information includes target display data tags and target display layout data tags.

[0186] In the backend interface database, based on the target display data tag, target display data corresponding to the target display data tag is filtered from each frontend display data, and based on the target display layout data tag, target display layout data corresponding to the target display layout data tag is filtered from each frontend display layout data.

[0187] Optionally, drawing the front-end display interface image based on the completed target display data and the target display layout data includes:

[0188] The target display data is parsed, and each display image is generated based on the display image data.

[0189] By adjusting the image layout of each displayed image using the target display layout data, the front-end interface display image is obtained.

[0190] 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, stored data, displayed data, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties.

[0191] Those skilled in the art will understand that all or part of the processes in 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 described above. 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.

[0192] 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.

[0193] 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 method for displaying an interface, characterized in that, Applied to a terminal, the method includes: In response to a user's action to initiate a front-end display interface, the system obtains the user's target interface information, which includes target display data tags and target display layout data tags. In the back-end interface database, based on the target display data tags and target display layout data tags, the system obtains target display data groups and back-end function information. The target display data groups include target display data corresponding to the target display data tags and target display layout data corresponding to the target display layout data tags. The back-end function information is the generation information corresponding to the back-end function data, which is data that executes the command functions corresponding to the user's actions on the front-end display interface. The interaction logic information between the front-end display interface and the back-end functional program is obtained, and back-end functional data is generated based on the back-end functional information through a code generation strategy. The back-end functional data is represented in the form of code. Based on the interaction logic information, for each target display data, select the backend function data corresponding to the target display data from each backend function data, and establish the interaction logic between the target display data and the backend function data corresponding to the target display data in each target display data to obtain the completed target display data. The system parses the display image data of the target display data and generates each display image based on the display image data; it then adjusts the image layout of each display image using the target display layout data to obtain the front-end interface display image. The front-end display interface is presented to the user to display images, including multiple interactive display images. In response to a user's click on an interactive display image, query the first target display data corresponding to the interactive display image, and call the backend function data corresponding to the first target display data according to the interaction strategy between the target display data and the backend function data; The backend function data is executed, and the execution result of the backend function data is transmitted to the frontend display interface.

2. The method according to claim 1, characterized in that, Before retrieving the target display data group and backend function data from the backend interface database, the process also includes: Obtain the user's target display information; Based on the target display information, generate front-end display data and front-end display layout data; The front-end display data and the front-end display layout data are used as front-end display information and stored in the back-end interface database.

3. An interface display device, characterized in that, Applied to the terminal as described in claim 1, the device comprises: The acquisition module is used to acquire the user's target interface information in response to the user's operation of launching the front-end display interface. The target interface information includes target display data tags and target display layout data tags. In the back-end interface database, target display data groups and back-end function information are acquired based on the target display data tags and target display layout data tags. The target display data group includes target display data corresponding to the target display data tags and target display layout data corresponding to the target display layout data tags. The back-end function information is the generation information corresponding to the back-end function data, and the back-end function data is the data that executes the instruction function corresponding to the user's operation information on the front-end display interface. A module is established to acquire the interaction logic information between the front-end display interface and the back-end functional program, and to generate back-end functional data based on the back-end functional information through a code generation strategy. The back-end functional data is represented in the form of code. Based on the interaction logic information, for each target display data, select the backend function data corresponding to the target display data from each backend function data, and establish the interaction logic between the target display data and the backend function data corresponding to the target display data in each target display data to obtain the completed target display data. The drawing module is used to parse the display image data of the target display data and generate each display image based on the display image data; it also adjusts the image layout of each display image based on the target display layout data to obtain the front-end interface display image. The display module is used to display images to the user through the front-end display interface, the displayed images including multiple interactive display images; The device is also used for: In response to a user's click on an interactive display image, query the first target display data corresponding to the interactive display image, and call the backend function data corresponding to the first target display data according to the interaction strategy between the target display data and the backend function data; The backend function data is executed, and the execution result of the backend function data is transmitted to the frontend display interface.

4. 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 of claim 1 or 2.

5. 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 of claim 1 or 2.

6. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the steps of the method of claim 1 or 2.

Images