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

Abstract

The application provides a page display method, device and equipment, wherein first input item content input by a user is received through terminal equipment, and the first input item content and an identification of a target page are sent to a server. The server receives the first input item content and the identification of the target page sent by the terminal equipment, acquires target information to be input item according to the first input item content, the identification of the target page and a fourth mapping relation stored in a database in advance, and sends the target information to be input item 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 first to-be-input item content 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 disclosure relates to the field of computer technologies, and in particular, to a method, an apparatus, and a device for displaying a page.

Background

In the Browser/Server (B/S) architecture project, the front-end page carries the primary responsibility for interacting with the user. Along with the increase of business complexity, the content to be carried and displayed on the front-end page is more and more, and the to-be-input items in other areas are often required to be updated according to the input content of an input item of the page, so that the flexibility of the front-end page is improved.

Currently, when a system is developed, a developer is often required to write codes of all input items and to-be-input items in a front-end page. After the system is put into use, the input content of the input items is obtained by the front-end page according to the input content of the input items of the front-end page, and whether the input items to be input in other areas need to be displayed or not is controlled by the JavaScript function according to the input content.

However, in the prior art, a developer is required to write corresponding codes for each input item and to-be-input item, so that page codes are relatively bulky, and a problem of untimely response may exist.

Disclosure of Invention

The application provides a page display method, device and equipment, which are used for solving the problems that in the prior art, a developer is required to write corresponding codes for each input item and to-be-input item, so that page codes are relatively bulky, and response is not timely possibly caused.

In a first aspect, an embodiment of the present application provides a page display method, 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, the fixed style area displays a name of at least one input item, and at least one input item content corresponding to each input item, and the method includes:

receiving first input item content input by a user;

transmitting 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 types of components corresponding to each first to-be-input item, and the components are 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 one possible design of the first aspect, the displaying, according to the type of the component corresponding to each first to-be-input item, 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 includes:

Generating codes of the dynamic change areas according to the names of the first items to be input and the types of the components corresponding to the first items to be input;

rendering the target page according to the codes of the dynamic change areas;

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 names and display positions in the codes;

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

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

generating a second mapping relation according to the identification of the target page, the names of the second items to be input and the types of the components corresponding to each second item to be input, wherein the second mapping relation is used for representing the relation of the identification, the names and the types of the components;

transmitting the second mapping relation to the server;

or,

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

And sending the third mapping relation to the server.

In a second aspect, an embodiment of the present application provides a page display method, applied to a server, where 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 to-be-input item content, the identification of the target page and a fourth mapping relation stored in a database in advance, wherein the fourth mapping relation is used for representing the relation among the to-be-input item content, the identification, the name, the to-be-input item content and the type five of the component, and the target to-be-input item information comprises at least one name of a 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 sending the target item information to be input to the terminal equipment.

In one possible design of the second aspect, 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, 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 between 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 the target to-be-input item information according to the first input item content, the identification of the target page and the fourth mapping relation pre-stored in the database comprises the following steps:

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

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

determining the identification of the target page and the type of a component 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 the second mapping relation pre-stored in an attribute database;

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

Optionally, the method further comprises:

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

or,

and receiving the second mapping relation transmitted by the terminal equipment, and transmitting the third mapping relation to the relation database.

In a third aspect, an embodiment of the present application provides a page display device, 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, the fixed style area displays a name of at least one input item, and at least one input item content corresponding to each input item, and the device 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 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 a type of a component corresponding to each first to-be-input item, and the component 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 one possible design of the third aspect, the display module is specifically configured to:

generating codes of the dynamic change areas according to the names of the first items to be input and the types of the components corresponding to the first items to be input;

rendering the target page according to the codes of the dynamic change areas;

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 names and display positions in the codes;

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

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

the processing module is used for generating a second mapping relation according to the identification of the target page, the names of the second items to be input and the types of the components corresponding to each second item to be input, wherein the second mapping relation is used for representing the relation of the identification, the names and the types of the components;

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

or,

the processing module is further configured to generate a third mapping relationship between the content of the input item and the names according to the content of the second input item input by the user and the names of the third items to be input corresponding to each of the 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 device, applied to a server, where the device 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 to-be-input item content, the identification of the target page and a fourth mapping relation stored in a database in advance, wherein the fourth mapping relation is used for representing the relation among the to-be-input item content, the identification, the name, the to-be-input item content and the type five of the component, and the target to-be-input item information comprises at least one name of a 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 one possible design of the fourth aspect, 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, 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 between 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 item to be input corresponding to the first item content according to the first item content and the third mapping relation pre-stored in a relation database;

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

determining the identification of the target page and the type of a component 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 the second mapping relation pre-stored in an attribute database;

And determining the name of each first to-be-input item, the content of the first to-be-input item corresponding to each first to-be-input item and the type of the component corresponding to each first to-be-input item as target to-be-input 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 provided by the first aspect and each possible design when the computer program instructions are executed by the processor.

In a sixth aspect, embodiments of the present application provide 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 each possible design when the computer program instructions are executed by the processor.

According to the page display method, device and 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 target information to be input item according to the first input item content, the identification of the target page and a fourth mapping relation stored in a database in advance, and sends the target information to be input item 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 first to-be-input item content 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, a large number of codes do not need to be stored in the target page in advance, and the terminal equipment can interact with the server, so that the content to be updated in the dynamic change area is acquired, 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 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 first embodiment of a front page according to the prior art;

FIG. 1B is a schematic diagram of a second embodiment of a front end page according to the prior art;

fig. 2 is a schematic diagram of an application scenario of a page display method provided in an embodiment of the present application;

fig. 3 is a schematic flow chart of a first embodiment of a page display method provided in the embodiment of the present application;

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

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

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

fig. 7 is a schematic flow chart of a fifth embodiment of a page display method provided in the embodiment of the present application;

fig. 8 is a schematic flow chart of a sixth embodiment of a page display method provided in the embodiment of the present application;

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

fig. 10 is a schematic structural diagram of a second embodiment of a page display device provided in the embodiment of the present application;

Fig. 11 is a schematic structural diagram of a terminal device provided in an embodiment of the present application;

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

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

Detailed Description

For the purposes of making the objects, technical solutions and advantages of the embodiments of the present application more clear, the technical solutions of 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 apparent that the described embodiments are some embodiments of the present application, but not all embodiments. All other embodiments, which can be made by one of ordinary skill in the art based on the embodiments herein without making any inventive effort, are intended to be within the scope of the present application.

Before describing the embodiments of the present application, an application background of the embodiments of the present application will be explained first:

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

Exemplary, fig. 1A is an interface schematic diagram of a first front-end page embodiment provided in the prior art, and fig. 1B is an interface schematic diagram of a second front-end page embodiment provided in the prior art. Referring to 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 input item 1, an input item 2, and an input item 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 to-be-input item 1, the to-be-input item 2, the to-be-input item 3, the to-be-input item 4, the to-be-input item 5, and the to-be-input item 6. As shown in fig. 1B, when the user changes the input item content of the input item 1 to type 2, the front page updates the items to be input in the dynamic change area in response to the user's operation, and displays the items to be input 7, 8, 9, and 10 in the dynamic change area.

Currently, when a system is developed, a developer is often required to write codes of all input items and to-be-input items in a front-end page. After the system is put into use, the front-end page updates the to-be-input items and the corresponding to-be-input item contents of the dynamic change area, and mainly the front-end page acquires the updated to-be-input item contents of the input items, and whether the to-be-input items and the corresponding to-be-input item contents of the dynamic change area need to be displayed or not is controlled through a JavaScript function according to the to-be-input item contents.

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

Furthermore, in the process of maintaining the system, if some input items or items to be input need to be added or deleted to the front-end page, the operation can only be realized by modifying codes, and the maintenance difficulty is high. In modern large project management, the code modification has a complex flow, and the labor cost and the 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 to-be-input item data in the front-end page and send the input item data to a server, wherein the input item data comprises a name of each input item, input item content corresponding to each input item and a type of a component corresponding to each input item; the data of the items to be input comprise the names of the items to be input corresponding to the contents of each item to be input, the contents of the items to be input corresponding to each item to be input, and the types of components corresponding to each item to be input. The server receives the input item data and the data to be input item and stores the input item data and the data to be input item data in the database. In the actual application process, the terminal equipment sends the first input item content and the identification of the current page to the server so as to acquire target to-be-input item information returned by the server, so that the target page is displayed according to the target to-be-input item information, wherein the target to-be-input item information is information acquired by the server according to the first input item content, the identification of the current page, the input item data in the database and the to-be-input item data. According to the technical scheme, a developer is not required to write corresponding codes for each input item and the to-be-input item, only a small amount of codes are required to display the to-be-input item in the dynamic change area, the problems that response is not timely and maintenance difficulty is high in the prior art can be solved, and therefore labor cost and function development cost are reduced.

The page display method provided by the embodiment of the application can be applied to an application scene schematic diagram shown in fig. 2. Fig. 2 is a schematic diagram of an application scenario of a page display method according to an embodiment of the present application, so as to solve the above technical problems. As shown in fig. 2, the application scenario may include: the terminal device 21 and the server 22 may further comprise at least one database (such as a relational database 23, an attribute value database 24 and an 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 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 includes a data transport layer for data format conversion, data verification, and data type conversion.

In the embodiment of the application, the target page is displayed on the visual graphical interface of the terminal equipment, and the user operates the target page so as to input the first input item content. 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 may be a click operation on the component, or 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 equipment are received, the target information to be input item is obtained through the data stored in the database, and the target information to be input item is sent to the terminal equipment. The terminal equipment receives the target to-be-input item information, and displays names of the first to-be-input items and corresponding first to-be-input item contents in the target page according to the target to-be-input item information.

It should be noted that fig. 2 is only a schematic diagram of an application scenario provided in the embodiment of the present application, which is not limited to the devices included in fig. 2, nor is the positional relationship between the devices in fig. 2 limited, 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 disposed in the server.

The following describes the technical scheme of the present application in detail through specific embodiments.

It should be noted that the following 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 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:

S31, the terminal equipment receives first input item content input by a 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, a target page is displayed on the visual graphical interface, and a background service platform is also required for data storage and analysis, 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 program currently being used by the user in the terminal device.

The user can operate the target page according to the actual requirement of the user, so that the first input item content is input, and the terminal equipment displays the name of the 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. 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.

The terminal device determines the clicked input item content as the first input item content according to the clicking operation of the user, so as to acquire the first input item content 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 to acquire the first input item content input by the user.

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

Wherein, act is a JavaScript library for building user pages, javaScript is a lightweight, interpreted or just-in-time compiled programming language with function priority.

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

Alternatively, the first input item content and the identity 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 fast dynamic web page application, and is mainly used for front-end and back-end data exchange.

Correspondingly, for the server, the identification of the first input item content and the target page sent by the terminal equipment is received.

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

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 types of components corresponding to each first to-be-input item.

The fourth mapping relationship is used for representing the relationship between the content of the input item, the identifier, the name, the content of the input item to be input and the type five of the component. In the system development stage or the system maintenance process, a user, a developer or a maintainer can send the fourth mapping relation to the server through the terminal equipment in advance so that the server can store the fourth mapping relation in the database, or the user, the developer or the maintainer can store the fourth mapping relation in the database through other data storage equipment storing the fourth mapping relation.

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 input item content is input item content 1 and the identifier of the target page is page 1, according to the fourth mapping relationship, the name of the first to-be-input item determined by the server is name 1 and name 2. The type of the component corresponding to the first to-be-input item named as the name 1 is type 1, and the corresponding to-be-input item contents are to-be-input item content 1 and to-be-input item content 2. The type of the component corresponding to the first to-be-input item with the name of 2 is type 2, and the corresponding to-be-input item contents are to-be-input item content 3 and to-be-input item content 4.

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 Json format, and send the character string to the terminal device.

Correspondingly, for the terminal equipment, 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 types of components corresponding to each first to-be-input item, and the components are 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 one 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 can be stored in a state attribute corresponding to the target page, the code stored in the state attribute in advance is covered, and the target page is rendered according to the code in the state attribute.

In this way, according to the first mapping relation between the names and the display positions in each first to-be-input item and the codes, determining the target display position corresponding to each first to-be-input item, displaying each first to-be-input item at the corresponding target display position, and displaying the content of the first to-be-input item through the corresponding component of each first to-be-input item. For example, the name of each first item to be input and the content of the corresponding first item to be input may be backfilled into a form corresponding to the dynamically changing region.

In the mode, 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 a 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, 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 target information to be input item according to the first input item content, the identification of the target page and a fourth mapping relation stored in a database in advance, and sends the target information to be input item 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 first to-be-input item content 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, a large number of codes do not need to be stored in the target page in advance, and the terminal equipment can interact with the server, so that the content to be updated in the dynamic change area is acquired, and the response speed is high.

Furthermore, compared with the prior art that only the type information of the picture, the text, the picture address and the like of the dynamic change area which are not input by the user can be updated, the technical scheme can update the to-be-input items which can be input by the user in the dynamic change area according to the content of the first input item, and the user cannot perceive the difference between the input items in the fixed style area and the to-be-input items in the dynamic change area, so that 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 the input item is an attribute of an asset, and the content of the input item is an asset element.

Fig. 4 is a schematic flow chart of a second embodiment of a page display method provided in the embodiment of the present application. As shown in fig. 4, on the basis of any one of the above embodiments, the page display method may include the following steps:

s41, the terminal equipment generates a target page.

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

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

Alternatively, an ajax request may be invoked to send the first entry content and the identity of the target page to the server.

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

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

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 types of components 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 device, the name of each first item to be input of the target item to be input information sent by the server is received, and the type and character string of the component corresponding to each first item to be input.

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

Wherein the data is Json data.

S48, the terminal equipment backfills the data of the form of the fixed style area and the form of the dynamic change area 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, 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 between 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 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.

Fig. 5 is a schematic flow chart of a third embodiment of a page display method provided in the 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:

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

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

TABLE 2

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

S52, according to the identification of the target page, determining the content of the first to-be-input item corresponding to 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 Table 3

Taking the fifth mapping relationship 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 content is first to-be-input item content 6 and first to-be-input item content 7.

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

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

TABLE 4 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 item to be input is name 1, the type of the corresponding component is type 1. Assuming that the identification of the target page is page 2 and the name of the first item to be input is name 3, the type of the corresponding component is type 3.

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

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

Optionally, in the process of using the target page, the target page can be maintained. Fig. 6 is a flowchart of a fourth embodiment of a page display method according to the 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 names of the second items to be input and the types of the components corresponding to each second item to be input, which are input by the user.

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

Correspondingly, for the server, receiving the second mapping relation sent by the terminal equipment, and storing the second mapping relation into the attribute database.

Fig. 7 is a schematic flow chart of a fifth embodiment of a page display method provided in the 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 input item contents and the names according to the second input item contents input by the user and the names of the third to-be-input items corresponding to each second input item content.

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

Correspondingly, for the server, receiving the third mapping relation sent by the terminal equipment, and sending the third mapping relation to the relation database.

In the above embodiment, the front-end web page may include an attribute database maintenance module and a relationship database maintenance module, which are respectively used for updating the second mapping relationship in the attribute database and the third mapping relationship in the relationship database, so that the data of the dynamic change area can be added, deleted, revised and checked without changing codes, thereby reducing the maintenance cost, and the maintained page can be put into use without waiting for complex processes such as system development, test, production, etc., and improving the 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 maintaining the to-be-input item of the dynamic change area and the input item of the fixed style area are not different, so that the method and the device have wide application scenes.

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

s81, the terminal equipment respectively performs serialization processing on the form of the fixed pattern area and the form of the dynamic change area to obtain a form of the serialized fixed pattern area and a form of the serialized dynamic change area.

S82, the terminal equipment assigns the serialized form of the dynamic change area to a preset field in the serialized form of the fixed pattern area, and the processed form is obtained.

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

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

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 region may be further processed to obtain an identifier, and a sixth mapping relationship between the content of the input item may be as shown in the following table 5:

TABLE 5

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

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

S86, the server obtains a fifth mapping relation according to the key value of the dynamic change area, the data 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 are not required to be developed, and the development efficiency is improved.

The following are device embodiments of the present application, which may be used to perform method embodiments of the present application. For details not disclosed in the device embodiments of the present application, please refer to the method embodiments of the present application.

Fig. 9 is a schematic structural diagram of a first embodiment of a page display device according to an embodiment of the present application. As shown in fig. 9, the 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 includes a fixed style area and a dynamic change area, the fixed style area displays a name of at least one input item, and at least one input item content corresponding to each input item, the device includes:

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

a sending module 92, configured to send the first input item content and the identification of the target page to a 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 at least one name of a 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, where the component is configured to display the to-be-input item content;

the display module 93 is configured to display, in the dynamic change area, a name of each first item to be input and a content of the corresponding first item to be input according to a type of a 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 codes of dynamic change areas 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 codes of the dynamic change areas;

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 to-be-input item at a corresponding target display position, and displaying the content of the first to-be-input item through a corresponding component of each first to-be-input item.

In another possible design of an 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 names of the second items to be input and the types of the components corresponding to each second item to be input, wherein the second mapping relation is used for representing the relation of the identification, the names and the types of the components;

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

or,

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

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 may be used to execute the page display method on the terminal device side in any of the above embodiments, and its implementation principle and technical effects are similar, and are not described herein again.

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

a receiving module 101, configured to receive a first input item 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 to-be-input item content, the identifier of the target page, and a fourth mapping relationship stored in the database in advance, where the fourth mapping relationship is used to represent a relationship among the to-be-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 includes at least one name of the 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 used for sending the target to-be-input item information to the terminal equipment.

In one 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, 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 between 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 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;

Accordingly, the processing module 102 is specifically configured to:

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

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

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

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

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

It should be noted that, it should be understood that the division of the modules of the above apparatus is merely a division of a logic function, and may be fully or partially integrated into a physical entity or may be physically separated. And these modules may all be implemented in software in the form of calls by the processing element; or can be realized in hardware; the method can also be realized in a form of calling software by a processing element, and the method can be realized in a form of hardware by a part of modules. In addition, all or part of the modules may be integrated together or may be implemented independently. 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 a software form.

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 page display method on the terminal device side provided in any of the foregoing embodiments is implemented when the processor 111 executes the computer program instructions stored on the memory 114 and executable on the processor 111, and the processor 111, the transceiver 112, the display 113, the memory 114 and the computer program instructions stored on the memory 114.

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

Optionally, the terminal device 21 may also include an interface to interact with other devices.

Alternatively, in a hardware implementation, in the embodiment shown in fig. 9, the foregoing description is provided: 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 the target page on the graphical interface and realizing the man-machine 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, the display 113 may be a front panel of the 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 more, the display 113 may be arranged as a non-rectangular irregularly patterned display, i.e. a shaped screen. The display 113 may be made of a liquid crystal display (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 used to execute the page display method on the terminal device side provided in any of the above method embodiments, and its implementation principle and technical effects are similar, and 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: the processor 121, the transceiver 122, the memory and the computer program instructions stored on the memory 123 and executable on the processor 121, wherein the processor 121 implements the server-side page display method provided in any of the foregoing embodiments when executing the computer program instructions.

Alternatively, the above-mentioned 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.

Alternatively, in a hardware implementation, in the embodiment shown in fig. 10, the foregoing description is provided: 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 used to execute the page display method on the server 22 side provided in any of the above method embodiments, and its implementation principle and technical effects are similar, and are not described herein again.

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

The transceiver is used for communicating with other computers, and forms a communication interface.

It should be appreciated that the processor may be a central processing unit (Central Processing Unit, CPU), but may also be other general purpose processors, digital signal processors (Digital Signal Processor, DSP), application specific integrated circuits (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 hardware and software modules within a processor.

The system bus may be a peripheral component interconnect standard (peripheral component interconnect, PCI) bus or an extended industry standard architecture (extended industry standard architecture, EISA) bus, among others. The system bus may be classified into an address bus, a data bus, a control bus, and the like. For ease of illustration, the figures are shown with only one bold line, but not with only one bus or one type of bus. The memory may include random access memory (random access memory, RAM) and may also include non-volatile memory (NVM), such as at least one disk memory.

All or part of the steps for implementing the method embodiments described above may be performed by hardware associated with program instructions. The foregoing program may be stored in a readable memory. The program, when executed, performs steps including 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, floppy disk, optical disk, and any combination thereof.

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

Embodiments of the present application provide a computer-readable storage medium having stored therein computer instructions that, when executed on a computer, cause the computer to perform the above-described page display method.

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

In the alternative, a readable storage medium is coupled to the processor such that the processor can read information from, and write information to, the readable storage medium. In the alternative, the readable storage medium may be integral to the processor. The processor and the readable storage medium may reside in an application specific integrated circuit (Application Specific Integrated Circuits, ASIC). The processor and the readable storage medium may reside as discrete components in a device.

Embodiments of the present application also provide a computer program product, where the computer program product includes a computer program, where the computer program is stored in a computer readable storage medium, and at least one processor may read the computer program from the computer readable storage medium, and the at least one processor may implement the page display method when executing the computer program.

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

Claims (8)

1. The page display method is characterized in that the 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;

transmitting 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 types of components corresponding to each first to-be-input item, and the components are used for displaying the to-be-input item content;

generating codes of the dynamic change areas according to the names of the first items to be input and the types of the components corresponding to the first items to be input;

rendering the target page according to the codes of the dynamic change areas;

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 names and display positions in the codes;

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

2. The method according to claim 1, wherein the method further comprises:

generating a second mapping relation according to the identification of the target page, the names of the second items to be input and the types of the components corresponding to each second item to be input, wherein the second mapping relation is used for representing the relation of the identification, the names and the types of the components;

Transmitting the second mapping relation to the server;

or,

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

and sending the third mapping relation to the server.

3. A method for displaying a page, the method being applied to a server, the method comprising:

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 to-be-input item content, the identification of the target page and a fourth mapping relation stored in a database in advance, wherein the fourth mapping relation is used for representing the relation among the to-be-input item content, the identification, the name, the to-be-input item content and the type five of the component, and the target to-be-input item information comprises at least one name of a 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;

the target item information to be input is sent to the terminal equipment;

the fourth mapping relation comprises a second mapping relation, a third mapping relation and a fifth mapping relation, wherein the second mapping relation is used for representing the relation between the identifier, the name and the type of the component, the third mapping relation is used for representing the relation between the content of the input item and the name, and the fifth mapping relation is used for representing the relation between 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 the target to-be-input item information according to the first input item content, the identification of the target page and the fourth mapping relation pre-stored in the database comprises the following steps:

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

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

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

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

4. A method according to claim 3, characterized in that the method further comprises:

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

or,

and receiving the second mapping relation transmitted by the terminal equipment, and transmitting the third mapping relation to the relation database.

5. A page display device, applied to a terminal device, wherein 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 input item, and at least one input item content corresponding to each input item, the device 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 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 a type of a component corresponding to each first to-be-input item, and the component is configured to display the to-be-input item content;

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;

the display module is specifically configured to generate a code of the dynamic change area according to a name of each first item to be input and a type of a component corresponding to each first item to be input; rendering the target page according to the codes of the dynamic change areas; 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 names and display positions in the codes; and displaying each first to-be-input item at a corresponding target display position, and displaying the content of the first to-be-input item through a corresponding component of each first to-be-input item.

6. A page display device, characterized by being applied to a server, the device comprising:

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 to-be-input item content, the identification of the target page and a fourth mapping relation stored in a database in advance, wherein the fourth mapping relation is used for representing the relation among the to-be-input item content, the identification, the name, the to-be-input item content and the type five of the component, and the target to-be-input item information comprises at least one name of a 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;

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

the fourth mapping relation comprises a second mapping relation, a third mapping relation and a fifth mapping relation, wherein the second mapping relation is used for representing the relation between the identifier, the name and the type of the component, the third mapping relation is used for representing the relation between the content of the input item and the name, and the fifth mapping relation is used for representing the relation between 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 processing module is specifically configured to determine, according to the first input item content and the third mapping relationship pre-stored in the relational database, a name of a first to-be-input item corresponding to the first input item content; according to the identification of the target page, determining the first to-be-input item content corresponding to the name of each first to-be-input item and the fifth mapping relation prestored in the attribute value database; according to the identification of the target page, the name of each first item to be input and the second mapping relation pre-stored in the attribute database, determining the identification of the target page and the type of the component corresponding to the name of each first item to be input; and determining the name of each first to-be-input item, the content of the first to-be-input item corresponding to each first to-be-input item and the type of the component corresponding to each first to-be-input item as target to-be-input item information.

7. 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 for implementing the page display method according to any one of claims 1 or 2 when the computer program instructions are executed by the processor.

8. A server, comprising: a processor, a transceiver, a memory and computer program instructions stored on the memory and executable on the processor for implementing the page display method as claimed in any one of claims 3 or 4 when the computer program instructions are executed by the processor.