CN114265658A - Page display method, device and equipment - Google Patents

Abstract

The application provides a page display method, a page display device and a page display device. The server receives the first input item content and the identification of the target page sent by the terminal equipment, acquires the information of the target item to be input according to the first input item content, the identification of the target page and a fourth mapping relation pre-stored in the database, and sends the information of the target item to be input to the terminal equipment. And the terminal equipment receives the target to-be-input item information returned by the server, and displays the name of each first to-be-input item in the target to-be-input item information and the corresponding content of the first to-be-input item in the dynamic change area according to the type of the component corresponding to each first to-be-input item in the target to-be-input item information. The target page can acquire the content to be updated in the dynamic change area without storing a large amount of codes in advance, and the response speed is high.

Description

Page display method, device and equipment

Technical Field

The present application relates to the field of computer technologies, and in particular, to a page display method, apparatus, and device.

Background

In the context of Browser/Server (B/S) architecture, the front-end page carries the primary responsibility for interacting with the user. With the increase of service complexity, the front-end page needs to bear more and more displayed contents, and often, the items to be input in other areas need to be updated according to the input contents of an input item in the page, so that the flexibility of the front-end page is improved.

At present, a developer is often required to write all input items and codes of the items to be input in a front-end page during system development. After the system is put into use, the items to be input in other areas in the front-end page are updated according to the input content of an input item in the front-end page, mainly the input content of the input item is acquired by the front-end page, and whether the items to be input in other areas need to be displayed is controlled through a JavaScript function according to the input content.

However, in the prior art, developers need to write corresponding codes for each input item and to-be-input items, so that page codes are relatively bloated, and the problem of untimely response may exist.

Disclosure of Invention

The application provides a page display method, a page display device and page display equipment, which are used for solving the problems that in the prior art, developers need to compile corresponding codes for each input item and to-be-input items, so that page codes are too fat, and response is not timely.

In a first aspect, an embodiment of the present application provides a page display method, which is applied to a terminal device, where a target page is displayed on a visual graphical interface of the terminal device, where the target page includes a fixed style area and a dynamic change area, and the fixed style area displays a name of at least one entry and at least one entry content corresponding to each entry, where the method includes:

receiving first input item content input by a user;

sending the first input item content and the identification of the target page to a server;

receiving target to-be-input item information returned by the server, wherein the target to-be-input item information comprises at least one name of a first to-be-input item, first to-be-input item content corresponding to each first to-be-input item and the type of a component corresponding to each first to-be-input item, and the component is used for displaying the to-be-input item content;

and displaying the name of each first item to be input and the corresponding content of the first item to be input in the dynamic change area according to the type of the component corresponding to each first item to be input.

In a possible design of the first aspect, the displaying, in the dynamic change area, a name of each first item to be input and corresponding content of the first item to be input according to a type of a component corresponding to each first item to be input includes:

generating a code of the dynamic change area according to the name of each first item to be input and the type of the component corresponding to each first item to be input;

rendering the target page according to the code of the dynamic change area;

determining a target display position corresponding to each first item to be input according to each first item to be input and a first mapping relation between the name and the display position in the code;

and displaying each first item to be input at the corresponding target display position, and displaying the content of the first item to be input through the component corresponding to each first item to be input.

In another possible design of the first aspect, the method further includes:

generating a second mapping relation according to the identification of the target page, the name of a second item to be input by a user and the type of the component corresponding to each second item to be input, wherein the second mapping relation is used for representing the relation among the identification, the name and the type of the component;

sending the second mapping relation to the server;

alternatively, the first and second electrodes may be,

generating a third mapping relation between the contents of the input items and the names according to the contents of the second input items input by the user and the names of third items to be input corresponding to the contents of each second input item;

and sending the third mapping relation to the server.

In a second aspect, an embodiment of the present application provides a page display method, which is applied to a server, and the method includes:

receiving the first input item content and the identification of a target page sent by terminal equipment;

acquiring target to-be-input item information according to the first input item content, the identification of the target page and a fourth mapping relation pre-stored in a database, wherein the fourth mapping relation is used for representing the relation among five items of input item content, identification, name, to-be-input item content and component type, and the target to-be-input item information comprises the name of at least one first to-be-input item, the first to-be-input item content corresponding to each first to-be-input item and the component type corresponding to each first to-be-input item;

and sending the target to-be-input item information to the terminal equipment.

In a possible design of the second aspect, the fourth mapping relationship includes a second mapping relationship, a third mapping relationship, and a fifth mapping relationship, the second mapping relationship is used to represent a relationship among the identifier, the name, and the type of the component, the third mapping relationship is used to represent a relationship between the content of the input item and the name, and the fifth mapping relationship is used to represent a relationship among the identifier, the name, and the content of the item to be input;

the database comprises a relational database, an attribute value database and an attribute database, wherein the relational database is used for storing the third mapping relation, the attribute value database is used for storing the fifth mapping relation, and the attribute database is used for storing the second mapping relation;

correspondingly, the obtaining of the target to-be-input item information according to the first input item content, the identifier of the target page, and a fourth mapping relationship pre-stored in a database includes:

determining the name of a first to-be-input item corresponding to the first input item content according to the first input item content and the third mapping relation pre-stored in a relational database;

determining the content of the first to-be-input item corresponding to the name of each first to-be-input item according to the identifier of the target page, the name of each first to-be-input item and the fifth mapping relation pre-stored in an attribute value database;

determining the identifier of the target page and the type of the component corresponding to the name of each first item to be input according to the identifier of the target page, the name of each first item to be input and the second mapping relation pre-stored in an attribute database;

and determining the name of each first item to be input, the content of the first item to be input corresponding to each first item to be input and the type of the component corresponding to each first item to be input as target item information.

Optionally, the method further includes:

receiving the second mapping relation sent by the terminal equipment, and storing the second mapping relation into the attribute database;

alternatively, the first and second electrodes may be,

and receiving the second mapping relation sent by the terminal equipment, and sending the third mapping relation to the relation database.

In a third aspect, an embodiment of the present application provides a page display apparatus, which is applied to a terminal device, where a target page is displayed on a visual graphical interface of the terminal device, where the target page includes a fixed style area and a dynamic change area, and the fixed style area displays a name of at least one entry and at least one entry content corresponding to each entry, where the apparatus includes:

the receiving module is used for receiving first input item content input by a user;

the sending module is used for sending the first input item content and the identification of the target page to a server;

the receiving module is further configured to receive target to-be-input item information returned by the server, where the target to-be-input item information includes a name of at least one first to-be-input item, a first to-be-input item content corresponding to each first to-be-input item, and a type of an assembly corresponding to each first to-be-input item, and the assembly is configured to display the to-be-input item content;

and the display module is used for displaying the name of each first item to be input and the corresponding content of the first item to be input in the dynamic change area according to the type of the component corresponding to each first item to be input.

In a possible design of the third aspect, the display module is specifically configured to:

generating a code of the dynamic change area according to the name of each first item to be input and the type of the component corresponding to each first item to be input;

rendering the target page according to the code of the dynamic change area;

determining a target display position corresponding to each first item to be input according to each first item to be input and a first mapping relation between the name and the display position in the code;

and displaying each first item to be input at the corresponding target display position, and displaying the content of the first item to be input through the component corresponding to each first item to be input.

In another possible design of the third aspect, the apparatus further includes:

the processing module is used for generating a second mapping relation according to the identification of the target page, the name of a second item to be input and the type of the component corresponding to each second item to be input, wherein the second mapping relation is used for representing the relation among the identification, the name and the type of the component;

the sending module is further configured to send the second mapping relationship to the server;

alternatively, the first and second electrodes may be,

the processing module is further configured to generate a third mapping relationship between the content of the input item and the name according to the content of the second input item input by the user and the name of a third to-be-input item corresponding to each content of the second input item;

the sending module is further configured to send the third mapping relationship to the server.

In a fourth aspect, an embodiment of the present application provides a page display apparatus, which is applied to a server, and the apparatus includes:

the receiving module is used for receiving the first input item content and the identification of the target page sent by the terminal equipment;

the processing module is used for acquiring target to-be-input item information according to the first input item content, the identifier of the target page and a fourth mapping relation pre-stored in a database, wherein the fourth mapping relation is used for representing the relation among the input item content, the identifier, the name, the to-be-input item content and the type of the component, and the target to-be-input item information comprises the name of at least one first to-be-input item, the first to-be-input item content corresponding to each first to-be-input item and the type of the component corresponding to each first to-be-input item;

and the sending module is used for sending the target item information to be input to the terminal equipment.

In a possible design of the fourth aspect, the fourth mapping relationship includes a second mapping relationship, a third mapping relationship, and a fifth mapping relationship, the second mapping relationship is used to represent a relationship among the identifier, the name, and the type of the component, the third mapping relationship is used to represent a relationship between the content of the input item and the name, and the fifth mapping relationship is used to represent a relationship among the identifier, the name, and the content of the item to be input;

correspondingly, the processing module is specifically configured to:

determining the name of a first to-be-input item corresponding to the first input item content according to the first input item content and the third mapping relation pre-stored in a relational database;

determining the content of the first to-be-input item corresponding to the name of each first to-be-input item according to the identifier of the target page, the name of each first to-be-input item and the fifth mapping relation pre-stored in an attribute value database;

determining the identifier of the target page and the type of the component corresponding to the name of each first item to be input according to the identifier of the target page, the name of each first item to be input and the second mapping relation pre-stored in an attribute database;

and determining the name of each first item to be input, the content of the first item to be input corresponding to each first item to be input and the type of the component corresponding to each first item to be input as target item information.

In a fifth aspect, an embodiment of the present application provides a terminal device, including: a processor, a transceiver, a display, a memory, and computer program instructions stored on the memory and executable on the processor for implementing the method of the first aspect and various possible designs when the processor executes the computer program instructions.

In a sixth aspect, an embodiment of the present application provides a server, including: a processor, a transceiver, a memory and computer program instructions stored on the memory and executable on the processor for implementing the method provided by the second aspect and possible designs when the processor executes the computer program instructions.

According to the page display method, the page display device and the page display equipment, the first input item content input by the user is received through the terminal equipment, and the first input item content and the identification of the target page are sent to the server. The server receives the first input item content and the identification of the target page sent by the terminal equipment, acquires the information of the target item to be input according to the first input item content, the identification of the target page and a fourth mapping relation pre-stored in the database, and sends the information of the target item to be input to the terminal equipment. And the terminal equipment receives the target to-be-input item information returned by the server, and displays the name of each first to-be-input item in the target to-be-input item information and the corresponding content of the first to-be-input item in the dynamic change area according to the type of the component corresponding to each first to-be-input item in the target to-be-input item information. In the scheme, the target page does not need to store a large number of codes in advance, the terminal equipment can interact with the server, so that the content to be updated in the dynamic change area is obtained, and the response speed is high.

Drawings

The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present application and together with the description, serve to explain the principles of the application.

FIG. 1A is a schematic diagram of an interface of a front-end page according to a first embodiment of the prior art;

FIG. 1B is a schematic diagram of an interface of a second embodiment of a front-end page provided in the prior art;

fig. 2 is a schematic view of an application scenario of the page display method according to the embodiment of the present application;

fig. 3 is a schematic flowchart of a first embodiment of a page display method according to an embodiment of the present application;

fig. 4 is a schematic flowchart of a second embodiment of a page display method provided in the present application;

fig. 5 is a schematic flowchart of a third embodiment of a page display method provided in the present application;

fig. 6 is a schematic flowchart of a fourth embodiment of a page display method provided in the embodiment of the present application;

fig. 7 is a schematic flowchart of a fifth embodiment of a page display method according to an embodiment of the present application;

fig. 8 is a schematic flowchart of a sixth embodiment of a page display method according to an embodiment of the present application;

fig. 9 is a schematic structural diagram of a first page display device according to an embodiment of the present application;

fig. 10 is a schematic structural diagram of a second page display device according to an embodiment of the present application;

fig. 11 is a schematic structural diagram of a terminal device according to an embodiment of the present application;

fig. 12 is a schematic structural diagram of a server according to an embodiment of the present application.

With the foregoing drawings in mind, certain embodiments of the disclosure have been shown and described in more detail below. These drawings and written description are not intended to limit the scope of the disclosed concepts in any way, but rather to illustrate the concepts of the disclosure to those skilled in the art by reference to specific embodiments.

Detailed Description

In order to make the objects, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some embodiments of the present application, but not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.

Before introducing the embodiments of the present application, an application context of the embodiments of the present application is explained first:

currently, the B/S architecture is one of the most popular architectures of information systems, and in the B/S architecture, a user interacts with the system through a front-end interface displayed by a browser, so the front-end interface is an important factor influencing user experience. In a large number of actual scenes, a front-end page can be divided into a fixed-style region and a dynamic change region, and the front-end page updates the items to be input and the corresponding items to be input in the dynamic change region according to the content of an input item of a user in the fixed-style region.

For example, fig. 1A is a schematic interface diagram of a first embodiment of a front end page provided in the prior art, and fig. 1B is a schematic interface diagram of a second embodiment of a front end page provided in the prior art. As shown in fig. 1A and 1B, the front page is divided into a fixed style area and a dynamic change area, and the fixed style area displays an entry 1, an entry 2, and an entry 3. As shown in fig. 1A, when the input item content of the input item 1 is type 1, the dynamic change area displays the item to be input 1, the item to be input 2, the item to be input 3, the item to be input 4, the item to be input 5, and the item to be input 6. As shown in fig. 1B, when the user changes the entry item content of entry item 1 to type 2, the front-end page updates the entry items to be entered in the dynamic change area in response to the user's operation, and displays entry items to be entered 7, 8, 9, and 10 in the dynamic change area.

At present, a developer is often required to write all input items and codes of the items to be input in a front-end page during system development. After the system is put into use, the front-end page updates the items to be input and the corresponding contents of the items to be input in the dynamic change area, mainly the front-end page obtains the contents of the items to be input updated, and controls whether the items to be input and the corresponding contents of the items to be input in the dynamic change area need to be displayed or not according to the contents of the items to be input through a JavaScript function.

However, in the prior art, developers need to write corresponding codes for each input item and to-be-input items, so that page codes are relatively bulky and have complex logic, and the problem of untimely response may exist.

Furthermore, in the process of maintaining the system, it is assumed that some input items or items to be input need to be added or deleted from the front-end page, which can only be realized by modifying the code, and the maintenance difficulty is high. In modern large project management, code modification has a complex flow, and labor cost and function development cost are high.

In view of the above problems, the inventive concept of the present application is as follows: for each front-end page, a developer can pre-configure input item data and data to be input items in the front-end page and send the input item data and the data to be input items to a server, wherein the input item data comprises the name of each input item, the content of the input item corresponding to each input item and the type of a component corresponding to each input item; the data of the items to be input comprises the name of the item to be input corresponding to each content of the items to be input, the content of the item to be input corresponding to each item to be input and the type of the component corresponding to each item to be input. The server receives the input item data and the data of the items to be input and stores the data in the database. In the actual application process, the terminal device sends the first input item content and the identifier of the current page to the server so as to obtain the target information to be input returned by the server, and the target page is displayed according to the target information to be input, wherein the target information to be input is the information obtained by the server according to the first input item content, the identifier of the current page, the input item data in the database and the data to be input. In the technical scheme, developers do not need to write corresponding codes for each input item and the items to be input, the items to be input in the dynamic change area can be displayed by only a small amount of codes, and the problems of untimely response and high maintenance difficulty in the prior art can be solved, so that the labor cost and the function development cost are reduced.

For example, the page display method provided by the embodiment of the present application may be applied to an application scenario diagram shown in fig. 2. Fig. 2 is a schematic view of an application scenario of the page display method according to the embodiment of the present application, so as to solve the above technical problem. As shown in fig. 2, the application scenario may include: the terminal device 21 and the server 22, and may further include at least one database (such as the relational database 23, the attribute value database 24, and the attribute database 25 in fig. 2) connected to the server.

The terminal equipment comprises a page rendering layer and a maintenance layer, wherein the page rendering layer comprises components corresponding to the items to be input in the dynamic change area, a target page and a control function. The target page comprises a fixed style area and a dynamic change area, wherein the fixed style area displays the name of at least one input item and at least one input item content corresponding to each input item.

The server comprises a data transmission layer, and the data transmission layer is used for data format conversion, data verification and data type conversion.

In the embodiment of the application, a target page is displayed on a visual graphical interface of the terminal device, and a user operates the target page so as to input the content of the first input item. The terminal equipment responds to the operation of the user, acquires the first input item content input by the user, and sends the first input item content and the identification of the target page to the server. The operation can be a click operation on the component, and can also be an input operation in the input box component.

Further, for the server, the first input item content and the identification of the target page sent by the terminal device are received, the target information to be input is obtained through the data stored in the database, and the target information to be input is sent to the terminal device. And the terminal equipment receives the information of the target items to be input and displays the name of each first item to be input and the corresponding content of the first item to be input in the target page according to the information of the target items to be input.

It should be noted that fig. 2 is only a schematic diagram of an application scenario provided in the embodiment of the present application, and the embodiment of the present application does not limit the devices included in fig. 2, nor limits the position relationship between the devices in fig. 2, for example, in fig. 2, the database may be an external memory with respect to the server, and in other cases, the database may also be placed in the server.

The technical solution of the present application will be described in detail below with reference to specific examples.

It should be noted that the following specific embodiments may be combined with each other, and the same or similar concepts or processes may not be described in detail in some embodiments.

Fig. 3 is a schematic flowchart of a first embodiment of a page display method according to an embodiment of the present application. As shown in fig. 3, the page display method may include the steps of:

and S31, the terminal equipment receives the first input item content input by the user.

According to the page display scheme provided by the embodiment of the application, a visual graphical interface is required to be provided for a user, the visual graphical interface displays a target page, and a background service platform is required for storing and analyzing data, so that the user can access the service platform through a browser or an application program and the like installed on the terminal equipment.

Alternatively, the target page may be a page of a browser or an application currently being used by the user in the terminal device.

The user can operate the target page according to actual requirements of the user, so that the first input item content is input, and the terminal equipment can display the name of a first to-be-input item corresponding to the first input item content and the corresponding first to-be-input item content in the dynamic change area according to the first input item content subsequently. And for the terminal equipment, responding to the operation of the user on the target page, and acquiring the first input item content input by the user.

For example, the user may click on a component of the first input item, select the content of the first input item, for example, click on a drop-down box component, click on the content of the input item displayed in the drop-down box component according to actual requirements, and the terminal device determines the content of the clicked input item as the content of the first input item in response to a click operation of the user, so as to obtain the content of the first input item input by the user. The user can also input the first input item content in the input box component, and the terminal equipment responds to the input operation of the user and acquires the first input item content input by the user.

Optionally, the components are input items written in advance based on React and various input styles that may be used by the items to be input, such as a text box component, a drop-down box component, a radio box component, a date box component, a number box component, and the like, for example. It should be understood that the component may also include other input patterns existing in the prior art, which may be determined according to actual needs, and this is not particularly limited by the embodiments of the present application.

The React is a JavaScript library for constructing a user page, and the JavaScript is a lightweight, interpreted or just-in-time compiling programming language with function priority.

S32, the terminal device sends the first input item content and the identification of the target page to the server.

Optionally, the first entry content and the identification of the target page may be sent to the server by invoking an ajax request. The ajax is a web page development technology for creating interactive and rapid dynamic web page application, and is mainly used for front-end and back-end data exchange.

Correspondingly, the server receives the first input item content and the identification of the target page sent by the terminal device.

S33, the server obtains the information of the target to-be-input item according to the first input item content, the identification of the target page and a fourth mapping relation pre-stored in the database.

The target to-be-input item information comprises at least one name of a first to-be-input item, first to-be-input item content corresponding to each first to-be-input item, and component type corresponding to each first to-be-input item.

And the fourth mapping relation is used for representing the relation among five types of input item content, identification, name, content of the item to be input and the component. In the system development stage or the system maintenance process, the user, the developer or the maintainer may send the fourth mapping relationship to the server in advance through the terminal device so that the server stores the fourth mapping relationship to the database, or the user, the developer or the maintainer may store the fourth mapping relationship to the database through other data storage devices in which the fourth mapping relationship is stored.

For example, the fourth mapping relationship may be as shown in table 1 below:

TABLE 1

Taking the fourth mapping relationship shown in table 1 as an example, assuming that the first entry content is entry content 1 and the identifier of the target page is page 1, the server determines the names of the first entry to be entered as name 1 and name 2 according to the fourth mapping relationship. The type of the component corresponding to the first item to be input with the name of 1 is type 1, and the corresponding item content to be input is item content to be input 1 and item content to be input 2. The type of the component corresponding to the first item to be input with the name of 2 is type 2, and the corresponding content of the item to be input is item content 3 and item content 4 to be input.

And S34, the server sends the target to-be-input item information to the terminal equipment.

Optionally, the server may send the name of each first item to be input of the target item to be input information and the type of the component corresponding to each first item to be input to the terminal device, convert the content of the first item to be input corresponding to each first item to be input into a character string in a Json format, and send the character string to the terminal device.

Correspondingly, for the terminal device, target to-be-input item information returned by the server is received, the target to-be-input item information includes at least one name of a first to-be-input item, first to-be-input item content corresponding to each first to-be-input item, and type of a component corresponding to each first to-be-input item, and the component is used for displaying the to-be-input item content.

And S35, the terminal equipment displays the name of each first item to be input and the corresponding content of the first item to be input in the dynamic change area according to the type of the component corresponding to each first item to be input.

In a possible implementation manner, the code of the dynamic change area may be generated according to the name of each first item to be input and the type of the component corresponding to each first item to be input, and the target page may be rendered according to the code of the dynamic change area.

After the code is generated, the code may be stored to a state attribute corresponding to the target page, the code that is previously stored in the state attribute is overwritten, and the target page is rendered according to the code in the state attribute.

In this way, according to each first item to be input and the first mapping relation between the name and the display position in the code, the target display position corresponding to each first item to be input is determined, each first item to be input is displayed at the corresponding target display position, and the content of the first item to be input is displayed through the component corresponding to each first item to be input. For example, the name of each first item to be input and the corresponding content of the first item to be input may be backfilled into the form corresponding to the dynamic change area.

In this way, the codes of the dynamic change area can be generated in real time according to the name of each first item to be input and the type of the component corresponding to each first item to be input, so that the target page does not need to store a large number of codes in advance, and the response speed of the page is effectively improved.

According to the page display method provided by the embodiment of the application, the first input item content input by a user is received through the terminal equipment, and the first input item content and the identification of the target page are sent to the server. The server receives the first input item content and the identification of the target page sent by the terminal equipment, acquires the information of the target item to be input according to the first input item content, the identification of the target page and a fourth mapping relation pre-stored in the database, and sends the information of the target item to be input to the terminal equipment. And the terminal equipment receives the target to-be-input item information returned by the server, and displays the name of each first to-be-input item in the target to-be-input item information and the corresponding content of the first to-be-input item in the dynamic change area according to the type of the component corresponding to each first to-be-input item in the target to-be-input item information. In the scheme, the target page does not need to store a large number of codes in advance, the terminal equipment can interact with the server, so that the content to be updated in the dynamic change area is obtained, and the response speed is high.

Furthermore, compared with the prior art that only pictures, characters, picture addresses and other type information which are not input by a user and are not available to the user in the dynamic change area can be updated, the technical scheme can update the items to be input which are available to the user in the dynamic change area according to the content of the first input item, the user cannot perceive the difference between the input items in the fixed pattern area and the items to be input in the dynamic change area, and the flexibility and the adaptability of the target page are improved.

In practical application, the scheme can be applied to an asset management system of a financial institution, wherein the name of an input item is an asset name, the content of the input item is an asset type, the name of an item to be input is an attribute of an asset, and the content of the item to be input is an asset element.

Fig. 4 is a flowchart illustrating a second embodiment of a page display method according to an embodiment of the present application. As shown in fig. 4, on the basis of any of the above embodiments, the page display method may include the following steps:

and S41, the terminal equipment generates a target page.

And S42, the terminal equipment receives the first input item content input by the user.

S43, the terminal device sends the first input item content and the identification of the target page to the server.

Optionally, the ajax request may be invoked to send the first entry content and the identification of the target page to the server.

Correspondingly, aiming at the server, the first input item content and the identification of the target page sent by the terminal equipment are received.

S44, the server obtains the information of the target to-be-input item according to the first input item content, the identification of the target page and a fourth mapping relation pre-stored in the database.

The target to-be-input item information comprises at least one name of a first to-be-input item, first to-be-input item content corresponding to each first to-be-input item, and component type corresponding to each first to-be-input item.

S45, the server converts the content of the first to-be-input item corresponding to each first to-be-input item into a character string.

Wherein, the format of the character string is Json format.

S46, the server sends the name of each first item to be input of the target item to be input information, the type of the component corresponding to each first item to be input and the character string to the terminal equipment.

For the terminal equipment, the name of each first item to be input of the target item to be input information sent by the server, the type of the component corresponding to each first item to be input and the character string are received.

And S47, the terminal equipment analyzes the character string to obtain analyzed data.

Wherein the data is Json data.

And S48, backfilling the data of the form in the fixed style area and the form in the dynamic change area by the terminal equipment according to the name of each first item to be input, the type of the component corresponding to each first item to be input and the analyzed data.

Optionally, on the basis of the foregoing embodiment, the fourth mapping relationship may include a second mapping relationship, a third mapping relationship, and a fifth mapping relationship, where the second mapping relationship is used to represent a relationship between the identifier and the type of the component, the third mapping relationship is used to represent a relationship between the content of the input item and the name, and the fifth mapping relationship is used to represent a relationship between the identifier and the content of the item to be input. The database comprises a relational database, an attribute value database and an attribute database, wherein the relational database is used for storing the third mapping relation, the attribute value database is used for storing the fifth mapping relation, and the attribute database is used for storing the second mapping relation.

Fig. 5 is a schematic flowchart of a third embodiment of a page display method according to an embodiment of the present application. As shown in fig. 5, on the basis of any of the above embodiments, for the server, the page display method may include the following steps:

and S51, determining the name of the first to-be-input item corresponding to the content of the first input item according to the content of the first input item and a third mapping relation pre-stored in the relational database.

For example, the third mapping relationship may be as shown in the following table 2:

TABLE 2

Taking the third mapping relationship shown in table 2 as an example, assuming that the content of the first input item is input item content 1, the name of the first to-be-input item determined by the server is name 1 and name 2 according to the third mapping relationship. Assuming that the first input item content is input item content 2, the server determines the name of the first to-be-input item as name 3 and name 4 according to the third mapping relationship.

S52, determining the content of the first to-be-input item corresponding to the name of each first to-be-input item according to the identification of the target page, the name of each first to-be-input item and a fifth mapping relation pre-stored in the attribute value database.

For example, the fifth mapping relationship may be as shown in the following table 3:

TABLE 3

Taking the fifth mapping relation shown in table 3 as an example, assuming that the identifier of the target page is page 1 and the name of the first to-be-input item is name 1, the first to-be-input item content is first to-be-input item content 1 and first to-be-input item content 2. Assuming that the identification of the target page is page 2 and the name of the first to-be-input item is name 3, the first to-be-input item contents are first to-be-input item contents 6 and first to-be-input item contents 7.

S53, determining the type of the component corresponding to the identifier of the target page and the name of each first item to be input according to the identifier of the target page, the name of each first item to be input and a second mapping relation pre-stored in the attribute database.

For example, the second mapping relationship may be as shown in table 4 below:

TABLE 4

Taking the second mapping relationship shown in table 4 as an example, assuming that the identifier of the target page is page 1 and the name of the first to-be-input item is name 1, the type of the corresponding component is type 1. Assuming that the identifier of the target page is page 2 and the name of the first to-be-input item is name 3, the type of the corresponding component is type 3.

S54, determining the name of each first item to be input, the content of the first item to be input corresponding to each first item to be input and the type of the component corresponding to each first item to be input as target item to be input information.

In the embodiment, the server obtains the information of the target item to be input according to the content of the first input item, the identification of the target page and the mapping relation pre-stored in each server, and different databases store different mapping relations, so that the ordering of data storage is effectively improved, and the accuracy and the speed of obtaining information are improved.

Optionally, in the process of using the target page, the target page may also be maintained. Fig. 6 is a schematic flowchart of a fourth embodiment of a page display method according to an embodiment of the present application. As shown in fig. 6, the page display method may include the steps of:

and S61, the terminal equipment generates a second mapping relation according to the identification of the target page, the name of the second item to be input by the user and the type of the component corresponding to each second item to be input.

And S62, the terminal equipment sends the second mapping relation to the server.

Correspondingly, for the server, the second mapping relation sent by the terminal device is received, and the second mapping relation is stored in the attribute database.

Fig. 7 is a schematic flowchart of a fifth embodiment of a page display method according to an embodiment of the present application. As shown in fig. 7, the page display method may include the steps of:

and S71, the terminal equipment generates a third mapping relation between the content of the input item and the name according to the content of the second input item input by the user and the name of a third to-be-input item corresponding to each second input item.

And S72, the terminal equipment sends the third mapping relation to the server.

Correspondingly, for the server, the third mapping relation sent by the terminal device is received, and the third mapping relation is sent to the relation database.

In the above embodiment, the front-end web page may include an attribute database maintenance module and a relational database maintenance module, which are respectively used to update the second mapping relationship in the attribute database and the third mapping relationship in the relational database, so that data in the dynamically changing area may be subjected to an add-delete-modify-check operation without changing a code, thereby reducing maintenance cost, enabling the maintained page to be ready for use without waiting for complex processes of system development, testing, commissioning, and the like, and improving flexibility of the system.

Further, compared with the prior art, the dynamic change area of the embodiment increases the capability of displaying interactive and maintainable content, and the mode and principle of the user to maintain the to-be-input items of the dynamic change area and the input items of the fixed style area are not different, so that the method has wide application scenes.

Optionally, in the system development stage, the target page needs to be configured. Fig. 8 is a schematic flowchart of a sixth embodiment of a page display method according to an embodiment of the present application. As shown in fig. 8, before S31, the page display method may include the steps of:

and S81, the terminal device respectively carries out serialization processing on the form of the fixed style area and the form of the dynamic change area to obtain the serialized form of the fixed style area and the serialized form of the dynamic change area.

And S82, the terminal equipment assigns the serialized form in the dynamic change area to a preset field in the serialized form in the fixed style area, and obtains the processed form.

And S83, the terminal equipment sends the processed form to a server.

Correspondingly, for the server, the processed form sent by the terminal device is received.

And S84, the server stores the data of the fixed style area in the processed form into an entity database.

For example, the data of the fixed style area may be further processed to obtain a sixth mapping relationship between the identifier and the content of the input item, where the sixth mapping relationship may be as shown in table 5 below:

TABLE 5

Taking the sixth mapping relationship shown in table 5 as an example, in the page 1, the entry content corresponding to the entry 1 includes entry content 1, entry content 2, and entry content 3, the entry content corresponding to the entry 2 includes entry content 3, entry content 4, and entry content 5, and the entry content corresponding to the entry 3 includes entry content 6, entry content 7, and entry content 8.

And S85, the server carries out deserialization processing on the data of the dynamic change area in the processed form to obtain the key value pair data of the dynamic change area.

S86, the server obtains a fifth mapping relation according to the key-value pair data of the dynamic change area and the identification of the target page, and stores the fifth mapping relation into the attribute value database.

In the embodiment, in the system development stage, the display content of the page dynamic change area can be modified through simple configuration, new codes do not need to be developed, and the development efficiency is improved.

The following are embodiments of the apparatus of the present application that may be used to perform embodiments of the method of the present application. For details which are not disclosed in the embodiments of the apparatus of the present application, reference is made to the embodiments of the method of the present application.

Fig. 9 is a schematic structural diagram of a first page display device according to an embodiment of the present application. As shown in fig. 9, the page display apparatus is applied to a terminal device, a target page is displayed on a visual graphical interface of the terminal device, the target page includes a fixed style area and a dynamic change area, the fixed style area displays a name of at least one entry and at least one entry content corresponding to each entry, the apparatus includes:

a receiving module 91, configured to receive a first input item content input by a user;

a sending module 92, configured to send the first entry content and the identifier of the target page to the server;

the receiving module 91 is further configured to receive target to-be-input item information returned by the server, where the target to-be-input item information includes a name of at least one first to-be-input item, a first to-be-input item content corresponding to each first to-be-input item, and a type of a component corresponding to each first to-be-input item, and the component is used to display the to-be-input item content;

and the display module 93 is configured to display the name of each first item to be input and the content of the corresponding first item to be input in the dynamic change area according to the type of the component corresponding to each first item to be input.

In one possible design of the embodiment of the present application, the display module 93 is specifically configured to:

generating a code of a dynamic change area according to the name of each first item to be input and the type of the component corresponding to each first item to be input;

rendering the target page according to the code of the dynamic change area;

determining a target display position corresponding to each first item to be input according to the first mapping relation between the name and the display position in each first item to be input and the code;

and displaying each first item to be input at the corresponding target display position, and displaying the content of the first item to be input through the component corresponding to each first item to be input.

In another possible design of the embodiment of the present application, the apparatus further includes:

the processing module is used for generating a second mapping relation according to the identification of the target page, the name of a second item to be input by the user and the type of the component corresponding to each second item to be input, wherein the second mapping relation is used for representing the relation among the identification, the name and the type of the component;

the sending module 92 is further configured to send the second mapping relationship to the server;

alternatively, the first and second electrodes may be,

the processing module is further used for generating a third mapping relation between the contents of the input items and the names according to the contents of the second input items input by the user and the names of third items to be input corresponding to the contents of each second input item;

the sending module 92 is further configured to send the third mapping relationship to the server.

The page display device provided in the embodiment of the present application can be used to execute the page display method on the terminal device side in any of the above embodiments, and the implementation principle and the technical effect are similar, which are not described herein again.

Fig. 10 is a schematic structural diagram of a second page display device according to an embodiment of the present application. As shown in fig. 10, the page display apparatus includes:

a receiving module 101, configured to receive a first entry content and an identifier of a target page sent by a terminal device;

the processing module 102 is configured to obtain target to-be-input item information according to the first input item content, the identifier of the target page, and a fourth mapping relationship pre-stored in the database, where the fourth mapping relationship is used to represent a relationship among five types of the input item content, the identifier, the name, the to-be-input item content, and the component, where the target to-be-input item information includes the name of at least one first to-be-input item, the first to-be-input item content corresponding to each first to-be-input item, and the type of the component corresponding to each first to-be-input item;

and the sending module 103 is configured to send the target to-be-input item information to the terminal device.

In a possible design of the embodiment of the present application, the fourth mapping relationship includes a second mapping relationship, a third mapping relationship, and a fifth mapping relationship, where the second mapping relationship is used to represent a relationship between the identifier and the type of the component, the third mapping relationship is used to represent a relationship between the content of the input item and the name, and the fifth mapping relationship is used to represent a relationship between the identifier and the content of the item to be input;

the database comprises a relational database, an attribute value database and an attribute database, wherein the relational database is used for storing a third mapping relation, the attribute value database is used for storing a fifth mapping relation, and the attribute database is used for storing a second mapping relation;

correspondingly, the processing module 102 is specifically configured to:

determining the name of a first item to be input corresponding to the content of the first input item according to the content of the first input item and a third mapping relation pre-stored in a relational database;

determining the content of the first item to be input corresponding to the name of each first item to be input according to the identification of the target page, the name of each first item to be input and a fifth mapping relation pre-stored in an attribute value database;

determining the identifier of the target page and the type of the component corresponding to the name of each first item to be input according to the identifier of the target page, the name of each first item to be input and a second mapping relation pre-stored in an attribute database;

and determining the name of each first item to be input, the content of the first item to be input corresponding to each first item to be input and the type of the component corresponding to each first item to be input as target item information.

The page display device provided in the embodiment of the present application can be used to execute the page display method on the server side in any of the above embodiments, and the implementation principle and the technical effect are similar, which are not described herein again.

It should be noted that the division of the modules of the above apparatus is only a logical division, and the actual implementation may be wholly or partially integrated into one physical entity, or may be physically separated. And these modules can be realized in the form of software called by processing element; or may be implemented entirely in hardware; and part of the modules can be realized in the form of calling software by the processing element, and part of the modules can be realized in the form of hardware. In addition, all or part of the modules can be integrated together or can be independently realized. The processing element described herein may be an integrated circuit having signal processing capabilities. In implementation, each step of the above method or each module above may be implemented by an integrated logic circuit of hardware in a processor element or an instruction in the form of software.

Fig. 11 is a schematic structural diagram of a terminal device according to an embodiment of the present application. As shown in fig. 11, the terminal device 21 may include: the display device comprises a processor 111, a transceiver 112, a display 113, a memory 114 and computer program instructions stored on the memory 114 and operable on the processor 111, wherein the processor 111 executes the computer program instructions to realize the page display method on the terminal device side provided by any one of the preceding embodiments.

Alternatively, the above devices of the terminal device 21 may be connected by a system bus.

Optionally, the terminal device 21 may further include an interface for interacting with other devices.

Optionally, in terms of hardware implementation, in the embodiment shown in fig. 9: the receiving module 91 and the transmitting module 92 correspond to the transceiver 112 in the present embodiment.

The display 113 is used for displaying the processing result of the processor 111, visualizing a target page on a graphical interface and realizing a human-computer interaction function. Alternatively, the display 113 may be a user interface that may include graphics, text, icons, video, and any combination thereof. In some embodiments, display 113 may be a front panel of terminal device 21; in other embodiments, the display 113 may be a flexible display screen disposed on a curved surface or a folded surface of the terminal device 21. Even further, the display 113 may be configured as a non-rectangular irregular pattern display screen, i.e., a shaped screen. The Display 113 may be made of a Liquid Crystal Display (LCD), an Organic Light-Emitting Diode (OLED), or the like.

The terminal device provided in the embodiment of the present application may be configured to execute the page display method on the terminal device side provided in any one of the method embodiments, and the implementation principle and the technical effect are similar, which are not described herein again.

Fig. 12 is a schematic structural diagram of a server according to an embodiment of the present application. As shown in fig. 12, the server 22 may include: a processor 121, a transceiver 122, a memory and computer program instructions stored on the memory 123 and operable on the processor 121, the processor 121 when executing the computer program instructions implementing the server-side page display method provided by any of the foregoing embodiments.

Alternatively, the above devices of the server 22 may be connected by a system bus.

Optionally, the server 22 may also include interfaces to interact with other devices.

Optionally, in terms of hardware implementation, in the embodiment shown in fig. 10: the receiving module 101 and the transmitting module 103 correspond to the transceiver 122 in the present embodiment, and the processing module 102 corresponds to the processor 121 in the present embodiment.

The server 22 provided in the embodiment of the present application may be configured to execute the page display method on the server 22 side provided in any method embodiment, and the implementation principle and the technical effect are similar, which are not described herein again.

The memory may be a separate memory unit or a memory unit integrated into the processor. The number of processors is one or more.

The transceiver is used to communicate with other computers, and the transceiver constitutes a communication interface.

It should be understood that the Processor may be a Central Processing Unit (CPU), other general purpose Processor, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), etc. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The steps of a method disclosed in connection with the present application may be embodied directly in a hardware processor, or in a combination of the hardware and software modules in the processor.

The system bus may be a Peripheral Component Interconnect (PCI) bus, an Extended Industry Standard Architecture (EISA) bus, or the like. The system bus may be divided into an address bus, a data bus, a control bus, and the like. For ease of illustration, only one thick line is shown, but this does not mean that there is only one bus or one type of bus. The memory may include a Random Access Memory (RAM) and may also include a non-volatile memory (NVM), such as at least one disk memory.

All or a portion of the steps of implementing the above-described method embodiments may be performed by hardware associated with program instructions. The aforementioned program may be stored in a readable memory. When executed, the program performs steps comprising the method embodiments described above; and the aforementioned memory (storage medium) includes: read-only memory (ROM), RAM, flash memory, hard disk, solid state disk, magnetic tape (magnetic tape), floppy disk (optical disc), and any combination thereof.

The electronic device provided in the embodiment of the present application can be used to execute the page display method provided in any of the above method embodiments, and the implementation principle and the technical effect are similar, which are not described herein again.

An embodiment of the present application provides a computer-readable storage medium, in which computer instructions are stored, and when the computer instructions are run on a computer, the computer is enabled to execute the above-mentioned page display method.

The computer readable storage medium may be any type of volatile or non-volatile storage device or combination thereof, such as static random access memory, electrically erasable programmable read only memory, magnetic storage, flash memory, magnetic or optical disk. Readable storage media can be any available media that can be accessed by a general purpose or special purpose computer.

Alternatively, a readable storage medium may be coupled to the processor such that the processor can read information from, and write information to, the readable storage medium. Of course, the readable storage medium may also be an integral part of the processor. The processor and the readable storage medium may reside in an Application Specific Integrated Circuits (ASIC). Of course, the processor and the readable storage medium may also reside as discrete components in the apparatus.

Embodiments of the present application further provide a computer program product, where the computer program product includes a computer program, the computer program is stored in a computer-readable storage medium, and the computer program can be read from the computer-readable storage medium by at least one processor, and the at least one processor can implement the above-mentioned page display method when executing the computer program.

It will be understood that the present disclosure is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims (10)

1. A page display method is applied to a terminal device, a target page is displayed on a visual graphical interface of the terminal device, the target page comprises a fixed style area and a dynamic change area, the fixed style area displays the name of at least one input item and at least one input item content corresponding to each input item, and the method comprises the following steps:

receiving first input item content input by a user;

sending the first input item content and the identification of the target page to a server;

receiving target to-be-input item information returned by the server, wherein the target to-be-input item information comprises at least one name of a first to-be-input item, first to-be-input item content corresponding to each first to-be-input item and the type of a component corresponding to each first to-be-input item, and the component is used for displaying the to-be-input item content;

and displaying the name of each first item to be input and the corresponding content of the first item to be input in the dynamic change area according to the type of the component corresponding to each first item to be input.

2. The method of claim 1, wherein displaying the name of each first to-be-input item and the content of the corresponding first to-be-input item in the dynamic change area according to the type of the component corresponding to the first to-be-input item comprises:

generating a code of the dynamic change area according to the name of each first item to be input and the type of the component corresponding to each first item to be input;

rendering the target page according to the code of the dynamic change area;

determining a target display position corresponding to each first item to be input according to each first item to be input and a first mapping relation between the name and the display position in the code;

and displaying each first item to be input at the corresponding target display position, and displaying the content of the first item to be input through the component corresponding to each first item to be input.

3. The method according to claim 1 or 2, characterized in that the method further comprises:

generating a second mapping relation according to the identification of the target page, the name of a second item to be input by a user and the type of the component corresponding to each second item to be input, wherein the second mapping relation is used for representing the relation among the identification, the name and the type of the component;

sending the second mapping relation to the server;

alternatively, the first and second electrodes may be,

generating a third mapping relation between the contents of the input items and the names according to the contents of the second input items input by the user and the names of third items to be input corresponding to the contents of each second input item;

and sending the third mapping relation to the server.

4. A page display method is applied to a server, and comprises the following steps:

receiving the first input item content and the identification of a target page sent by terminal equipment;

acquiring target to-be-input item information according to the first input item content, the identification of the target page and a fourth mapping relation pre-stored in a database, wherein the fourth mapping relation is used for representing the relation among five items of input item content, identification, name, to-be-input item content and component type, and the target to-be-input item information comprises the name of at least one first to-be-input item, the first to-be-input item content corresponding to each first to-be-input item and the component type corresponding to each first to-be-input item;

and sending the target to-be-input item information to the terminal equipment.

5. The method according to claim 4, wherein the fourth mapping relationship comprises a second mapping relationship, a third mapping relationship and a fifth mapping relationship, the second mapping relationship is used for representing the relationship among the identifier, the name and the type of the component, the third mapping relationship is used for representing the relationship among the content of the input item and the name, and the fifth mapping relationship is used for representing the relationship among the identifier, the name and the content of the item to be input;

the database comprises a relational database, an attribute value database and an attribute database, wherein the relational database is used for storing the third mapping relation, the attribute value database is used for storing the fifth mapping relation, and the attribute database is used for storing the second mapping relation;

correspondingly, the obtaining of the target to-be-input item information according to the first input item content, the identifier of the target page, and a fourth mapping relationship pre-stored in a database includes:

determining the name of a first to-be-input item corresponding to the first input item content according to the first input item content and the third mapping relation pre-stored in the relational database;

determining the content of the first to-be-input item corresponding to the name of each first to-be-input item according to the identifier of the target page, the name of each first to-be-input item and the fifth mapping relation pre-stored in the attribute value database;

determining the identifier of the target page and the type of the component corresponding to the name of each first item to be input according to the identifier of the target page, the name of each first item to be input and the second mapping relation pre-stored in the attribute database;

and determining the name of each first item to be input, the content of the first item to be input corresponding to each first item to be input and the type of the component corresponding to each first item to be input as target item information.

6. The method of claim 5, further comprising:

receiving the second mapping relation sent by the terminal equipment, and storing the second mapping relation into the attribute database;

alternatively, the first and second electrodes may be,

and receiving the second mapping relation sent by the terminal equipment, and sending the third mapping relation to the relation database.

7. A page display device is applied to a terminal device, a target page is displayed on a visual graphical interface of the terminal device, the target page comprises a fixed style area and a dynamic change area, the fixed style area displays the name of at least one input item and at least one input item content corresponding to each input item, and the device comprises:

the receiving module is used for receiving first input item content input by a user;

the sending module is used for sending the first input item content and the identification of the target page to a server;

the receiving module is further configured to receive target to-be-input item information returned by the server, where the target to-be-input item information includes a name of at least one first to-be-input item, a first to-be-input item content corresponding to each first to-be-input item, and a type of an assembly corresponding to each first to-be-input item, and the assembly is configured to display the to-be-input item content;

and the display module is used for displaying the name of each first item to be input and the corresponding content of the first item to be input in the dynamic change area according to the type of the component corresponding to each first item to be input.

8. A page display device is applied to a server, and the device comprises:

the receiving module is used for receiving the first input item content and the identification of the target page sent by the terminal equipment;

the processing module is used for acquiring target to-be-input item information according to the first input item content, the identifier of the target page and a fourth mapping relation pre-stored in a database, wherein the fourth mapping relation is used for representing the relation among the input item content, the identifier, the name, the to-be-input item content and the type of the component, and the target to-be-input item information comprises the name of at least one first to-be-input item, the first to-be-input item content corresponding to each first to-be-input item and the type of the component corresponding to each first to-be-input item;

and the sending module is used for sending the target item information to be input to the terminal equipment.

9. A terminal device, comprising: a processor, a transceiver, a display, a memory, and computer program instructions stored on the memory and executable on the processor, the processor when executing the computer program instructions for implementing the page display method of any of claims 1 to 3.

10. A server, comprising: a processor, a transceiver, a memory, and computer program instructions stored on and executable on the memory, the processor when executing the computer program instructions being for implementing the page display method of any of claims 4 to 6.

Images