CN115934238A - Interface display method and device, computer equipment and storage medium - Google Patents
Interface display method and device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN115934238A CN115934238A CN202211723645.9A CN202211723645A CN115934238A CN 115934238 A CN115934238 A CN 115934238A CN 202211723645 A CN202211723645 A CN 202211723645A CN 115934238 A CN115934238 A CN 115934238A
- Authority
- CN
- China
- Prior art keywords
- data
- display
- interface
- target
- target display
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The application relates to an interface display method, an interface display device, computer equipment and a storage medium. The application relates to the technical field of artificial intelligence. The method comprises the following steps: responding to the operation of starting a front-end display interface by a user, and acquiring a target display data set and back-end function information in a back-end interface database; the target display data set comprises target display data and target display layout data; generating back-end function data according to the back-end function information, and establishing interaction logic of the target display data and the back-end function data in the target display data to obtain the perfect target display data; drawing a front-end display interface display image according to the completed 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. By adopting the method, the flexibility of the front-end display interface can be improved.
Description
Technical Field
The present application relates to the field of artificial intelligence technologies, and in particular, to an interface display method and apparatus, a computer device, and a storage medium.
Background
With the maturity of communication technology and the popularization of intelligent terminals, application terminalization has become a normal state, mobile App development is rapid, and through an application store, people can download a plurality of applications such as mobile social contact, mobile payment and mobile finance, and the user requirements are met in multiple directions. The display of the front-end display interface of the mobile client is one of the most important means for the mobile client to attract users, and therefore, how to improve the display effect of the front-end display interface is always the research focus in this field.
The existing front-end display interface display is that front-end page display data is developed at the front end by workers, and the front-end display data is matched with rear-end function data, so that a front-end page display function is realized, however, when page content changes or bugs appear, a user is required to update a mobile client, and the front-end display interface display requirement of the user is met, meanwhile, front-end programs and rear-end programs are updated, the updated front-end display interface is displayed, and therefore the display flexibility of the front-end display interface is poor.
Disclosure of Invention
In view of the foregoing, it is desirable to provide an interface display method, an interface display apparatus, a computer device, a computer readable storage medium, and a computer program product.
In a first aspect, the present application provides a method for displaying an interface. The method comprises the following steps:
responding to the operation of starting a front-end display interface by a user, and acquiring a target display data set and back-end function information from a back-end interface database; the target display data set comprises target display data and target display layout data;
generating back-end function data according to the back-end function information, and establishing interaction logic of the target display data and the back-end function data in the target display data to obtain the perfect target display data;
drawing a front-end display interface display image according to the completed 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.
Optionally, the generating back-end function data according to the back-end function information, and establishing an interaction logic between the target display data and the back-end function data in the target display data to obtain the completed target display data includes:
acquiring interactive logic information of a front-end display interface and a back-end function program, and generating back-end function data according to the back-end function information;
and establishing interaction logic of the target display data and the back-end functional data in the target display data according to the interaction logic information to obtain the completed target display data.
Optionally, the interface display image includes a plurality of interactive display images, and after the front-end display interface displays the image to the user, the method further includes:
responding to an operation of clicking an interactive display image by a user, inquiring first target display data corresponding to the interactive display image, and calling back-end function data corresponding to the first target display data according to an interaction strategy of the target display data and the back-end function data;
and executing the back-end functional data, and transmitting the execution result of the back-end functional data to the front-end display interface.
Optionally, before the obtaining of the target display data group and the backend functional data in the backend interface database, the method further includes:
acquiring target display information of a user;
generating front-end display data and front-end display layout data according to the target display information;
and taking the front-end display data and the front-end display layout data as front-end display information, and storing the front-end display information and the front-end display layout data into a back-end interface database.
Optionally, the acquiring the target display data set includes:
responding to the operation of starting a front-end display interface of a user, and acquiring target interface information of the user; the target interface information comprises a target display data label and a target display layout data label;
and in a back-end interface database, screening target display data corresponding to the target display data labels in each front-end display data according to the target display data labels, and screening target display layout data corresponding to the target display layout data labels in each front-end display layout data according to the target display layout data labels.
Optionally, the drawing a front-end display interface display image according to the completed target display data and the target display layout data includes:
analyzing each display image data of the target display data, and generating each display image according to each display image data;
and adjusting the image layout of each display image according to the target display layout data to obtain a front-end interface display image.
In a second aspect, the present application further provides an interface display apparatus. The device comprises:
the acquisition module is used for responding to the operation of starting the front-end display interface of a user and acquiring a target display data set and back-end function information in a back-end interface database; the target display data set comprises target display data and target display layout data;
the establishing module is used for generating back-end function data according to the back-end function information, and establishing interaction logic of the target display data and the back-end function data in the target display data to obtain the perfect target display data;
the drawing module is used for drawing a front-end display interface display image according to the completed target display data and the target display layout data;
and the display module is used for displaying the front-end display interface display image to the user through the front-end display interface.
Optionally, the establishing module is specifically configured to:
acquiring interactive logic information of a front-end display interface and a back-end function program, and generating back-end function data according to the back-end function information;
and establishing interaction logic of the target display data and the back-end functional data in the target display data according to the interaction logic information to obtain the completed target display data.
Optionally, the apparatus further comprises:
the response module is used for responding to the operation of clicking an interactive display image by a user, inquiring first target display data corresponding to the interactive display image, and calling back-end function data corresponding to the first target display data according to an interaction strategy of the target display data and the back-end function data;
and the execution module is used for executing the back-end functional data and transmitting the execution result of the back-end functional data to the front-end display interface.
Optionally, the apparatus further comprises:
the information acquisition module is used for acquiring target display information of a user;
the generating module is used for generating front-end display data and front-end display layout data according to the target display information;
and taking the front-end display data and the front-end display layout data as front-end display information, and storing the front-end display information and the front-end display layout data into a back-end interface database.
Optionally, the obtaining module is specifically configured to:
responding to the operation of starting a front-end display interface of a user, and acquiring target interface information of the user; the target interface information comprises a target display data label and a target display layout data label;
and in the back-end interface database, screening target display data corresponding to the target display data labels in each front-end display data according to the target display data labels, and screening target display layout data corresponding to the target display layout data labels in each front-end display layout data according to the target display layout data labels.
Optionally, the drawing module is specifically configured to:
the analysis module is used for analyzing each display image data of the target display data and generating each display image according to each display image data;
and the adjusting module is used for adjusting the image layout of each display image according to the target display layout data to obtain a front-end interface display image.
In a third aspect, the present application provides a computer device. The computer device comprises a memory storing a computer program and a processor implementing the steps of the method of any of the first aspects when the processor executes the computer program.
In a fourth aspect, the present application provides a computer-readable storage medium. On which a computer program is stored which, when being executed by a processor, carries out the steps of the method of any one of the first aspects.
In a fifth aspect, the present application provides a computer program product. The computer program product comprises a computer program which, when executed by a processor, performs the steps of the method of any one of the first aspects.
According to the interface display method, the interface display device, the computer equipment and the storage medium, the target display data set and the back-end function information are acquired in the back-end interface database by responding to the operation of starting the front-end display interface of a user; the target display data set comprises target display data and target display layout data; generating back-end function data according to the back-end function information, and establishing interaction logic of the target display data and the back-end function data in the target display data to obtain the perfect target display data; drawing a front-end display interface display image according to the completed target display data and the target display layout data; and displaying the interface display image to the user through the front-end display interface. Only the functions of displaying and drawing the front-end display interface are reserved, so that when a user starts the front-end display interface, the front end only needs to call target display data and target display layout data corresponding to the interface display image required by the user from a back-end interface database and draw the interface display image, and the purpose of displaying the interface display image required by the user to the user can be achieved; when a user generates a new interface display image demand, the display data and the display layout data corresponding to the new interface display image are stored in the back-end interface database, and the calling strategy of the front-end back-end interface database is updated, so that the update of the front-end display interface display image can be completed, the process that developers need to update the front-end again when the front-end display interface display image is updated every time is avoided, and the display flexibility of the front-end display interface is improved.
Drawings
FIG. 1 is a schematic flow chart diagram illustrating a method for interface presentation in one embodiment;
FIG. 2 is a flow diagram illustrating the steps in establishing interaction logic in one embodiment;
FIG. 3 is a flowchart illustrating steps of user interaction with a front-end display interface in one embodiment;
FIG. 4 is a flowchart showing an example of interface presentation in another embodiment;
FIG. 5 is a block diagram showing the structure of an interface display apparatus according to an embodiment;
FIG. 6 is a diagram illustrating an internal structure of a computer device according to an embodiment.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more clearly understood, the present application is further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the present application and are not intended to limit the present application.
The interface display method provided by the embodiment of the application can be applied to a terminal, a server and a system comprising the terminal and the server, and is realized through interaction of the terminal and the server. The terminal may include, but is not limited to, various personal computers, notebook computers, tablet computers, and the like. The terminal only reserves the functions of displaying and drawing the front-end display interface, so that when a user starts the front-end display interface, the front end only needs to call target display data and target display layout data corresponding to the interface display image required by the user from a rear-end interface database and draw the interface display image, and the purpose of displaying the interface display image required by the user to the user can be achieved; when a user generates a new interface display image demand, the display data and the display layout data corresponding to the new interface display image are stored in the back-end interface database, and the calling strategy of the front-end and back-end interface databases is updated, so that the update of the front-end display interface display image can be completed, the process that a developer needs to update the front-end again when the front-end display interface display image is updated every time is avoided, and the flexibility of the front-end display interface display is improved.
In an embodiment, as shown in fig. 1, an interface display method is provided, which is described by taking an example that the method is applied to a terminal, and includes the following steps:
and step S101, responding to the operation of starting the front-end display interface by a user, and acquiring a target display data set and back-end function information in a back-end interface database.
The target display data set comprises target display data and target display layout data.
In this embodiment, the terminal responds to the operation of starting the front-end display interface by the user, and screens a target display data set required by the user in the back-end interface database, where the target display data set includes target display data and target display layout data. The front-end display interface can be but is not limited to a non-web page type front-end display interface such as a mobile client, an applet and the like. And the terminal acquires the back-end function information in the back-end interface database. The back-end function data is the operation information responding to the user's front-end display interface, so as to execute the instruction function corresponding to the operation information. For example, a user inputs a transfer amount of 1000 yuan in a front-end display interface, after clicking confirmation, a back end responds to the transfer operation of the user, and transfers 1000 yuan of resource data into a target account through transfer function data, so that the transfer operation is completed. The target display data comprises different types of node data of a plurality of front-end display interfaces. For example, the page node: interface layout information root nodes, under which interface layout information nodes such as navigationBar and body nodes are connected; navigationBar node: the interface navigation bar information node is connected with the navigation bar related information node; body node: the interface theme zone information node can be connected with a plurality of block information node sections with different display types in a hanging manner, and a specific section block or a newly added section block can be deleted according to actual conditions; section node: the section node can define a corresponding section type according to the content to be displayed in the section, and distinguish different interface display types through a section type dictionary; if the tile title needs to be displayed, the tile title may be configured through the sectionTitle node. Furthermore, the cell structure can be identified by defining the cellType, the corresponding relation between the type and the interface component is established, and the components of the same cellType can be subsequently reused in other scenes. Besides the identification information nodes, other required nodes can be hung down under the section according to the display content of the specific function. For example, for the simplest list entry type information display content, the display can be realized by defining a cellList array structure node, each piece of entry information can realize the display of an entry label and a label value by configuring node fields such as label, labelColor, value color and the like, and the display color of the corresponding information can be set.
And S102, generating back-end function data according to the back-end function information, and establishing interaction logic of the target display data and the back-end function data in the target display data to obtain the completed target display data.
In this embodiment, the terminal generates the backend function data according to the backend function information and through the data generation policy. The back-end function data is characterized as a code form, and the data generation policy is a code generation policy for generating a code according to an instruction conventionally, and is not limited here. And the terminal establishes an interactive logic of the target display data and the back-end functional data in each target display data. And obtaining each completed target display data. The specific process of establishing the interaction logic will be described in detail later.
And step S103, drawing a front-end display interface display image according to the completed target display data and the target display layout data.
In this embodiment, the terminal draws a target display style picture corresponding to each target display data according to the completed target display data, and performs layout adjustment on each target display style picture according to the target display layout data to obtain a front-end display interface display image.
And step S104, displaying the front-end display interface display image to the user through the front-end display interface.
In this embodiment, the terminal displays the interface display image to the user through the front-end display interface.
Based on the scheme, only the functions of displaying and drawing the front-end display interface are reserved, so that when a user starts the front-end display interface, the front end only needs to call target display data and target display layout data corresponding to the interface display image required by the user from a rear-end interface database and draw the interface display image, and the purpose of displaying the interface display image required by the user to the user can be achieved; when a user generates a new interface display image demand, the display data and the display layout data corresponding to the new interface display image are stored in the back-end interface database, and the calling strategy of the front-end back-end interface database is updated, so that the update of the front-end display interface display image can be completed, the process that developers need to update the front-end again when the front-end display interface display image is updated every time is avoided, and the display flexibility of the front-end display interface is improved.
Optionally, as shown in fig. 2, generating back-end function data according to the back-end function information, and establishing an interaction logic between the target display data and the back-end function data in the target display data to obtain the completed target display data, including:
step S201, acquiring the interactive logic information between the front-end display interface and the back-end function program, and generating back-end function data according to the back-end function information.
In this embodiment, the terminal obtains the interactive logic information between the front-end display interface and the back-end function program. The interactive logic information of the front-end display interface and the back-end function program may be, but is not limited to, interactive information of each target display data and back-end function data, and through the interactive information, a user may instruct the back-end function data to execute a target task by operating a picture corresponding to the target display data. And the terminal generates back-end function data according to the back-end function information.
The role of the interactive logic information is, for example, taking the area of the navigationBar (dynamic background color) node (i.e. display interface) as an example, the type of event processing clicked in the upper left corner of the navigation bar (i.e. interactive logic information), and defining a leftBtn node (target presentation data for left control). The node may include the following node information:
btnName: the display names of the configuration buttons, such as: returning, configurable as required; btnImg: button picture name or download address, may be empty; btnId: defining an identifier of the button, wherein the identifier can be used when special treatment is needed to be carried out on the specified button and can be configured according to needs; and actionType, defining the type of the click jump event, and defining the same type of jump event and the same processing logic. For example, a corresponding dictionary may be defined as: webview: pushing out a new webview page; native _ alert _ select: popping up an alert box at the C end, and only comprising prompt information and left and right selection buttons; and so on. actionParam: the parameter configuration of the jump event type is defined corresponding to the actionType, for example, when the actionType is the webview type: configuring url parameters required by a page to be skipped to; when actionType is a native _ alert _ select type: configuring a json format string, comprising the following parameters: title, title is prompted and can be empty; msg: prompting contents; leftBtn left button, btn structure; rightBtn: a right button, btn configuration; in the (btn structure comprising btnId, btnName, btnImg, actionParam, actionType) left and right button structure, if the configured jump type is not a general flow, the special transaction processing needs to be distinguished according to the btnId of the parent button.
Step S202, according to the interactive logic information, interactive logic of the target display data and the back-end function data is established in the target display data, and the completed target display data is obtained.
In this embodiment, the terminal selects, for each piece of target presentation data, back-end function data corresponding to the target presentation data from among the back-end function data according to the interaction logic information, and establishes an interaction logic between the target presentation data and the back-end function data in the target presentation data. And obtaining the completed target display data.
Based on the scheme, the interaction logic of the target display data and the back-end function data is established, so that the target interface picture displayed to the user can be normally interacted and used with the back-end function data.
Optionally, as shown in fig. 3, the interface display image includes a plurality of interactive display images, and after the interface display image is displayed to the user through the front-end display interface, the method further includes:
step S301, responding to the operation of clicking the interactive display image by the user, inquiring first target display data corresponding to the interactive display image, and calling back-end function data corresponding to the first target display data according to the interaction strategy of the target display data and the back-end function data.
In this embodiment, in response to an operation of clicking an interactive display image by a user, a terminal determines first target display data corresponding to the interactive display image, queries, according to an interaction logic between the target display data and backend functional data, backend functional data corresponding to the first target display data, and invokes a program corresponding to the backend functional data.
Step S302, executing the back-end function data, and transmitting an execution result of the back-end function data to the front-end display interface.
In this embodiment, the terminal executes the function program corresponding to the back-end function data, transmits the execution result of the back-end function data to the front-end display interface, and displays the execution result to the user through the front-end display interface.
Based on the scheme, the command that the user clicks the interactive display image is executed through the interaction strategy of the target display data and the back-end function data, so that the normal operation of the front-end display interface is ensured.
Optionally, before the obtaining of the target display data set and the backend functional data in the backend interface database, the method further includes: acquiring target display information of a user; generating front-end display data and front-end display layout data according to the target display information; and taking the front-end display data and the front-end display layout data as front-end display information and storing the front-end display information and the front-end display layout data into a back-end interface database.
In this embodiment, the terminal acquires target display information of the user. The target display information is the requirement information of the image displayed on the front-end display interface required by the user. The terminal divides the target display information into front-end display data demand information and front-end display layout demand information. The terminal determines each data value of the front-end display data according to the front-end display data demand information, and generates the front-end display data according to each data value. The terminal determines the position information of the display content of each front end according to the front end display layout requirement information, and generates display layout data according to the position information of the display content of each front end. The process of generating each data according to the location information or the data value is a code generation process of a code generation policy, and the present application is not limited. And the terminal takes the front-end display data and the front-end display layout data as front-end display information and stores the front-end display information and the front-end display layout data into a back-end interface database.
Based on the scheme, the terminal generates the front-end display data and the front-end display layout data and stores the front-end display data and the front-end display layout data into the rear-end interface database, so that the front-end display interface is ensured not to store data, the data load of the front-end display interface is reduced, and the display flexibility of the front-end display interface is improved.
Optionally, the obtaining of the target display data set includes: responding to the operation of starting a front-end display interface of a user, and acquiring target interface information of the user; the target interface information comprises a target display data label and a target display layout data label; and in the back-end interface database, screening target display data corresponding to the target display data labels in each front-end display data according to the target display data labels, and screening target display layout data corresponding to the target display layout data labels in each front-end display layout data according to the target display layout data labels.
In this embodiment, the terminal responds to the operation of starting the front-end display interface of the user to acquire the target interface information of the user. The target interface information comprises a target display data label and a target display layout data label. And the terminal screens target display data corresponding to the target display data labels in each front-end display data according to the target display data labels in the back-end interface database, and screens target display layout data corresponding to the target display layout data labels in each front-end display layout data according to the target display layout data labels.
Based on the scheme, the target display information of the front-end display interface is acquired from the back-end interface database, so that the data load of the front-end display interface is reduced, the front-end display interface does not need to be changed or adjusted, and the display flexibility of the front-end display interface is improved.
Optionally, drawing a front-end display interface display image according to the completed target display data and the target display layout data, including: analyzing each display image data of the target display data, and generating each display image according to each display image data; and adjusting the image layout of each display image according to the target display layout data to obtain the display image of the front-end display interface.
In this embodiment, the terminal parses display image data corresponding to the target presentation data. The display image data comprises each element information of the display image, and the element information comprises data information such as a source address and a filling format of the display image. And the terminal generates a display image corresponding to the target display data through each display image data. And the terminal adjusts the image layout corresponding to each display image according to the target display layout data to obtain the display image of the front-end display interface. The image layout is the position and size information of the display image in the image.
Based on the scheme, the front-end display interface can display the front-end display interface display image to the user only by analyzing the target display data and the target display layout data, so that the flexibility of the front-end display interface is improved.
The application also provides an interface display example, as shown in fig. 4, the specific processing procedure includes the following steps:
step S401, responding to the operation of starting the front end display interface of the user, and acquiring the target interface information of the user.
Step S402, in the back-end interface database, according to the target display data tags, screening target display data corresponding to the target display data tags in each front-end display data, and according to the target display layout data tags, screening target display layout data corresponding to the target display layout data tags in each front-end display layout data.
Step S403, acquiring the interactive logic information between the front-end display interface and the back-end function program, and generating back-end function data according to the back-end function information.
Step S404, according to the interactive logic information, the interactive logic of the target display data and the back-end function data is established in the target display data, and the completed target display data is obtained.
In step S405, each display image data of the target display data is analyzed, and each display image is generated based on each display image data.
Step S406, adjusting the image layout of each display image according to the target display layout data to obtain a front-end interface display image.
And step S407, displaying the front-end display interface display image to the user through the front-end display interface.
It should be understood that, although the steps in the flowcharts related to the embodiments as described above are sequentially displayed as indicated by arrows, the steps are not necessarily performed sequentially as indicated by the arrows. The steps are not performed in the exact order shown and described, and may be performed in other orders, unless explicitly stated otherwise. Moreover, at least a part of the steps in the flowcharts related to the embodiments described above may include multiple steps or multiple stages, which are not necessarily performed at the same time, but may be performed at different times, and the execution order of the steps or stages is not necessarily sequential, but may be rotated or alternated with other steps or at least a part of the steps or stages in other steps.
Based on the same inventive concept, the embodiment of the application also provides an interface display device for realizing the interface display method. The implementation scheme for solving the problem provided by the device is similar to the implementation scheme recorded in the method, so the specific limitations in one or more embodiments of the interface display device provided below can be referred to the limitations on the interface display method in the above, and details are not repeated here.
In one embodiment, as shown in fig. 5, there is provided an interface display apparatus comprising: an obtaining module 510, a creating module 520, a drawing module 530, and a presentation module 540, wherein:
an obtaining module 510, configured to, in response to a user starting a front-end display interface operation, obtain a target display data set and back-end function information in a back-end interface database; the target display data set comprises target display data and target display layout data;
the establishing module 520 is configured to generate back-end function data according to the back-end function information, and establish an interaction logic between the target display data and the back-end function data in the target display data to obtain completed target display data;
a drawing module 530, configured to draw a front-end display interface display image according to the completed target display data and the target display layout data;
a display module 540, configured to display the front-end display interface display image to the user through the front-end display interface.
Optionally, the establishing module 520 is specifically configured to:
acquiring interactive logic information of a front-end display interface and a back-end function program, and generating back-end function data according to the back-end function information;
and establishing interaction logic of the target display data and the back-end functional data in the target display data according to the interaction logic information to obtain the completed target display data.
Optionally, the apparatus further comprises:
the response module is used for responding to the operation of clicking an interactive display image by a user, inquiring first target display data corresponding to the interactive display image, and calling back-end function data corresponding to the first target display data according to an interaction strategy of the target display data and the back-end function data;
and the execution module is used for executing the back-end functional data and transmitting the execution result of the back-end functional data to the front-end display interface.
Optionally, the apparatus further comprises:
the information acquisition module is used for acquiring target display information of a user;
the generating module is used for generating front-end display data and front-end display layout data according to the target display information;
and taking the front-end display data and the front-end display layout data as front-end display information, and storing the front-end display information and the front-end display layout data into a back-end interface database.
Optionally, the obtaining module 510 is specifically configured to:
responding to the operation of starting a front-end display interface of a user, and acquiring target interface information of the user; the target interface information comprises a target display data label and a target display layout data label;
and in the back-end interface database, screening target display data corresponding to the target display data labels in each front-end display data according to the target display data labels, and screening target display layout data corresponding to the target display layout data labels in each front-end display layout data according to the target display layout data labels.
Optionally, the drawing module 530 is specifically configured to:
the analysis module is used for analyzing each display image data of the target display data and generating each display image according to each display image data;
and the adjusting module is used for adjusting the image layout of each display image according to the target display layout data to obtain a front-end interface display image.
The modules in the interface display device can be wholly or partially realized by software, hardware and a combination thereof. The modules can be embedded in a hardware form or independent from a processor in the computer device, and can also be stored in a memory in the computer device in a software form, so that the processor can call and execute operations corresponding to the modules.
In one embodiment, a computer device is provided, which may be a terminal, and its internal structure diagram may be as shown in fig. 6. The computer device includes a processor, a memory, a communication interface, a display screen, and an input device connected by a system bus. Wherein the processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device comprises a nonvolatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operating system and the computer program to run on the non-volatile storage medium. The communication interface of the computer device is used for carrying out wired or wireless communication with an external terminal, and the wireless communication can be realized through WIFI, a mobile cellular network, NFC (near field communication) or other technologies. The computer program is executed by a processor to implement an interface presentation method. The display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer equipment can be a touch layer covered on the display screen, a key, a track ball or a touch pad arranged on the shell of the computer equipment, an external keyboard, a touch pad or a mouse and the like.
It will be appreciated by those skilled in the art that the configuration shown in fig. 6 is a block diagram of only a portion of the configuration associated with the present application, and is not intended to limit the computing device to which the present application may be applied, and that a particular computing device may include more or less components than those shown, or may combine certain components, or have a different arrangement of components.
In one embodiment, a computer device is provided, comprising a memory having a computer program stored therein and a processor that when executing the computer program performs the steps of:
responding to the operation of starting a front-end display interface by a user, and acquiring a target display data set and back-end function information in a back-end interface database; the target display data set comprises target display data and target display layout data;
generating back-end function data according to the back-end function information, and establishing interaction logic of the target display data and the back-end function data in the target display data to obtain the perfect target display data;
drawing a front-end display interface display image according to the completed 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.
Optionally, the generating back-end function data according to the back-end function information, and establishing an interaction logic between the target display data and the back-end function data in the target display data to obtain the completed target display data includes:
acquiring interactive logic information of a front-end display interface and a back-end function program, and generating back-end function data according to the back-end function information;
and establishing interaction logic of the target display data and the back-end functional data in the target display data according to the interaction logic information to obtain the completed target display data.
Optionally, the interface display image includes a plurality of interactive display images, and after the front-end display interface displays the image to the user, the method further includes:
responding to an operation of clicking an interactive display image by a user, inquiring first target display data corresponding to the interactive display image, and calling back-end function data corresponding to the first target display data according to an interaction strategy of the target display data and the back-end function data;
and executing the back-end functional data, and transmitting the execution result of the back-end functional data to the front-end display interface.
Optionally, before the obtaining of the target display data group and the backend functional data in the backend interface database, the method further includes:
acquiring target display information of a user;
generating front-end display data and front-end display layout data according to the target display information;
and taking the front-end display data and the front-end display layout data as front-end display information and storing the front-end display information and the front-end display layout data into a back-end interface database.
Optionally, the acquiring the target display data set includes:
responding to the operation of starting a front-end display interface of a user, and acquiring target interface information of the user; the target interface information comprises a target display data label and a target display layout data label;
and in a back-end interface database, screening target display data corresponding to the target display data labels in each front-end display data according to the target display data labels, and screening target display layout data corresponding to the target display layout data labels in each front-end display layout data according to the target display layout data labels.
Optionally, the drawing a front-end display interface display image according to the completed target display data and the target display layout data includes:
analyzing each display image data of the target display data, and generating each display image according to each display image data;
and adjusting the image layout of each display image according to the target display layout data to obtain a front-end interface display image.
In one embodiment, a computer-readable storage medium is provided, having a computer program stored thereon, which when executed by a processor, performs the steps of:
responding to the operation of starting a front-end display interface by a user, and acquiring a target display data set and back-end function information in a back-end interface database; the target display data set comprises target display data and target display layout data;
generating back-end function data according to the back-end function information, and establishing interaction logic of 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 completed 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.
Optionally, the generating back-end function data according to the back-end function information, and establishing an interaction logic between the target display data and the back-end function data in the target display data to obtain the completed target display data includes:
acquiring interactive logic information of a front-end display interface and a back-end function program, and generating back-end function data according to the back-end function information;
and establishing interaction logic of the target display data and the back-end functional data in the target display data according to the interaction logic information to obtain the completed target display data.
Optionally, the interface display image includes a plurality of interactive display images, and after the front-end display interface displays the image to the user, the method further includes:
responding to the operation of clicking an interactive display image by a user, inquiring first target display data corresponding to the interactive display image, and calling back-end function data corresponding to the first target display data according to the interaction strategy of the target display data and the back-end function data;
and executing the back-end functional data, and transmitting the execution result of the back-end functional data to the front-end display interface.
Optionally, before the obtaining of the target display data group and the backend functional data in the backend interface database, the method further includes:
acquiring target display information of a user;
generating front-end display data and front-end display layout data according to the target display information;
and taking the front-end display data and the front-end display layout data as front-end display information, and storing the front-end display information and the front-end display layout data into a back-end interface database.
Optionally, the acquiring the target display data set includes:
responding to the operation of starting a front-end display interface of a user, and acquiring target interface information of the user; the target interface information comprises a target display data label and a target display layout data label;
and in the back-end interface database, screening target display data corresponding to the target display data labels in each front-end display data according to the target display data labels, and screening target display layout data corresponding to the target display layout data labels in each front-end display layout data according to the target display layout data labels.
Optionally, the drawing a front-end display interface display image according to the completed target display data and the target display layout data includes:
analyzing each display image data of the target display data, and generating each display image according to each display image data;
and adjusting the image layout of each display image according to the target display layout data to obtain a front-end interface display image.
In one embodiment, a computer program product is provided, comprising a computer program which, when executed by a processor, performs the steps of:
responding to the operation of starting a front-end display interface by a user, and acquiring a target display data set and back-end function information in a back-end interface database; the target display data set comprises target display data and target display layout data;
generating back-end function data according to the back-end function information, and establishing interaction logic of the target display data and the back-end function data in the target display data to obtain the perfect target display data;
drawing a front-end display interface display image according to the completed 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.
Optionally, the generating back-end function data according to the back-end function information, and establishing an interaction logic between the target display data and the back-end function data in the target display data to obtain the completed target display data includes:
acquiring interactive logic information of a front-end display interface and a back-end function program, and generating back-end function data according to the back-end function information;
and establishing interaction logic of the target display data and the back-end functional data in the target display data according to the interaction logic information to obtain the completed target display data.
Optionally, the interface display image includes a plurality of interactive display images, and after the front-end display interface displays the image to the user, the method further includes:
responding to an operation of clicking an interactive display image by a user, inquiring first target display data corresponding to the interactive display image, and calling back-end function data corresponding to the first target display data according to an interaction strategy of the target display data and the back-end function data;
and executing the back-end functional data, and transmitting the execution result of the back-end functional data to the front-end display interface.
Optionally, before the obtaining of the target display data group and the backend functional data in the backend interface database, the method further includes:
acquiring target display information of a user;
generating front-end display data and front-end display layout data according to the target display information;
and taking the front-end display data and the front-end display layout data as front-end display information, and storing the front-end display information and the front-end display layout data into a back-end interface database.
Optionally, the acquiring the target display data set includes:
responding to the operation of starting a front-end display interface of a user, and acquiring target interface information of the user; the target interface information comprises a target display data label and a target display layout data label;
and in the back-end interface database, screening target display data corresponding to the target display data labels in each front-end display data according to the target display data labels, and screening target display layout data corresponding to the target display layout data labels in each front-end display layout data according to the target display layout data labels.
Optionally, the drawing a front-end display interface display image according to the completed target display data and the target display layout data includes:
analyzing each display image data of the target display data, and generating each display image according to each display image data;
and adjusting the image layout of each display image according to the target display layout data to obtain a front-end interface display image.
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 for analysis, stored data, presented data, etc.) referred to in the present application are information and data authorized by the user or sufficiently authorized by each party.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above may be implemented by hardware instructions of a computer program, which may be stored in a non-volatile computer-readable storage medium, and when executed, may include the processes of the embodiments of the methods described above. Any reference to memory, database, or other medium used in the embodiments provided herein may include at least one of non-volatile and volatile memory. The nonvolatile memory may include a Read-only memory (ROM), a magnetic tape, a floppy disk, a flash memory, an optical memory, a high-density embedded nonvolatile memory, a resistive random access memory (ReRAM), a Magnetic Random Access Memory (MRAM), a Ferroelectric Random Access Memory (FRAM), a Phase Change Memory (PCM), a graphene memory, and the like. Volatile memory can include Random Access Memory (RAM), external cache memory, or the like. 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), among others. The databases referred to in various embodiments provided herein may include at least one of relational and non-relational databases. The non-relational database may include, but is not limited to, a block chain based distributed database, and the like. The processors referred to in the embodiments provided herein may be general purpose processors, central processing units, graphics processors, digital signal processors, programmable logic devices, quantum computing based data processing logic devices, etc., without limitation.
The technical features of the above embodiments can be arbitrarily combined, and for the sake of brevity, all possible combinations of the technical features in the above embodiments are not described, but should be considered as the scope of the present specification as long as there is no contradiction between the combinations of the technical features.
The above-mentioned embodiments only express several embodiments of the present application, and the description thereof is more specific and detailed, but not construed as limiting the scope of the present application. It should be noted that, for a person skilled in the art, several variations and modifications can be made without departing from the concept of the present application, which falls within the scope of protection of the present application. Therefore, the protection scope of the present application shall be subject to the appended claims.
Claims (10)
1. An interface display method, comprising:
responding to the operation of starting a front-end display interface by a user, and acquiring a target display data set and back-end function information from a back-end interface database; the target display data set comprises target display data and target display layout data;
generating back-end function data according to the back-end function information, and establishing interaction logic of 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 completed 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.
2. The method according to claim 1, wherein the generating back-end function data according to the back-end function information, and establishing an interaction logic between the target presentation data and the back-end function data in the target presentation data to obtain the refined target presentation data comprises:
acquiring interactive logic information of a front-end display interface and a back-end function program, and generating back-end function data according to the back-end function information;
and establishing interaction logic of the target display data and the back-end functional data in the target display data according to the interaction logic information to obtain the completed target display data.
3. The method of claim 2, wherein the interface display image comprises a plurality of interactive display images, and wherein after presenting the front-end display interface display image to the user via the front-end display interface, further comprising:
responding to an operation of clicking an interactive display image by a user, inquiring first target display data corresponding to the interactive display image, and calling back-end function data corresponding to the first target display data according to an interaction strategy of the target display data and the back-end function data;
and executing the back-end functional data, and transmitting the execution result of the back-end functional data to the front-end display interface.
4. The method of claim 1, wherein before obtaining the target display data set and the backend function data in the backend interface database, further comprising:
acquiring target display information of a user;
generating front-end display data and front-end display layout data according to the target display information;
and taking the front-end display data and the front-end display layout data as front-end display information, and storing the front-end display information and the front-end display layout data into a back-end interface database.
5. The method of claim 1, wherein said obtaining a target display data set comprises:
responding to the operation of starting a front-end display interface of a user, and acquiring target interface information of the user; the target interface information comprises a target display data label and a target display layout data label;
and in a back-end interface database, screening target display data corresponding to the target display data labels in each front-end display data according to the target display data labels, and screening target display layout data corresponding to the target display layout data labels in each front-end display layout data according to the target display layout data labels.
6. The method of claim 1, wherein said rendering a front-end display interface display image according to said refined target presentation data and said target presentation layout data comprises:
analyzing each display image data of the target display data, and generating each display image according to each display image data;
and adjusting the image layout of each display image according to the target display layout data to obtain a front-end interface display image.
7. An interface display apparatus, the apparatus comprising:
the acquisition module is used for responding to the operation of starting the front-end display interface of a user and acquiring a target display data set and back-end function information in a back-end interface database; the target display data set comprises target display data and target display layout data;
the establishing module is used for generating back-end function data according to the back-end function information, and establishing interaction logic of the target display data and the back-end function data in the target display data to obtain perfect target display data;
the drawing module is used for drawing a front-end display interface display image according to the completed target display data and the target display layout data;
and the display module is used for displaying the front-end display interface display image to the user through the front-end display interface.
8. A computer device comprising a memory and a processor, the memory storing a computer program, characterized in that the processor realizes the steps of the method of any one of claims 1 to 6 when executing the computer program.
9. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the method of any one of claims 1 to 6.
10. A computer program product comprising a computer program, characterized in that the computer program realizes the steps of the method of any one of claims 1 to 6 when executed by a processor.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211723645.9A CN115934238A (en) | 2022-12-30 | 2022-12-30 | Interface display method and device, computer equipment and storage medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211723645.9A CN115934238A (en) | 2022-12-30 | 2022-12-30 | Interface display method and device, computer equipment and storage medium |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115934238A true CN115934238A (en) | 2023-04-07 |
Family
ID=86550517
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211723645.9A Pending CN115934238A (en) | 2022-12-30 | 2022-12-30 | Interface display method and device, computer equipment and storage medium |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115934238A (en) |
-
2022
- 2022-12-30 CN CN202211723645.9A patent/CN115934238A/en active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20210117059A1 (en) | Application interface management method and apparatus | |
CN106533926B (en) | Webpage information spreading method and device | |
CN111596911B (en) | Method, device, computer equipment and storage medium for generating control | |
CN112800370A (en) | Business document processing method and device, computer equipment and storage medium | |
CN106257418A (en) | For by using assistance application to evaluate the technology of application | |
CN111124533A (en) | Method and device for dynamic configuration of active page | |
CN114611481A (en) | Template configuration method and device, computer equipment and storage medium | |
CN107391914B (en) | Parameter display method, device and equipment | |
CN115145545A (en) | Method and device for generating small program code, computer equipment and storage medium | |
CN114265653A (en) | Interface display method, device, equipment, storage medium and program product | |
CN108920645A (en) | Method and device for displaying intelligent device page, intelligent device and storage medium | |
CN110457408B (en) | Personalized map downloading method, device, equipment and storage medium | |
CN110333859B (en) | Page creation method, page creation device, electronic device and computer readable storage medium | |
CN112307377A (en) | Information display method and device and electronic equipment | |
CN115934238A (en) | Interface display method and device, computer equipment and storage medium | |
CN113296906B (en) | Task configuration method and device | |
CN114500731A (en) | Advertisement display method and electronic equipment | |
CN117251661B (en) | Webpage file generation method, device, computer equipment and storage medium | |
CN116700725B (en) | Page generation method, page generation device, computer equipment and storage medium | |
CN115840861A (en) | Method and device for updating style layout information, computer equipment and storage medium | |
CN116881594A (en) | View updating method, device, computer equipment and storage medium | |
CN115952374A (en) | Landing page generation method and device, computer equipment and storage medium | |
CN114237589A (en) | Skeleton screen generation method and device, terminal device and storage medium | |
CN115113945A (en) | Page loading method and device, computer equipment and storage medium | |
CN117612192A (en) | Electronic drawing information identification method, system, electronic equipment and storage medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |