CN113779465A

CN113779465A - Page preview method, related device and equipment

Info

Publication number: CN113779465A
Application number: CN202111138599.1A
Authority: CN
Inventors: 黄铁鸣; 李斌; 郭金辉; 罗程; 肖文
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2021-09-27
Filing date: 2021-09-27
Publication date: 2021-12-10
Anticipated expiration: 2041-09-27
Also published as: CN113779465B

Abstract

The embodiment of the application discloses a page preview method, a related device and equipment, which are used for improving the acquisition efficiency of an instant messaging or message page. The method in the embodiment of the application comprises the following steps: displaying a page preview area and K basic controls on a template editing interface, wherein the K basic controls comprise a first basic control, K is an integer larger than 1, responding to a first layout new adding instruction, displaying the first layout area on the page preview area, responding to a selection instruction aiming at the first basic control, and displaying a target page comprising a first page object on the page preview area, wherein the first page object is displayed in the first layout area.

Description

Page preview method, related device and equipment

Technical Field

The embodiment of the application relates to the technical field of page processing, in particular to a page preview method, a related device and equipment.

Background

With the rapid development of internet technology, more and more platforms can realize online human-computer interaction, people can obtain corresponding service information in time through a communication platform or an application program, and the service information can be presented through an interface of the communication platform or the application program.

In the conventional page processing technology, when a communication platform or an application receives an acquisition request of service information of a user, the communication platform or the application can process the received acquisition request of the service information, and after the processing is completed, a page corresponding to a processing result is generated by the communication platform or the application for presentation.

However, a page passing through a communication platform or an application program is usually designed in advance by a page developer, then a background developer edits codes according to a designed interface, if the early-stage design of software is not perfect or there is a design error, then the page layout and the background codes need to be repeatedly modified subsequently, the code workload is large, a large amount of labor cost and time cost need to be consumed to repeatedly modify the page layout and the background codes, the cost of page generation is increased, and the efficiency of page acquisition is reduced.

Disclosure of Invention

The embodiment of the application provides a page preview method, a related device and equipment. Through abundant controls provided based on the template editing interface, different target pages can be obtained by responding to different selection instructions, flexibly adjusting the layout area in the page preview area of the template editing interface and displaying page objects in the layout area, background codes do not need to be modified, labor cost and time cost consumption can be reduced, the cost of page generation is reduced, and the page obtaining efficiency is improved.

In view of the above, an aspect of the present application provides a method for page preview, including:

displaying a page preview area and K basic controls on a template editing interface, wherein the K basic controls comprise a first basic control, the page preview area is used for displaying a page in the instant messaging application in real time, and K is an integer greater than 1;

responding to a first layout newly-added instruction, and displaying a first layout area on a page preview area;

and responding to a selection instruction aiming at the first basic control, and displaying a target page comprising a first page object on the first layout area, wherein the target page is an edited page in the instant messaging application.

Another aspect of the present application provides an apparatus for page preview, including:

the display unit is used for displaying a page preview area and K basic controls on the template editing interface, wherein the K basic controls comprise a first basic control, and K is an integer greater than 1;

the processing unit is used for responding to the first layout new adding instruction and displaying the first layout area on the page preview area;

and the processing unit is also used for responding to a selection instruction aiming at the first basic control, and displaying a target page comprising a first page object on the page preview area, wherein the first page object is displayed in the first layout area.

In one possible design, in an implementation manner of another aspect of the embodiment of the present application, the first base control is an option class control;

the processing unit is further configured to respond to an editing instruction for the first page object, and display configuration prompt information corresponding to the first page object, where the configuration prompt information includes at least one of a control identifier, a control title, an option upper limit value, and an option lower limit value.

In one possible design, in one implementation of another aspect of an embodiment of the present application,

the processing unit is also used for responding to an option adding instruction aiming at the first page object, and if the number of the current options is equal to the upper limit value of the options, a prompt message of option adding failure is displayed;

and the processing unit is also used for responding to the option deletion instruction aiming at the first page object, and displaying a prompt message of option deletion failure if the current option number is equal to the option lower limit value.

In one possible design, in an implementation manner of another aspect of the embodiment of the present application, the first basic control is a button-type control;

the processing unit is further configured to respond to an editing instruction for the first page object and display configuration prompt information corresponding to the first page object, where the configuration prompt information includes at least one of a control identifier, a control text, and a preset response behavior.

In one possible design, in an implementation manner of another aspect of the embodiment of the present application, a horizontal arrangement control is further displayed on the template editing interface, and the first page object includes at least two sub-page objects;

and the processing unit is further used for responding to a selection instruction aiming at the transverse arrangement control, dividing the first layout area into at least two column-direction areas, and respectively displaying the sub-page objects in each column-direction area.

In one possible design, in an implementation manner of another aspect of the embodiment of the present application, a vertical arrangement control is further displayed on the template editing interface, and the first page object includes at least two sub-page objects;

and the processing unit is further used for responding to a selection instruction aiming at the longitudinal arrangement control, dividing the first layout area into at least two transverse areas and respectively displaying the sub-page objects in each transverse area.

In one possible design, in an implementation of another aspect of the embodiments of the present application, the K base controls further include a second base control;

the processing unit is also used for responding to a second layout newly-added instruction and displaying a second layout area on the page preview area;

and the processing unit is also used for responding to a selection instruction aiming at the second basic control, and displaying a target page comprising the first page object and a second page object on the page preview area, wherein the second page object is displayed in the second layout area.

and the processing unit is also used for responding to the layout deletion instruction aiming at the second layout area, and canceling the display of the second layout area on the page preview area.

the processing unit is also used for responding to the configuration completion instruction and displaying a command configuration interface aiming at the target page;

the system comprises an acquisition unit, a display unit and a display unit, wherein the acquisition unit is used for acquiring a preset keyword through a command input area provided by a command configuration interface, and the preset keyword is used for uniquely indicating a target page;

the acquisition unit is also used for acquiring the target key words through an application interface provided by the target application program if the target application program is started;

and the processing unit is also used for displaying the target page on an application interface provided by the target application program if the target keyword is successfully matched with the preset keyword.

the processing unit is also used for starting the target application program;

the display unit is also used for displaying a page prompt control on an application interface provided by the target application program;

and the processing unit is also used for responding to a viewing instruction aiming at the page prompt control and displaying the target page.

In one possible design, in one implementation of another aspect of the embodiments of the present application, the target page belongs to a message class page;

and the display unit is also used for displaying the service data on the target page, wherein the service data is derived from the input data of the service party.

In one possible design, in one implementation of another aspect of the embodiments of the present application, the target page belongs to a form class page;

the acquisition unit is also used for acquiring at least one item of input information through the target page;

the processing unit is further used for reporting at least one item of input information to the server according to a preset response behavior if a reporting instruction for the target page is obtained;

the processing unit is further used for jumping to a page corresponding to the input information according to a preset response behavior if the jump instruction for the target page is obtained;

and the processing unit is further used for displaying the popup corresponding to the input information according to a preset response behavior if the popup instruction for the target page is acquired.

Another aspect of the present application provides a computer device, including: a memory, a transceiver, a processor, and a bus system;

wherein, the memory is used for storing programs;

the processor, when executing the program in the memory, implements the methods as described above;

the bus system is used for connecting the memory and the processor so as to enable the memory and the processor to communicate.

Another aspect of the present application provides a computer-readable storage medium having stored therein instructions, which when executed on a computer, cause the computer to perform the method of the above-described aspects.

In another aspect of the application, a computer program product or computer program is provided, the computer program product or computer program comprising computer instructions stored in a computer readable storage medium. The processor of the network device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions to cause the network device to perform the method provided by the above aspects.

According to the technical scheme, the embodiment of the application has the following advantages:

displaying a page preview area capable of being used for displaying a page in the instant messaging application in real time and K basic controls including a first basic control on a template editing interface, responding to a first layout new adding instruction, displaying the first layout area on the page preview area, and then responding to a selection instruction aiming at the first basic control, and displaying an edited target page in the instant messaging application including a first page object on the first layout area. By the mode, rich controls provided based on the template editing interface are realized, K basic controls which are provided by the template editing interface and comprise a first basic control and a page preview area which can be used for displaying a page in the instant messaging application in real time can be provided by the template editing interface, and further, an edited target page in the instant messaging application comprising a first page object can be displayed on the page preview area in response to a received local newly added instruction and a selection instruction, so that different edited target pages in the instant messaging application can be obtained by responding to different selection instructions and flexibly adjusting the layout area in the page preview area of the template editing interface and the page object displayed in the layout area, the flexibility of page acquisition can be improved, a code of a background is not required to be modified, and the consumption of labor cost and time cost can be reduced, therefore, the cost of page generation is reduced, and the page acquisition efficiency is improved.

Drawings

FIG. 1 is a schematic diagram of an architecture of a page processing control system in an embodiment of the present application;

FIG. 2 is an interactive schematic diagram of a page processing control system in an embodiment of the present application;

FIG. 3 is a flowchart of one embodiment of a method for page preview in an embodiment of the present application;

FIG. 4 is a flowchart of another embodiment of a method for page preview in an embodiment of the present application;

FIG. 5 is a flowchart of another embodiment of a method for page preview in an embodiment of the present application;

FIG. 6 is a flowchart of another embodiment of a method for page preview in an embodiment of the present application;

FIG. 7 is a flowchart of another embodiment of a method for page preview in an embodiment of the present application;

FIG. 8 is a flowchart of another embodiment of a method for page preview in an embodiment of the present application;

FIG. 9(a1) is a schematic diagram of a template editing interface of the page preview method in the embodiment of the present application;

FIG. 9(a2) is a schematic diagram of another template editing interface of the page preview method in the embodiment of the present application;

FIG. 9(b1) is a schematic diagram of another template editing interface of the page preview method in the embodiment of the present application;

FIG. 9(b2) is a schematic diagram of another template editing interface of the page preview method in the embodiment of the present application;

FIG. 9(c) is a diagram of another template editing interface of the page preview method in the embodiment of the present application;

FIG. 10 is a schematic diagram of a page relationship of a page preview method in an embodiment of the present application;

FIG. 11 is a schematic diagram of a target page of the method for page preview in the embodiment of the present application;

FIG. 12 is a schematic diagram illustrating configuration hints information of a target page of the page preview method in the embodiment of the present application;

FIG. 13 is a schematic diagram of a control relationship of a method for page preview in an embodiment of the present application;

FIG. 14 is a schematic diagram of configuration data of a target page of the page preview method in the embodiment of the present application;

FIG. 15 is a schematic diagram of a target page preview of the page preview method in the embodiment of the present application;

FIG. 16 is a schematic view of a command configuration page of the method for page preview in the embodiment of the present application;

FIG. 17 is a schematic interface diagram of an application of the method for page preview in the embodiment of the present application;

FIG. 18 is a diagram showing a configuration of structural data of a page preview method in the embodiment of the present application;

FIG. 19 is a diagram illustrating an embedded structure data of a page preview method in the embodiment of the present application;

FIG. 20 is a diagram showing a configuration of response behavior information of a page preview method in the embodiment of the present application;

FIG. 21 is a diagram illustrating another configuration of response behavior information in the method for page preview in the embodiment of the present application;

FIG. 22 is a diagram illustrating the effect of a message page in the page preview method in the embodiment of the present application;

FIG. 23 is a diagram illustrating the effect of a form page of the page preview method in the embodiment of the present application;

FIG. 24 is a drawing of an embodiment of a page preview device in the embodiment of the present application;

FIG. 25 is a schematic diagram of an embodiment of a computer device in the embodiment of the present application.

Detailed Description

The embodiment of the application provides a page preview method, a related device and equipment, which are used for responding to different selection instructions through rich controls provided by a template editing interface, adjusting a layout area in a page preview area of the template editing interface and displaying page objects in the layout area to obtain different target pages, and background codes do not need to be modified, so that the labor cost and the time cost can be reduced, the page generation cost is reduced, and the page obtaining efficiency is improved.

The terms "first," "second," "third," "fourth," and the like in the description and in the claims and drawings of the present application, if any, are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the application described herein are, for example, capable of operation in sequences other than those illustrated or otherwise described herein. Furthermore, the terms "comprises," "comprising," and "corresponding" and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.

It should be understood that the page preview method provided by the present application may be applied to a scenario in which related services are completed through various pages, for example, a leave-asking transaction is completed through a leave-asking message page. As another example, the voting service is accomplished, for example, through a voting form page. As yet another example, the guest initiated transaction is completed, for example, via a guest form page. In the foregoing various scenarios, in order to complete the acquisition of a page, a solution provided in the prior art is to process a received service information acquisition request through a communication platform or an application program, and generate a page corresponding to a processing result through the communication platform or the application program after the processing is completed for presentation. However, a page passing through a communication platform or an application program is usually designed in advance by a page developer, then a background developer edits codes according to a designed interface, if the early-stage design of software is not perfect or there is a design error, then the page layout and the background codes need to be repeatedly modified subsequently, the code workload is large, a large amount of labor cost and time cost need to be consumed to repeatedly modify the page layout and the background codes, the cost of page generation is increased, and the efficiency of page acquisition is reduced.

In order to solve the above problem, the present application provides a method for page preview, which is applied to a page processing control system shown in fig. 1, please refer to fig. 1, fig. 1 is a schematic structural diagram of the page processing control system in an embodiment of the present application, and as shown in fig. 1, a page preview area capable of being used for displaying a page in an instant messaging application in real time and K basic controls including a first basic control are displayed on a template editing interface through a terminal device, a first layout area is displayed on the page preview area in response to a first layout addition instruction, and then, an edited target page in the instant messaging application including a first page object is displayed on the first layout area in response to a selection instruction for the first basic control. By the mode, rich controls provided based on the template editing interface are realized, K basic controls which are provided by the template editing interface and comprise a first basic control and a page preview area which can be used for displaying a page in the instant messaging application in real time can be provided, further, a newly added local instruction and a selection instruction can be responded to, an edited target page in the instant messaging application comprising a first page object can be displayed on the page preview area, so that different edited target pages in the instant messaging application can be obtained by responding to different selection instructions and flexibly adjusting the layout area and the page object displayed in the layout area in the page preview area of the template editing interface, background codes are not required to be modified, the consumption of labor cost and time cost can be reduced, and the cost of page generation is reduced, the page acquisition efficiency is improved.

It is understood that fig. 1 only shows one terminal device, and in an actual scene, a greater variety of terminal devices may participate in the data processing process, where the terminal devices include, but are not limited to, a mobile phone, a computer, an intelligent voice interaction device, an intelligent household appliance, a vehicle-mounted terminal, and the specific number and variety depend on the actual scene, and are not limited herein. In addition, fig. 1 shows one server, but in an actual scenario, a plurality of servers may participate, and particularly in a scenario of multi-model training interaction, the number of servers depends on the actual scenario, and is not limited herein.

It should be noted that in this embodiment, the server may be an independent physical server, may also be a server cluster or a distributed system formed by a plurality of physical servers, and may also be a cloud server that provides basic cloud computing services such as a cloud service, a cloud database, cloud computing, a cloud function, cloud storage, a network service, cloud communication, a middleware service, a domain name service, a security service, a Content Delivery Network (CDN), a big data and an artificial intelligence platform, and the like. The terminal device may be, but is not limited to, a smart phone, a tablet computer, a notebook computer, a desktop computer, a smart speaker, a smart watch, and the like. The terminal device and the server may be directly or indirectly connected through a wired or wireless communication manner, and the terminal device and the server may be connected to form a block chain network, which is not limited herein.

In order to solve the above problem, the present application proposes a method for page preview, which is generally performed by a server or a terminal device, and accordingly, an apparatus applied to content recommendation is generally provided in the server or the terminal device.

It can be understood that the method, related device and apparatus for page preview as disclosed in the present application, wherein a plurality of server/terminal devices can be combined into a blockchain, and the server/terminal devices are nodes on the blockchain. In practical application, data sharing between nodes may be required in a block chain, and page data and the like may be stored in each node.

It is to be understood that, referring to fig. 2, fig. 2 is an interactive schematic diagram of the page processing control system in the embodiment of the present application, as shown in fig. 2, in step S1, that is, visualizing the editing template, a user may edit a page template (i.e., a target page) that is desired to be obtained through an editor (i.e., a template editing interface), and generate configuration data corresponding to the page template, such as JSON format data. In step S2, that is, previewing the template, the user may input a template preview instruction through the editor, and the editor may forward the preview instruction to the robot backend server, where the robot backend server refers to a backend service generally providing specific functions in the instant messaging software, for example, when the user initiates an instruction at a terminal, the instant messaging software transmits a message to the robot backend to process the message, and after the processing, the result is responded and presented in a message push manner. In step S3, the preview message is issued, and the preview push message is pushed to the terminal device through the robot backend server, so that the terminal device can render the configuration data corresponding to the obtained page template through the cross-end engine, and display the rendered page template in the terminal device. In step S4, i.e., saving the template, the user may enter a template saving instruction through the editor, which may forward the saving instruction to the robot backend server. In step S5, that is, storing the template data, the robot backend server may store the configuration data corresponding to the page template sent by the editor and a preset binding command, such as a slash command or other command, which is not limited herein, in a one-to-one corresponding relationship, and store the configuration data and the preset template identifier, such as a template ID, in a database in a one-to-one corresponding relationship, as shown in fig. 10, where the page template and the robot may be in a many-to-one relationship, that is, a plurality of page templates correspond to one robot, such as template 1, template 2, or template n, and n is an integer greater than 1, where the binding command and the robot may be in a many-to-one relationship, that is, a plurality of binding commands correspond to one robot, such as slash1, slash2, or slash n, correspond to one robot, and the page template and the binding command are in a one-to-one relationship, e.g., template 1 corresponds to coast 1 or template 2 corresponds to coast 2, etc. In step S6, that is, receiving the binding command, when the user inputs the slow command through the application interface of the terminal device, the slow command may be forwarded to the robot backend server through the application interface. In step S7, that is, forwarding the bind command, the slow command may be forwarded to the service server through the robot backend server. Then, by processing the service logic, the service server can obtain and process the corresponding service data in the database according to the template identifier carried by the slow command. In step S9, that is, the configuration data and the service data corresponding to the page template are issued, the robot background service may obtain the configuration data of the corresponding page template from the database through the template identifier carried in the slow command, and receive the service data corresponding to the page template sent by the service server. In step S10, that is, the configuration of the template is acquired, and the configuration data and the service data corresponding to the acquired page template are analyzed by the robot service. In step S11, that is, rendering the configuration data and the service data corresponding to the page template, the robot service issues the configuration data and the service data corresponding to the parsed page template to the terminal device, so that the terminal device can render the configuration data and the service data corresponding to the acquired page template through the cross-end engine, and display the page template including the service data in the application program interface of the terminal device. In step S12, that is, data submitted by the user is received, the user may submit the data through the page displayed on the application program interface of the terminal device, and the submitted data may be reported to the robot backend server through the page displayed on the application program interface of the terminal device. In step S13, the data submitted by the user is forwarded to the service server through the robot backend server. In step S14, that is, in response to the page template, the service server may obtain, according to the response relationship between the configured user-submittable data and the preset response behavior, the configuration data and the service data corresponding to the specified page template according to the preset response behavior, and send the configuration data and the service data to the robot backend server. In step S15, the configuration data and the service data corresponding to the designated page template are issued, and the configuration data and the service data corresponding to the designated page template sent by the service server are issued to the terminal device through the robot backend server, so that the terminal device can render the configuration data and the service data corresponding to the acquired page template through the cross-end engine, and display the page template including the service data in the application program interface of the terminal device.

Referring to fig. 3, a method for previewing a page in the present application is described below, where an embodiment of the method for previewing a page in the present application includes:

in step S101, a page preview area and K basic controls are displayed on a template editing interface, where the K basic controls include a first basic control, the page preview area is used for displaying a page in an instant messaging application in real time, and K is an integer greater than 1;

in step S102, in response to the first layout addition instruction, displaying a first layout area on the page preview area;

in step S103, in response to a selection instruction for the first basic control, a target page including a first page object is displayed on the first layout area, where the target page is an edited page in the instant messaging application.

In this embodiment, when a developer needs to adjust or create a page, the developer may display a page preview area in the instant messaging application in real time based on rich controls provided by the template editing interface, and K basic controls, where the page preview area is used to display a page in the instant messaging application, where the page may be an unedited blank page or a page with already edited content, where the page is not specifically limited, further, the page preview area may be specifically used to display editable page content in the instant messaging application, the page preview area may be specifically expressed as a type such as a session window or a pop-up window, or may be another page type, where the page type is not specifically limited, the basic controls include a first basic control, the basic controls refer to encapsulation of data and methods, and the basic controls may be used to describe functions supported by the page, the first basic control may be embodied as an option control, such as an input box, a dynamic input box, a person display, or other types of controls, and is not limited in this respect.

Further, when a first layout adding instruction is received, the first layout area may be displayed on the page preview area through the template editing interface in response to the first layout adding instruction, where the page preview area may include a plurality of layout areas, such as the first layout area, the first layout area may be specifically represented as an elastic layout, a horizontal layout, a vertical waterfall flow layout, or the like, or may be other layouts, which is not specifically limited herein, and the layout areas may be used to describe how basic controls placed in the layout areas are arranged according to which layout manner.

Further, when a selection instruction for the first basic control is received, the selected first basic control can be added into the first layout area through the template editing interface, the selected first basic control can be displayed in the first layout area through the first page object, and then an edited page in the instant messaging application, namely a target page, including the first page object is displayed on the page preview area, wherein the first page object is used for describing the expression of the first control in the first layout area, and the first page object can be specifically represented as an inputtable rectangular text box, a rectangular check box or a circular text, or other forms of editable objects, which is not specifically limited herein.

For convenience of understanding, referring to fig. 9(a1) to 9(c) to describe in further detail the steps S101 to S103, please refer to fig. 9(a1) to 9(c), where fig. 9(a1) to 9(c) are schematic diagrams of a template editing interface of a method for page preview in the embodiment of the present application, in the embodiment, a first layout region is taken as a region of an input text box for displaying options, a first basic control is taken as the input text box, and a first page object is taken as a rectangular input text box for example, in fig. 9(a1) to 9(c), respectively, a process of a developer acquiring a target page through the template editing interface is shown, and an example of an applicant form page is acquired through the template editing interface for explanation, after an adding operation of the developer to the region (a first layout region) of the input text box for the options is received on the template editing interface, fig. 9(a1) to 9(c) schematic interfaces (i.e., template editing interfaces) may be presented, where a1 refers to a "first basic control" icon on the interface for describing supported functions; an indication of a2 is an "add layout" icon on the interface, which is used to describe the layout manner in which the first basic controls placed in the layout area are arranged, an indication of A3 is a "first page object" on the interface, which is used to describe the expression of the selected first control in the first layout area, when a developer presses the "add layout" icon in a2 or clicks the "add layout" icon in a2 through a cursor, the template editing interface can know the area (i.e., the first layout area) of the input text box where the developer wants to add new display options, and can display a first layout area capable of being used to place basic components on the page preview area capable of being used to display a page in the instant messaging application in real time. Then, when the developer drags the "first basic control" icon in a1, presses the "first basic control" icon in a1, or clicks the "first basic control" icon in a1 through a cursor, the template editing interface may know that the developer wants to select an input text box (i.e., the first basic control) and display the selected input text box in the first layout area in the form of a rectangular input text box (i.e., the first page object), so as to obtain an edited requester form page in the instant messaging application. Of course, instead of displaying the a1 icon in fig. 9(a1) to 9(c), the "new first layout area" may be output by voice on the actual template editing interface, and when the user inputs "determine", "determine new" or other positive responses by voice, the developer is considered to input the first layout new instruction; when the user inputs a negative answer such as cancel, and the like in a voice manner, the developer is considered to cancel the first layout new adding instruction, and the like, and specifically, the input manner of the first layout new adding instruction is not limited here, and similarly, the input manner of the selection instruction of the first basic control is similar to the input manner of the first layout new adding instruction, and is not described here again.

In the embodiment of the present application, a method for page preview is provided, in which, by the above-mentioned manner, rich controls provided based on a template editing interface are implemented, K basic controls including a first basic control and a page preview area capable of displaying a page in an instant messaging application in real time, which are provided by the template editing interface, and further, in response to a received local addition instruction and a selection instruction, an edited target page in the instant messaging application including a first page object can be displayed on a first layout area, so that different edited target pages in the instant messaging application can be obtained by responding to different selection instructions, flexibly adjusting the layout area in the page preview area of the template editing interface and the page object displayed in the layout area, and thus, flexibility of page acquisition can be improved without modifying a code of a background, the consumption of labor cost and time cost can be reduced, so that the cost of page generation is reduced, and the page acquisition efficiency is improved.

It should be understood that in the embodiment and the subsequent embodiments, a template editing interface may be used to obtain a please form page for description, and certainly, a target page may also be a please message page, a voting form page, and the like, which may be used by analogy with the description in the embodiment.

Optionally, on the basis of the embodiment corresponding to fig. 3, in another optional embodiment of the page preview method provided in the embodiment of the present application, the first basic control is an option class control; the method further comprises the following steps:

and responding to an editing instruction aiming at the first page object, and displaying configuration prompt information corresponding to the first page object, wherein the configuration prompt information comprises at least one item of a control identification, a control title, an option upper limit value and an option lower limit value.

In this embodiment, after a target page including a first page object is displayed in a page preview area in response to a selection instruction for a first basic control, an editing instruction for the first page object may be received through a template editing interface, and if the first basic control is an option type control, configuration prompt information corresponding to the first page object may be displayed on the template editing interface to represent configuration parameters input by a developer, such as one or more of a control identifier, a control title, an option upper limit value, and an option lower limit value, so that functions supported by the page object may better meet application requirements, and thus functions and contents of the target page are richer.

For convenience of understanding, please continue to refer to fig. 9(a1) to fig. 9(c), in an implementation manner, taking the configuration prompt information of the input text box via the option as an example, as in the schematic diagram of fig. 9(a1), the configuration prompt information corresponding to the first page object may be hidden in the template editing interface, and when an editing instruction for the first page object is received, a display area corresponding to the configuration prompt information in the schematic diagram of fig. 9(a2) is displayed on the template editing interface.

In another implementation, as in the schematic diagram of fig. 9(b1), the configuration prompt information corresponding to the first page object may be hidden in the template editing interface, and when an editing instruction for the first page object is received, a popup window corresponding to the configuration prompt information in the schematic diagram of fig. 9(b2) is displayed on the template editing interface, for example, by pressing the "first page object" icon in A3 or clicking the "first page object" icon in A3 through a cursor.

In another implementation, as shown in fig. 9(c), the configuration prompt information corresponding to the first page object may be displayed in the template editing interface similar to the page preview area.

It can be understood that the page preview area, the K basic controls, and the control prompt information may be sequentially arranged on the left side, the middle side, and the right side, or the upper side, the middle side, and the lower side, etc. of the template editing interface, and the specific display manner of the page preview area, the K basic controls, and the control prompt information is not limited herein.

Wherein A4 is the control identification of the selected first basic control, the selected first basic control is represented by an option type control, for example, the control ID is "options", A5 is the control title of the selected first basic control, for example, "options", A6 is the upper limit value of the selected first basic control, the selected first basic control can display the maximum number, A7 is the lower limit value of the selected first basic control, the selected first basic control can display the minimum number,

specifically, when the developer presses the "first page object" icon in A3 or clicks the "first page object" icon in A3 through a cursor, the template editing interface may know that the developer wants to input corresponding configuration parameters for the rectangular input text box of the option, for example, the selected control of the first page object is labeled "option", the control ID of the first page object is "options", the prompt displayed in the rectangular input text box of the option may be "please input", the initial display number in the rectangular input text box of the option may be "2", wherein, when the initial display number is limited to represent the target page display, the rectangular input text box of 2 options may be displayed by default, the maximum number that can be displayed in the first layout area in the rectangular input text box of the option may be "5", and the minimum number that can be displayed in the first layout area in the rectangular input text box of the option may be "1" The configuration prompt information in fig. 9(a1) to 9(c) is only an example, and the specific configuration prompt information may be flexibly determined by combining with the actual page object, which is not limited herein.

Optionally, on the basis of the embodiment corresponding to fig. 3, in another optional embodiment of the method for page preview provided in the embodiment of the present application, as shown in fig. 4, the method further includes:

in step S401, responding to an option adding instruction for the first page object, and if the current number of options is equal to the upper limit of the options, displaying a prompt message indicating that the option addition fails;

in step S402, in response to the option deletion instruction for the first page object, if the current number of options is equal to the lower limit of the options, a prompt message indicating that the option deletion fails is displayed.

In the embodiment, after the target page including the first page object is displayed on the page preview area in response to the selection instruction for the first basic control, when an option add instruction for the first page object is received through the target page, the option add instruction for the first page object may be received, in response to the option add instruction for the first page object, adding the first page objects according to the number of the adding options carried in the option adding instruction, when detecting that the number of the currently added first page objects (namely the number of the current options) is equal to the maximum number (namely the upper limit value of the options) of the configured first page objects which can be displayed, stopping adding the first page object, and displaying a prompt message indicating that the option addition fails, where the prompt message may be embodied as a popup message or a dialog message, or may be in another message form, and the present disclosure is not limited specifically herein. Similarly, when an option deletion instruction for the first page object is received through the target page, the first page object can be deleted according to the number of deletion options carried in the option adding instruction in response to the option deletion instruction for the first page object, and when the number of the currently deleted first page objects (namely the number of the current options) is detected to be equal to the minimum number (namely the upper limit value of the options) that can be displayed by the configured first page object, the deletion of the first page object is stopped, and a prompt message indicating that the option deletion fails is displayed, so that the page object can be better displayed in the target page, and the display effect of the target page is richer.

For convenience of understanding, please continue to refer to fig. 9(a1) to fig. 9(c), taking the number of input text boxes for adding or deleting options as an example, where a8 is an "option add" icon for indicating that a first page object is added, such as a "+" icon, and a9 is an "option delete" icon for indicating that a first page object is deleted, such as a "-" icon, it is understood that the "option add" icon and the "option delete" icon in fig. 9(a1) to fig. 9(c) are merely examples, and the display manner of the specific icon may be flexibly determined in combination with the actual page object, and is not limited herein. When the developer presses or drags the option addition icon in A8 or clicks the option addition icon in A8 through a cursor, the tab form page (i.e., the target page) can know that the rectangular input text box to which the developer wants to add the option, for example, the maximum number that the rectangular input text box of the option can display is 5 (i.e., the option upper limit), when the number of the rectangular input text boxes of the added option is added to 5, that is, the current number of the options is equal to the option upper limit, the maximum number that the rectangular input text box of the option can display can be understood and reached, and the addition is continued and the display in the tab form page cannot be achieved, a message popup window indicating that the addition fails (i.e., a prompt message indicating that the addition of the option fails) can be popped up. Similarly, when the developer presses or drags the option delete icon in a9 or clicks the option delete icon in a9 through a cursor, the developer asks for the form page (i.e., the target page) to know that the rectangular input textbox to which the developer wants to add the option has a minimum number of 1 (i.e., the lower limit of the option) that can be displayed, and when the number of the rectangular input textboxes of the deleted option is reduced to 1, i.e., the current number of the options is equal to the lower limit of the option, the developer can understand that the minimum number of the rectangular input textboxes of the option that can be displayed is reached, and the developer cannot continue to delete the rectangular input textboxes, and a delete failure message popup window (i.e., a prompt message indicating that the option deletion fails) can be popped up.

Optionally, on the basis of the embodiment corresponding to fig. 3, in another optional embodiment of the page preview method provided in the embodiment of the present application, the first basic control is a button type control; the method further comprises the following steps:

and responding to an editing instruction aiming at the first page object, and displaying configuration prompt information corresponding to the first page object, wherein the configuration prompt information comprises at least one item of control identification, control text and preset response behavior.

In this embodiment, after a target page including a first page object is displayed on a page preview area in response to a selection instruction for a first basic control, an editing instruction for the first page object may be received through a template editing interface, and if the first basic control is a button type control, configuration prompt information corresponding to the first page object may be displayed on the template editing interface to represent configuration parameters input by a developer, such as one or more of a control identifier, a control text, and a preset response behavior, so that functions supported by the page object better meet application requirements, and thus functions and content of the target page are richer.

For ease of understanding, please continue to refer to fig. 11-14, which take a page including a most basic button element as an example, as shown in fig. 11, a message page (i.e., a target page) has a button page object (i.e., a first basic control is a button class control). As shown in fig. 12, when the "key" icon is pressed by the user or the "key" icon is clicked by the cursor, the message page (i.e., the target page) may learn that the user wants to input a corresponding configuration parameter for the key button, where, for example, the selected control text of the first page object is "key", the control ID of the first page object is "button", the response behavior information corresponding to the key button includes, for example, an open template (i.e., the target page), a template ID or report data, and other response behaviors such as jumping to other pages, opening a configuration address, and the like, which is not specifically limited herein, and the configuration prompt information in fig. 12 is only an example, and the specific configuration prompt information may be flexibly determined in combination with the actual page object, and is not specifically limited herein. As shown in fig. 13, after the message page is obtained, in this embodiment, the format data of the JSON schema may be used to describe the message structure in the message page, that is, after the configuration of the key control is completed, data in the JSON format may be generated to describe the configuration prompt message. The Json schema defines a set of vocabularies and rules, the vocabularies and the rules can be used for defining Json metadata, and the metadata is described through a Json data form, wherein the Json metadata defines a specification which needs to be met by the Json data, and the specification comprises members, structures, types, constraints and the like. As shown in fig. 14, the JSON file includes an inclusion relationship between the controls, where the type of a page (Surface) is a message (message) type, layout (layout) information of the page, list information of a first basic control (components) and subcomponents of the page, appearance configuration of each subcomponent, and response configuration information, where an outermost layer of the inclusion relationship between the controls is a page type, and may be specifically represented as a message type or a popup window type, and the two types are different in applicable scenarios, where the message type may be directly presented in a session window, and the popup window type needs to be manually clicked to trigger presentation, and may also be used in some complex scenarios related to user information collection. The layout refers to that one page may include a plurality of layouts, which may be embodied as an elastic layout, a horizontal layout, or a vertical waterfall flow layout, and the layout is used to describe how the first basic control placed therein is arranged. A composition (MultiComponent) component may implement typesetting more complex functionality by placing some first base components, such as some circular list presentations. The first basic component cannot be placed independently, and must be placed in a specific layout container (i.e., the first layout area) to be exposed, for example, a first page object such as a button, a text input box, etc., can be exposed in the first layout area.

Optionally, on the basis of the embodiment corresponding to fig. 3, in another optional embodiment of the page preview method provided in the embodiment of the present application, a horizontal arrangement control is further displayed on the template editing interface, and the first page object includes at least two sub-page objects; the method further comprises the following steps:

and in response to a selection instruction aiming at the transverse arrangement control, dividing the first layout area into at least two columnar areas, and respectively showing the sub-page objects in each columnar area.

In this embodiment, after a selection instruction for a first basic control is responded, a target page including a first page object is displayed on a page preview area, when the selection instruction for a horizontal arrangement control is received through a template editing interface, the selection instruction for the horizontal arrangement control can be responded, the first layout area is divided into at least two column-direction areas according to the arrangement mode of the horizontal arrangement control, the first page object including at least two sub-page objects is displayed in each column-direction area, and functions of the target page can be enriched through a complex horizontal list form, so that the display effect of the target page is enriched.

For convenience of understanding, please continue to refer to fig. 9(a1) to fig. 9(c), a horizontal layout of the input text box with the option added is taken as an example for illustration, where a11 refers to a "horizontal combination" icon on the interface for indicating that at least two sub-page objects in the first page object, such as the input text box 1 and the input text box 2, are displayed in a horizontal list, it is understood that the "horizontal combination" icon in fig. 9(a1) to fig. 9(c) is merely an example, and a display manner of a specific icon may be flexibly determined in combination with an actual page object, and is not limited herein. When the developer presses or drags the "lateral combination" icon in a11 or clicks the "lateral combination" icon in a11 through a cursor, the visitor form page (i.e., the target page) can know that the developer wants to display rectangular input textboxes of at least two options laterally in a first layout area in parallel, that is, the first layout area is divided into at least two column areas, and the rectangular input textbox of one option is displayed in each column area.

Optionally, on the basis of the embodiment corresponding to fig. 3, in another optional embodiment of the page preview method provided in the embodiment of the present application, a longitudinal arrangement control is further displayed on the template editing interface, and the first page object includes at least two sub-page objects; the method further comprises the following steps:

and in response to a selection instruction aiming at the longitudinal arrangement control, dividing the first layout area into at least two horizontal areas, and respectively displaying the sub-page objects in each horizontal area.

For convenience of understanding, please continue to refer to fig. 9(a1) to fig. 9(c), a horizontal layout of the input text box with the option added is taken as an example for illustration, where a10 refers to a "vertical combination" icon on the interface for indicating that at least two sub-page objects in the first page object, such as the input text box 1 and the input text box 2, are displayed in a vertical list, it is understood that the "vertical combination" icon in fig. 9(a1) to fig. 9(c) is merely an example, and a display manner of a specific icon may be flexibly determined in combination with an actual page object, and is not limited herein. When the developer presses or drags the "vertical combination" icon in a10 or clicks the "horizontal combination" icon in a10 through a cursor, the visitor form page (i.e., the target page) can know that the developer wants to display rectangular input textboxes of at least two options in a first layout area in a vertical parallel manner, that is, the first layout area is divided into at least two horizontal areas, and the rectangular input textboxes of one option are respectively displayed in each column area.

Optionally, on the basis of the embodiment corresponding to fig. 3, in another optional embodiment of the page preview method provided in the embodiment of the present application, as shown in fig. 5, the K basic controls further include a second basic control; the method further comprises the following steps:

in step S501, in response to the second layout addition instruction, displaying a second layout area on the page preview area;

in step S502, in response to a selection instruction for the second basic control, a target page including the first page object and a second page object is displayed on the page preview area, wherein the second page object is displayed in the second layout area.

In this embodiment, after a target page including a first page object is displayed in a page preview area in response to a selection instruction for a first basic control, when a second layout addition instruction is received through a template editing interface, the second layout addition instruction may be responded, a second layout area is added in the page preview area, then, when the selection instruction of the second basic control is received through the template editing interface, the selection instruction of the second basic control may be responded, the second basic control is displayed in the second layout area through a second page object, and then the target page including the first page object and the second page object may be obtained.

For convenience of understanding, referring to fig. 9(a1) to 9(c) to describe in further detail the steps S501 to S502, please refer to fig. 9(a1) to 9(c), wherein in this embodiment, the second layout region is taken as the display region of the submit button, the second basic control is taken as the submit control, and the second page object is taken as the submit button, and fig. 9(a1) to 9(c) take the applicant form page as an example through the template editing interface to explain, after receiving the developer' S add operation to the display region (i.e. a second layout region) of the submit button through the template editing interface, the schematic diagram interfaces (i.e. template editing interface) of fig. 9(a1) to 9(c) can be displayed, wherein, when the developer presses the "new layout" icon in a2 or clicks the "new layout" icon in a2 through the cursor, the template editing interface may know that the developer wants to add a new submit button in the display area (i.e., the second layout area), and may display a second layout area on the page preview area, where the second layout area can be used for placing the second basic component. Then, when the developer drags the "key control" icon, presses the "key control" icon, or clicks the "key control" icon through a cursor, the template editing interface may learn that the developer wants to select one key control (i.e., the second basic control) to be displayed in the second layout area in the form of a submit button (i.e., the second page object), and may obtain a rectangular input text box containing options and a requester form page of the submit button. Of course, on the actual template editing interface, the input mode of the second layout new instruction may be similar to the input mode of the first layout new instruction, and the input mode of the selection instruction of the second basic control may also be similar to the input mode of the first layout new instruction, and details are not described here.

Optionally, on the basis of the embodiment corresponding to fig. 3, in another optional embodiment of the method for page preview provided in the embodiment of the present application, the method further includes:

and canceling the display of the second layout area on the page preview area in response to the layout deletion instruction for the second layout area.

In this embodiment, after a selection instruction for the second basic control is responded, and a target page including a first page object and a second page object is displayed in the page preview area, when a second layout deletion instruction is received through the template editing interface, the second layout deletion instruction may be responded, and the second layout area in the page preview area is subjected to overall deletion of the layout area, so that a target page without the second page object may be obtained, and a plurality of page objects in the target page may be dynamically adjusted by deleting the layout area, so as to obtain a target page that better meets business requirements, thereby enabling the display effect of the target page to be better.

For convenience of understanding, referring to fig. 9(a1) to 9(c) to describe in further detail the steps S501 to S502, please refer to fig. 9(a1) to 9(c), wherein in this embodiment, the second layout region is the display region of the submit button, the second basic control is the submit control, and the second page object is the submit button, and fig. 9(a1) to 9(c) illustrate the example of obtaining the requisition form page through the template editing interface, when the template editing interface receives the delete operation of the developer on the display region (i.e. a second layout region) of the submit button, the schematic diagram interfaces (i.e. template editing interface) of fig. 9(a1) to 9(c) can be displayed, wherein, when the developer drags the whole second layout region out of the page layout region, presses the "preview layout" icon, or clicks the "delete layout" icon by the developer, the template editing interface may know that the developer wants to delete the display area (i.e., the second layout area) of the submit button, that is, delete the second layout area that is displayed in the page preview area and can be used for placing the second basic component, and may obtain the requester form page without the submit button. Of course, the "deletion layout" icon in fig. 9(a1) to 9(c) may not be displayed on the actual template editing interface, but the "deletion second layout area" may be output by voice, and when the user inputs a negative response such as "delete" or "cancel" by voice, the developer may delete the second layout instruction, and the specific input method of the second layout deletion instruction is not limited here.

Optionally, on the basis of the embodiment corresponding to fig. 3, in another optional embodiment of the method for page preview provided in the embodiment of the present application, as shown in fig. 6, the method further includes:

in step S601, in response to the configuration completion instruction, displaying a command configuration interface for the target page;

in step S602, a preset keyword is obtained through a command input area provided by a command configuration interface, where the preset keyword is used for uniquely indicating a target page;

in step S603, if the target application is started, the target keyword is obtained through an application interface provided by the target application;

in step S604, if the target keyword is successfully matched with the preset keyword, the target page is displayed on the application interface provided by the target application program.

In this embodiment, after the configuration prompt information corresponding to the first page object is displayed in response to the editing instruction for the first page object, configuration data in JSON format corresponding to the configuration hint message for the first page object may be generated, and the configuration data in JSON format can be sent to the template editing page, as shown in fig. 15, taking the storage of the guest form page as an example for explanation, when the user inputs a storage instruction through the template editing interface, the template editing interface can send the configuration data in the JSON format corresponding to the configuration prompt message of the first page object to the robot background server, then, configuration data in the JSON format corresponding to the configuration prompt message of the first page object and the preset page identifier may be stored in the database in a one-to-one correspondence manner through the preset page identifier provided by the robot background server, for example, the page ID is "0001".

Further, after the configuration is completed, when a configuration completion instruction is received through the template editing interface, jumping to a command configuration interface for a target page in response to the configuration completion instruction, and obtaining a preset keyword through a command input area provided by the command configuration interface to bind the preset keyword with the target page, thereby establishing a one-to-one corresponding binding relationship between the preset keyword and the target page, i.e. the target page can be uniquely indicated through the preset keyword, then, when the target application is started, obtaining the target keyword through an application interface provided by the target application, and matching the target keyword with the preset keyword, if the matching is successful, displaying the target page on the application interface provided by the target application, and if the matching is unsuccessful, displaying a prompt message of the failed matching, wherein, the target application program can be specifically expressed as instant messaging software, a communication webpage or other application programs, and is not specifically limited herein, matching the target keyword with the preset keyword can be specifically calculating similarity between the target keyword and the preset keyword, or traversing or matching through a regular expression, or other matching modes, and is not specifically limited herein, the target keyword can be obtained through an application interface provided by the target application program to quickly index to an associated target page, so that the obtaining efficiency of the target page is improved, the ability of binding the slash command with a template can be utilized, the interaction modes between the terminal device and the server can be enriched, interaction with a robot can be quickly carried out by inputting a slash command, and the obtaining efficiency of the target page is improved to a certain extent.

For convenience of understanding, referring to fig. 16 to 17, step S601 to step S604 are further described in detail, please refer to fig. 16 to 17, wherein in this embodiment, a preset keyword is newcmd1 and a target keyword is newcmd1 is taken as an example for explanation, as shown in fig. 16, a keyword newcmd1 provided through a command configuration interface is taken as an example for explanation, when it is detected that configuration for a target page is completed in a template editing interface, a configuration completion instruction can be responded, and a command configuration interface is skipped to, a schematic interface (i.e. a command configuration interface) of fig. 16 can be displayed, wherein when a developer records a preset keyword through the command configuration interface, the command configuration interface can know that the developer wants to establish a binding relationship between the preset keyword and the target page, wherein/newcmd 1 can be expressed as a slash instruction, or preferably as another instruction, the slow instruction is not specifically limited herein, and the slow instruction may be used to indicate that when a user inputs/characters on an application interface provided by a target application program of the terminal device, some user-operable command items may be displayed on the application interface provided by the target application program and automatically associated with the application interface, and then the user may run a certain specified command in an up-down switching manner to obtain a corresponding target page. Certainly, other response relationships between the preset keywords and the target page may also be established on the actual command configuration interface, for example, a background callback response behavior may be called back to the URL address where the configuration prompt message is received, or may jump to a preset page, for example, if a web page is opened for callback, a Webview may be directly opened to load the address, or, in response to the stored target page, the responded target page may be displayed, for example, a page acquisition request may be sent to the robot backend server, so that the robot backend server may push a corresponding static message template (i.e., a target page) to the target application program according to the received target keywords, and the other response relationships between the preset keywords and the target page are specifically established, and no limitation is made here.

Further, as shown in fig. 17, when the target application is started, the "/newcmd 1" (i.e., the target keyword) may be obtained through an application interface provided by the instant messaging software (i.e., the target application), then the obtained target keyword "/newcmd 1" may be sent to the robot backend server through the application interface for matching, if the preset keyword has "newcmd 1", that is, the target keyword is successfully matched with the preset keyword, the robot backend server may send the target page corresponding to the preset keyword to the target application, and may display the target page on the application interface provided by the target application, if the preset keyword does not have "newcmd 1", that is, the target keyword is unsuccessfully matched with the preset keyword, the robot backend server may send a prompt message indicating that the matching is failed to the target application, and the failed prompt message can be matched on an application interface provided by the target application program.

It can be understood that, after the configuration is completed, a preview instruction for the target page may be received through the template editing interface, as shown in fig. 15, a preview button displayed on the template editing interface may trigger a preview operation for the form page of the requestor, after the preview instruction for the target page is responded, the template editing interface may forward the preview instruction for the target page to the robot backend server, the robot backend server may push a page preview message to an application interface provided by the target application program, the robot backend server may further send, according to a page identifier carried by the preview instruction for the target page, configuration data in the JSON format of the target page corresponding to the page identifier acquired in the database to an application interface provided by the target application program, and then the configuration data in the JSON format of the target page is rendered by a cross-end engine provided by the application interface provided by the target application program, the target page can be obtained by displaying and rendering on an application interface provided by the target application program, so that developers can preview conveniently, and personnel can dynamically adjust the target page through the template editing interface in time according to the preview effect.

Optionally, on the basis of the embodiment corresponding to fig. 3, in another optional embodiment of the method for page preview provided in the embodiment of the present application, as shown in fig. 7, the method further includes:

in step S701, a target application is started;

in step S702, a page prompt control is displayed on an application interface provided by the target application program;

in step S703, a target page is displayed in response to a viewing instruction directed to the page prompt control.

In this embodiment, after the configuration prompt information corresponding to the first page object is displayed in response to the edit instruction for the first page object, a response or jump relationship between a preset page prompt control and a target page may be established through a template edit interface, then, when the target application is started, the page prompt control may be displayed on an application interface provided by the target application, when a user presses a "page prompt control" icon or clicks the "page prompt control" icon through a cursor, a viewing instruction for the page prompt control may be responded through the application interface provided by the target application, a target page that the user wants to view may be known through the application interface provided by the target application, and a related target page may be quickly indexed through the page prompt control displayed on the application interface provided by the target application, therefore, the acquisition efficiency of the target page is improved.

Specifically, when the target application program is started, for example, a leave-asking icon displayed on an application interface provided by instant messaging software (that is, the target application program) responds to a viewing instruction for the leave-asking icon, the application interface provided by the target application program sends the viewing instruction to the robot backend server, and the robot backend server can acquire configuration data corresponding to the target page in a database according to a page identifier carried by the viewing instruction, send the configuration data corresponding to the acquired target page to the target application program for rendering, and display the target page on the application interface provided by the target application program.

Optionally, on the basis of the embodiment corresponding to fig. 3, in another optional embodiment of the page preview method provided in the embodiment of the present application, the target page belongs to a message class page; the method further comprises the following steps:

and displaying the business data on the target page, wherein the business data is derived from the input data of the business party.

In this embodiment, after the configuration is completed, a service data binding instruction for a target page may be received through a template editing interface, and since multiple users may submit multiple leave-asking message data of the same type through a leave-asking message page (that is, a target page), in order to facilitate a manager to obtain the leave-asking message data of multiple users through one leave-asking message page, the embodiment may further employ an interface (that is, a template editing interface) as shown in fig. 18 to display configuration prompt information between the target page and the service data, may establish a binding relationship between the target page and the service data of multiple same data structures through an expression of a data structure, and then, after establishing a binding relationship between the target page and the service data of multiple same data structures through an expression of a data structure on the template editing interface, as shown in fig. 19, the data structure of a list provided by the robot backend server may be encapsulated into the configuration data in the JSON format of the target page.

Further, when a viewing instruction for the service data of the target page is received through an application interface provided by the target application program, the viewing instruction for the service data of the target page can be forwarded to the service server through the robot backend server through the application interface provided by the target application program to obtain the corresponding service data, then the obtained service data and the configuration data of the target page can be sent to the target application program through the robot backend server to be rendered, and the service data can be displayed on the target page.

For convenience of understanding, as shown in fig. 22, when a manager wants to display a leave-asking message page through an application interface provided by a target application program, the application interface provided by the target application program responds to a viewing instruction of the leave-asking message page, the viewing instruction for the leave-asking message page is forwarded to a robot backend server, the robot backend server can send configuration data in the JSON format of the target page, which is acquired in a database and corresponds to the page identification, and leave-asking service data, which is provided by a service server and corresponds to the page identification, of a plurality of same data structures to the application interface provided by the target application program according to a page identification carried by the viewing instruction for the leave-asking message page, and a cross-end providing engine of the application interface provided by the target application program renders the configuration data in the JSON format of the target page and the leave-service data, the page of asking for leave messages obtained by rendering can be displayed on an application interface provided by the target application program, so that managers can conveniently and collectively examine and approve asking for leave messages of multiple users.

Optionally, on the basis of the embodiment corresponding to fig. 3, in another optional embodiment of the page preview method provided in the embodiment of the present application, as shown in fig. 8, the target page belongs to a form page; the method further comprises the following steps:

in step S801, at least one item of input information is acquired through a target page;

in step S802, if a reporting instruction for the target page is acquired, reporting at least one item of input information to the server according to a preset response behavior;

in step S803, if a jump instruction for the target page is obtained, jumping to a page corresponding to the input information according to a preset response behavior;

in step S804, if a popup instruction for the target page is acquired, a popup corresponding to the input information is displayed according to a preset response behavior.

In this embodiment, as shown in fig. 20, after configuration is completed, an interface (i.e., a template editing interface) as shown in fig. 20 may be further adopted in this embodiment, the configuration prompt information between the target page and the preset user operation behavior information is displayed, a response relationship between the target page and the preset user operation behavior information may be established, and the method may be used to perform corresponding processing on the obtained user operation behavior information according to the preset response behavior information when the user operation behavior information submitted by the user is detected, where the preset response behavior information may specifically be represented as, for example, an open template (i.e., a target page), a template ID, report data, or the like, and may also be other response behaviors, such as jumping to other pages, opening a configuration address, and the like, where no specific limitation is made here, as shown in fig. 21, a configuration of a callback address may also be provided by the robot backend server, the response relation between the target page and the preset user operation behavior information is enriched.

Further, when at least one item of input information is acquired through a target page displayed on an application interface provided by a target application program, a preset response behavior between the input information and the target page may be detected, and when a reporting instruction for the target page is acquired, the at least one item of input information is reported to the server, specifically, the at least one item of input information may be forwarded to the service server through the robot backend server through the application interface provided by the target application program. When a jump instruction for a target page is acquired, jumping to a page corresponding to input information, specifically, forwarding at least one item of input information to a service server through a robot background server through an application interface provided by a target application program, issuing corresponding service data through the service server, then issuing the acquired service data and configuration data of the target page to the target application program through the robot background server for rendering, jumping to a new target page corresponding to the input information, and displaying the service data on the target page. When a popup command for a target page is acquired, displaying a popup corresponding to input information, wherein, the acquisition mode of the popup is similar to that of the jump page, and the repeated description is omitted here, so that the functions supported by the page object can better meet the application requirements, thereby enriching the functions and the contents of the target page, acquiring dynamic data (namely input information) binding configuration capacity through the target page, so that the robot background server can flexibly output data to complete the dynamic display of the target page, and can also realize the dynamic display of the target page through the jumping binding capacity among the target pages, the method can realize direct jumping between the template and the template (namely between the target page and the target page) and between the template and the external interface (namely between the target page and other external interfaces), and can enrich the use scene of the target page function to a certain extent.

For convenience of understanding, as shown in fig. 23, after the callback address is configured by the robot backend server, if the user data submitted or input by the user is acquired through a visitor form page (i.e., a target page) as illustrated in fig. 23, and it is detected that the user data (i.e., input information) submitted or input by the user is "submit user filling data" or "submit development background" and is matched with the preset user operation behavior information, the "submit user filling data" or "submit development background" may be reported to the robot backend server through an application interface provided by the target application program according to a preset response behavior, and then may be forwarded to the service server through the robot backend server, and then issue corresponding service data through the service server, and then may issue the acquired service data and the configuration data of the target page together to the target application program through the robot backend server for rendering, and displaying the business data on the target page.

Referring to fig. 24, fig. 24 is a schematic view of an embodiment of a page preview apparatus in an embodiment of the present application, where the page preview apparatus 20 includes:

the display unit 201 is configured to display a page preview area and K basic controls on a template editing interface, where the K basic controls include a first basic control, and K is an integer greater than 1;

a processing unit 202, configured to respond to the first layout addition instruction, display a first layout area on the page preview area;

the processing unit 202 is further configured to display a target page including a first page object on the page preview area in response to a selection instruction for the first basic control, where the first page object is displayed in the first layout area.

Optionally, on the basis of the embodiment corresponding to fig. 24, in another embodiment of the apparatus for page previewing provided in the embodiment of the present application, the first basic control is an option class control;

the processing unit 202 is further configured to display, in response to an editing instruction for the first page object, configuration prompt information corresponding to the first page object, where the configuration prompt information includes at least one of a control identifier, a control title, an option upper limit value, and an option lower limit value.

Optionally, on the basis of the embodiment corresponding to fig. 24, in another embodiment of the apparatus for page preview provided in the embodiment of the present application,

the processing unit 202 is further configured to respond to an option adding instruction for the first page object, and if the current number of options is equal to an option upper limit value, display a prompt message indicating that option addition fails;

the processing unit 202 is further configured to, in response to the option deletion instruction for the first page object, display a prompt message indicating that the option deletion fails if the current number of options is equal to the option lower limit value.

Optionally, on the basis of the embodiment corresponding to fig. 24, in another embodiment of the apparatus for page preview provided in the embodiment of the present application, the first basic control is a button type control;

the processing unit 202 is further configured to display, in response to an editing instruction for the first page object, configuration prompt information corresponding to the first page object, where the configuration prompt information includes at least one of a control identifier, a control text, and a preset response behavior.

Optionally, on the basis of the embodiment corresponding to fig. 24, in another embodiment of the apparatus for page previewing provided in the embodiment of the present application, a horizontal arrangement control is further displayed on the template editing interface, and the first page object includes at least two sub-page objects;

the processing unit 202 is further configured to, in response to a selection instruction for the horizontal arrangement control, divide the first layout area into at least two column-wise areas, and respectively display the sub-page objects in each column-wise area.

Optionally, on the basis of the embodiment corresponding to fig. 24, in another embodiment of the apparatus for page previewing provided in the embodiment of the present application, a longitudinal arrangement control is further displayed on the template editing interface, and the first page object includes at least two sub-page objects;

the processing unit 202 is further configured to, in response to a selection instruction for the vertical arrangement control, divide the first layout area into at least two horizontal areas, and respectively display the sub-page objects in each horizontal area.

Optionally, on the basis of the embodiment corresponding to fig. 24, in another embodiment of the apparatus for page previewing provided in the embodiment of the present application, the K basic controls further include a second basic control;

the processing unit 202 is further configured to display a second layout area on the page preview area in response to the second layout addition instruction;

the processing unit 202 is further configured to display, in response to a selection instruction for the second basic control, a target page including the first page object and a second page object on the page preview area, where the second page object is displayed in the second layout area.

the processing unit 202 is further configured to cancel displaying the second layout area on the page preview area in response to the layout deletion instruction for the second layout area.

the processing unit 202 is further configured to display a command configuration interface for the target page in response to the configuration completion instruction;

an obtaining unit 203, configured to obtain a preset keyword through a command input area provided by a command configuration interface, where the preset keyword is used to uniquely indicate a target page;

the obtaining unit 203 is further configured to obtain a target keyword through an application interface provided by the target application program if the target application program is started;

the processing unit 202 is further configured to display the target page on an application interface provided by the target application program if the target keyword is successfully matched with the preset keyword.

the processing unit 202 is further configured to start a target application;

the display unit 201 is further configured to display a page prompt control on an application interface provided by the target application program;

the processing unit 202 is further configured to display the target page in response to the viewing instruction directed to the page hint control.

Optionally, on the basis of the embodiment corresponding to fig. 24, in another embodiment of the device for page preview provided in the embodiment of the present application, the target page belongs to a message class page;

the display unit 201 is further configured to display service data on the target page, where the service data is derived from input data of the service party.

Optionally, on the basis of the embodiment corresponding to fig. 24, in another embodiment of the device for page preview provided in the embodiment of the present application, the target page belongs to a form page;

the acquiring unit 203 is further configured to acquire at least one item of input information through the target page;

the processing unit 202 is further configured to, if a reporting instruction for the target page is obtained, report at least one item of input information to the server according to a preset response behavior;

the processing unit 202 is further configured to jump to a page corresponding to the input information according to a preset response behavior if the jump instruction for the target page is obtained;

the processing unit 202 is further configured to, if a pop-up window instruction for the target page is obtained, display a pop-up window corresponding to the input information according to a preset response behavior.

In another aspect, as shown in fig. 25, fig. 25 is a schematic structural diagram of a computer device provided in this embodiment, and the computer device 300 may have a relatively large difference due to different configurations or performances, and may include one or more Central Processing Units (CPUs) 310 (e.g., one or more processors) and a memory 320, and one or more storage media 330 (e.g., one or more mass storage devices) storing an application 331 or data 332. Memory 320 and storage media 330 may be, among other things, transient or persistent storage. The program stored on the storage medium 330 may include one or more modules (not shown), each of which may include a sequence of instructions operating on the computer device 300. Still further, the central processor 310 may be configured to communicate with the storage medium 330 to execute a series of instruction operations in the storage medium 330 on the computer device 300.

The computer device 300 may also include one or more power supplies 340, one or more wired or wireless network interfaces 350, one or more input-output interfaces 360, and/or one or more operating systems 333, such as a Windows Server^TM，Mac OS X^TM，Unix^TM,Linux^TM，FreeBSD^TMAnd so on.

The computer device 300 described above is also used to perform the steps in the corresponding embodiments as in fig. 3 to 8.

Another aspect of the present application provides a computer-readable storage medium having stored therein instructions, which when run on a computer, cause the computer to perform the steps in the method as described in the embodiments shown in fig. 3 to 8.

Another aspect of the application provides a computer program product comprising instructions which, when run on a computer or processor, cause the computer or processor to perform the steps of the method as described in the embodiments shown in fig. 3 to 8.

It is clear to those skilled in the art that, for convenience and brevity of description, the specific working processes of the above-described systems, apparatuses and units may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.

In the several embodiments provided in the present application, it should be understood that the disclosed system, apparatus and method may be implemented in other manners. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the units is only one logical division, and other divisions may be realized in practice, for example, a plurality of units or controls may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or units, and may be in an electrical, mechanical or other form.

The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.

In addition, functional units in the embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, and can also be realized in a form of a software functional unit.

The integrated unit, if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present application may be substantially implemented or contributed to by the prior art, or all or part of the technical solution may be embodied in a software product, which is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present application. And the aforementioned storage medium includes: various media capable of storing program codes, such as a usb disk, a removable hard disk, a read-only memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.

Claims

1. A method for page preview, comprising:

displaying a page preview area and K basic controls on a template editing interface, wherein the K basic controls comprise a first basic control, the page preview area is used for displaying a page in an instant messaging application in real time, and K is an integer greater than 1;

responding to a first layout newly-added instruction, and displaying a first layout area on the page preview area;

and responding to a selection instruction aiming at the first basic control, and displaying a target page comprising a first page object on a first layout area, wherein the target page is an edited page in the instant messaging application.

2. The method of claim 1, wherein the first base control is an option class control;

the method further comprises the following steps:

3. The method of claim 2, further comprising:

responding to an option adding instruction aiming at the first page object, and if the current option number is equal to the option upper limit value, displaying a prompt message of option adding failure;

responding to an option deletion instruction aiming at the first page object, and if the current option quantity is equal to the option lower limit value, displaying a prompt message of option deletion failure.

4. The method of claim 1, wherein the first base control is a button class control;

the method further comprises the following steps:

5. The method of claim 1, wherein a landscape layout control is further displayed on the template editing interface, and wherein the first page object comprises at least two sub-page objects;

the method further comprises the following steps:

and responding to a selection instruction aiming at the transverse arrangement control, dividing the first layout area into at least two column-direction areas, and respectively displaying the sub-page objects in each column-direction area.

6. The method of claim 1, wherein a vertical layout control is further displayed on the template editing interface, and the first page object comprises at least two sub-page objects;

the method further comprises the following steps:

and responding to a selection instruction aiming at the longitudinal arrangement control, dividing the first layout area into at least two horizontal areas, and respectively displaying sub-page objects in each horizontal area.

7. The method of claim 1, wherein the K base controls further comprise a second base control;

the method further comprises the following steps:

responding to a second layout newly-added instruction, and displaying a second layout area on the page preview area;

displaying a target page including the first page object and a second page object on the page preview area in response to a selection instruction for the second base control, wherein the second page object is displayed within the second layout area.

8. The method of claim 7, wherein after displaying the target page comprising the second page object on the page preview area, the method further comprises:

canceling the display of the second layout area on the page preview area in response to a layout deletion instruction for the second layout area.

9. The method of claim 1, further comprising:

responding to a configuration completion instruction, and displaying a command configuration interface aiming at the target page;

acquiring a preset keyword through a command input area provided by the command configuration interface, wherein the preset keyword is used for uniquely indicating the target page;

if the target application program is started, acquiring a target keyword through an application interface provided by the target application program;

and if the target keyword is successfully matched with the preset keyword, displaying the target page on an application interface provided by the target application program.

10. The method of claim 1, further comprising:

starting a target application program;

displaying a page prompt control on an application interface provided by the target application program;

and responding to a viewing instruction aiming at the page prompt control, and displaying the target page.

11. The method according to claim 9 or 10, characterized in that the target page belongs to a message class page;

the method further comprises the following steps:

and displaying business data on the target page, wherein the business data is derived from input data of a business party.

12. The method according to claim 9 or 10, wherein the target page belongs to a form class page;

the method further comprises the following steps:

acquiring at least one item of input information through the target page;

if a reporting instruction for the target page is acquired, reporting the at least one item of input information to a server according to a preset response behavior;

if the jump instruction for the target page is obtained, jumping to a page corresponding to the input information according to a preset response behavior;

and if a popup command for the target page is acquired, displaying a popup corresponding to the input information according to a preset response behavior.

13. An apparatus for page preview, comprising:

the display unit is used for displaying a page preview area and K basic controls on a template editing interface, wherein the K basic controls comprise a first basic control, and K is an integer greater than 1;

the processing unit is used for responding to a first layout newly-added instruction and displaying a first layout area on the page preview area;

the processing unit is further configured to display a target page including a first page object on the page preview area in response to a selection instruction for the first basic control, where the first page object is displayed in the first layout area.

14. A computer device, comprising: a memory, a transceiver, a processor, and a bus system;

wherein the memory is used for storing programs;

the processor, when executing the program in the memory, implementing the method of any of claims 1 to 12;

15. A computer-readable storage medium comprising instructions that, when executed on a computer, cause the computer to perform the method of any of claims 1 to 12.