CN113779465B

CN113779465B - Page preview method, related device and equipment

Info

Publication number: CN113779465B
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: 2024-01-30
Anticipated expiration: 2041-09-27
Also published as: CN113779465A

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 instant messaging or message pages. The method 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, a first layout area is displayed on the page preview area in response to a first layout newly-added instruction, a target page comprising a first page object is displayed on the page preview area in response to a selection instruction aiming at the first basic control, and 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 method, a related device and equipment for page preview.

Background

With the rapid development of internet technology, more and more platforms can realize on-line man-machine interaction, people can acquire corresponding service information in time through a communication platform or an application program, and the service information can be generally presented through an interface of the communication platform or the application program.

In the conventional page processing technology at present, when a communication platform or an application program receives a request for acquiring service information of a user, the communication platform or the application program can process the received request for acquiring 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 program for presentation.

However, the page passing through the communication platform or the application program is usually designed in advance by the page developer, then the background developer edits the code according to the designed interface, if the software is not designed perfectly in the early stage or has a design error, the page layout and the code of the background need to be modified repeatedly later, the code workload is large, and a great deal of labor cost and time cost are consumed to modify the page layout and the code of the background repeatedly, so that 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 rich controls provided based on the template editing interface, different target pages can be obtained by responding to different selection instructions and flexibly adjusting the layout area and the page objects displayed in the layout area in the page preview area of the template editing interface, the background code is not required to be modified, the labor cost and the time cost consumption can be reduced, the page generation cost is reduced, and the page obtaining efficiency is improved.

In view of this, the present application provides, in one aspect, 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 an instant messaging application in real time, and K is an integer greater than 1;

responding to the 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.

Another aspect of the present application provides an apparatus for page previewing, 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 first basic controls, and K is an integer greater than 1;

a processing unit for displaying a first layout area on the page preview area in response to the first layout addition instruction;

and the processing unit is further 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 one implementation of another aspect of the embodiments of the present application, the first base control is an options 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 the embodiments of the present application,

the processing unit is further 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 failure in option adding is displayed;

the processing unit is further configured to respond to an option deletion instruction for the first page object, and if the number of current options is equal to the option lower limit value, display a prompt message indicating that the option deletion has failed.

In one possible design, in one implementation of another aspect of the embodiments of the present application, the first base control is a key-press 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 one implementation of another aspect of the embodiments of the present application, a landscape layout control is further displayed on the template editing interface, and the first page object includes at least two sub-page objects;

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 one implementation of another aspect of the embodiments of the present application, a portrait layout control is also displayed on the template editing interface, and the first page object includes at least two sub-page objects;

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 one 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 further used for responding to the 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 canceling the display of the second layout area on the page preview area in response to the layout deletion instruction aiming at the second layout 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 acquisition unit is used for acquiring preset keywords through a command input area provided by the command configuration interface, wherein the preset keywords are used for uniquely indicating the target page;

the acquisition unit is also used for acquiring the target keyword 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-like 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 report instruction for the target page is acquired;

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

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

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

wherein the memory is used for storing programs;

the processor is used for executing the program in the memory to realize the method of the aspects;

the bus system is used to connect the memory and the processor to communicate the memory and the processor.

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

In another aspect of the present 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 executes the computer instructions to cause the network device to perform the methods provided in the above aspects.

From the above technical solutions, the embodiments of the present application have the following advantages:

and displaying a page preview area capable of being used for displaying the page in the instant messaging application in real time and K basic controls comprising the first basic control on a template editing interface, displaying a first layout area on the page preview area in response to a first layout newly-added instruction, and then displaying an edited target page in the instant messaging application comprising the first page object on the first layout area in response to a selection instruction aiming at the first basic control. By the method, rich controls provided based on the template editing interface are realized, K basic controls comprising the first basic control and a page preview area capable of being used for displaying the page in the instant messaging application can be provided through the template editing interface, and further, the edited target page in the instant messaging application comprising the first page object can be displayed on the page preview area in response to the received newly-added command and the selection command, so that different edited target pages in the instant messaging application can be obtained by flexibly adjusting the layout area and the page object displayed in the layout area in the page preview area of the template editing interface in response to different selection commands, the flexibility of page acquisition can be improved, the consumption of labor cost and time cost can be reduced without modifying codes of a background, and the page generation cost and page acquisition efficiency can be improved.

Drawings

FIG. 1 is a schematic diagram of an architecture of a page processing control system according to 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 flow chart of one embodiment of a method of page previewing in an embodiment of the present application;

FIG. 4 is a flow chart of another embodiment of a method of page previewing in an embodiment of the present application;

FIG. 5 is a flow chart of another embodiment of a method of page previewing in an embodiment of the present application;

FIG. 6 is a flow chart of another embodiment of a method of page previewing in an embodiment of the present application;

FIG. 7 is a flow chart of another embodiment of a method of page previewing in an embodiment of the present application;

FIG. 8 is a flow chart of another embodiment of a method of page previewing in an embodiment of the present application;

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

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

FIG. 9 (b 1) is another template editing interface schematic of the method of page preview in an embodiment of the present application;

FIG. 9 (b 2) is another template editing interface schematic of the method of page preview in an embodiment of the present application;

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

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

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

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

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

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

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

FIG. 16 is a command configuration page diagram of a method of page previewing in an embodiment of the present application;

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

FIG. 18 is a schematic diagram of one configuration data configuration of a method of page previewing in an embodiment of the present application;

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

FIG. 20 is a schematic diagram of a response behavior information configuration of a method of page previewing in an embodiment of the present application;

FIG. 21 is a schematic diagram of another response behavior information configuration of a method of page previewing in an embodiment of the present application;

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

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

FIG. 24 is a schematic diagram of one embodiment of an apparatus for page previewing in an embodiment of the present application;

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

Detailed Description

The embodiment of the application provides a method, a related device and equipment for page preview, which are used for acquiring different target pages by responding to different selection instructions and adjusting layout areas and page objects displayed in the layout areas in a page preview area of a template editing interface through rich controls provided by the template editing interface, so that the consumption of labor cost and time cost can be reduced without modifying codes of a background, the cost of page generation is reduced, and the acquisition efficiency of the pages is improved.

The terms "first," "second," "third," "fourth" and the like in the description and in the claims and drawings, if any, are used for distinguishing between similar objects and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used may be interchanged where appropriate such that embodiments of the present application described herein may be capable of operation in sequences other than those illustrated or described herein, for example. Furthermore, the terms "comprises," "comprising," and "includes" 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 or inherent to such process, method, article, or apparatus.

It should be understood that the method for previewing the page provided in the present application may be applied to a scenario in which related services are completed through various pages, for example, completing a leave transaction through a leave message page. As another example, the voting service is completed, for example, through a voting form page. As yet another example, a guest initiation transaction is completed, such as through a guest form page. In the above-mentioned various scenarios, in order to complete the acquisition of the page, the solution provided in the prior art is to process the received acquisition request of the service information through the communication platform or the application program, and generate the page corresponding to the processing result through the communication platform or the application program after the processing is completed, and present the page. However, the page passing through the communication platform or the application program is usually designed in advance by the page developer, then the background developer edits the code according to the designed interface, if the software is not designed perfectly in the early stage or has a design error, the page layout and the code of the background need to be modified repeatedly later, the code workload is large, and a great deal of labor cost and time cost are consumed to modify the page layout and the code of the background repeatedly, so that the cost of page generation is increased, and the efficiency of page acquisition is reduced.

In order to solve the above-mentioned problems, the present application proposes a method for previewing a page, which is applied to the page processing control system shown in fig. 1, referring to fig. 1, fig. 1 is a schematic diagram of an architecture of the page processing control system in an embodiment of the present application, as shown in fig. 1, in which a page previewing 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, and in response to a first layout new instruction, a first layout area is displayed on the page previewing area, and then in response to a selection instruction for the first basic control, an edited target page in the instant messaging application including a first page object is displayed on the first layout area. By the method, rich controls provided based on the template editing interface are realized, K basic controls comprising the first basic control and a page preview area capable of being used for displaying the page in the instant messaging application in real time can be provided through the template editing interface, and further, the edited target page in the instant messaging application comprising the first page object can be displayed on the page preview area in response to the received newly-added command and the selection command, so that different edited target pages in the instant messaging application can be obtained by flexibly adjusting the layout area and the page object displayed in the layout area in the page preview area of the template editing interface in response to different selection commands, the consumption of labor cost and time cost can be reduced without modifying codes of a background, the cost of page generation is reduced, and the page obtaining efficiency is improved.

It should be understood that only one terminal device is shown in fig. 1, and in an actual scenario, a greater variety of terminal devices may participate in the data processing process, where the terminal devices include, but are not limited to, mobile phones, computers, intelligent voice interaction devices, intelligent home appliances, vehicle terminals, etc., and the specific number and variety are determined by the actual scenario, and the specific number and variety are not limited herein. In addition, one server is shown in fig. 1, but in an actual scenario, there may also be a plurality of servers involved, especially in a scenario of multi-model training interaction, the number of servers depends on the actual scenario, and the present application is not limited thereto.

It should be noted that in this embodiment, the server may be an independent physical server, or may be a server cluster or a distributed system formed by a plurality of physical servers, or may be a cloud server that provides cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery network (content delivery network, CDN), and basic cloud computing services such as big data and an artificial intelligence platform. 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, etc. The terminal device and the server may be directly or indirectly connected through wired or wireless communication, and the terminal device and the server may be connected to form a blockchain network, which is not limited herein.

In order to solve the above-mentioned problems, 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 is understood that the method, related device and apparatus for page previewing as disclosed herein, wherein a plurality of servers/terminals may be grouped into a blockchain, and the servers/terminals are nodes on the blockchain. In practical applications, data sharing between nodes may be required in a blockchain, and page data and the like may be stored on each node.

It can be understood that referring to fig. 2, fig. 2 is an interaction diagram of the page processing control system in the embodiment of the present application, as shown in fig. 2, in step S1, an editing template is visualized, and a user may edit a page template (i.e. a target page) to be acquired through an editor (i.e. a template editing interface), and generate configuration data, such as JSON format data, corresponding to the page template. In step S2, i.e. 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 background server, where the robot background server refers to a background service for a specific function in the instant messaging software, for example, when the user initiates the instruction at the terminal, the instant messaging software transfers a message to the robot background to process, and after the processing, the result is responded and presented by means of message pushing. In step S3, a preview message is issued, and the preview push information is pushed to the terminal device through the robot background server, so that the terminal device can render the configuration data corresponding to the acquired page template through the cross-end engine, and the rendered page template is displayed in the terminal device. In step S4, i.e. save templates, the user may input template save instructions through the editor, which may forward the save instructions to the robot background server. In step S5, that is, the template data is saved, the robot background server may bind the configuration data corresponding to the page template sent by the editor with a preset binding command, such as a slash command or other commands, which is not specifically limited herein, according to a one-to-one correspondence, and save the configuration data and a preset template identifier, such as a template ID, in a database according to a one-to-one correspondence, as shown in fig. 10, where a page template and a robot may be in a one-to-one correspondence, that is, a plurality of page templates correspond to one robot, such as a template 1, a template 2, or a template n corresponds to one robot, where n is an integer greater than 1, that is, a plurality of binding commands correspond to one robot, such as a slash1, slash2, or slash n corresponds to one robot, and the page template and the binding command may be in a one-to-one correspondence, such as a template 1 corresponds to slash1 or a template 2 corresponds to slash 2. In step S6, namely, a binding command is received, and when a user inputs a slash command through an application program interface of the terminal device, the slash command can be forwarded to the robot background server through the application program interface. In step S7, i.e. forwarding the binding command, the slash command may be forwarded to the service server by the robot backend server. Then, by processing the service logic, the service server can acquire and process corresponding service data in the database according to the template identifier carried by the slash command. In step S9, the configuration data and the service data corresponding to the page template are issued, and the robot background service can obtain the configuration data of the corresponding page template in the database through the template identifier carried by the slash command, and receive the service data corresponding to the page template sent by the service server. In step S10, the configuration of the template is obtained, and the configuration data and the service data corresponding to the obtained page template are analyzed by the robot service. In step S11, the configuration data and the service data corresponding to the page template are rendered, and 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 may render the configuration data and the service data corresponding to the obtained page template through the cross-terminal engine, and display the page template containing the service data in an application program interface of the terminal device. In step S12, data submitted by the user is received, and the user may perform data submitting operation through a page displayed on an application program interface of the terminal device, and may report the submitted data to the robot background 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 by the robot backend server. In step S14, that is, responding 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, and send the configuration data and the service data to the robot background server. In step S15, the configuration data and the service data corresponding to the specified page template are issued, and the configuration data and the service data corresponding to the specified page template sent by the service server are issued to the terminal device through the background server of the robot, so that the terminal device can render the configuration data and the service data corresponding to the acquired page template through the cross-terminal engine, and the page template containing the service data is displayed in an application program interface of the terminal device.

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

in step S101, displaying a page preview area and K basic controls on a template editing interface, where the K basic controls include a first basic control, the page preview area is used to display 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 the selection instruction for the first basic control, a target page including the 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 use a page preview area and K basic controls displayed on the template editing interface to display a page in the instant messaging application in real time, where the page preview area may be an unedited blank page or a page with an existing editing content, and is not specifically limited herein, further, the page preview area may be specifically used to display a page content that is editable in the instant messaging application, and may be specifically represented by a session window or a popup window, or other page types, where no specific limitation is made, the basic controls include a first basic control, where the basic control refers to packaging of data and methods, and the basic control may be used to describe functions supported by the page, where the first basic control may be specifically represented by an option control, such as an input box, a dynamic input box, a personnel display control, or other types of controls, and is not specifically limited herein.

Further, when the 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, and the first layout area may specifically be an elastic layout, a horizontal layout, or a vertical waterfall flow layout, or the like, and may also be other layouts, where the layout area may be used to describe, without specific limitation, how basic controls placed in the layout area are arranged according to what layout manner.

Further, when a selection instruction for the first basic control is received, the selected first basic control may be added to the first layout area through a template editing interface for the selection instruction for the first basic control, and may be displayed in the first layout area through a first page object, and then an edited page, that is, a target page, in the instant messaging application including the first page object is displayed on a page preview area, where the first page object is used to describe the expression of the first control in the first layout area, and the first page object may specifically be represented as an inputtable rectangular text box, a rectangular check box, or a circular text, or other forms of editable objects, without being limited thereto.

For ease of understanding, reference is made to fig. 9 (A1) to fig. 9 (c) for further details describing steps S101 to S103, and please refer to fig. 9 (A1) to fig. 9 (c), where fig. 9 (A1) to fig. 9 (c) are schematic template editing interface diagrams of the method for page previewing in this embodiment, the first layout area is taken as an area of an input text box for displaying options, the first basic control is taken as an input text box, the first page object is taken as a rectangular input text box for illustration, fig. 9 (A1) to fig. 9 (c) respectively show a process of a developer obtaining a target page through the template editing interface, and explaining by taking a template editing interface obtaining a guest form page as an example, and after receiving an adding operation of the developer to the area of the input text box for options (i.e. a first layout area) in the template editing interface, the schematic interface (A1) to fig. 9 (c) can be displayed, where A1 refers to a "first supported" function icon "on the interface for describing the control; a2 indicates a new layout icon on the interface, which is used for describing the layout manner of the first basic control placed in the layout area, A3 indicates a first page image on the interface, which is used for describing the expression of the selected first control in the first layout area, when a developer presses the new layout icon in A2 or clicks the new layout icon in A2 through a cursor, the template editing interface can know the area (namely the first layout area) of the input text box in which the developer wants to add the display option, and can display a first layout area which can be used for placing the basic component on a page preview area which can be used for displaying the page in the instant messaging application in real time. Then, when the developer drags the icon of the "first basic control" in A1, presses the icon of the "first basic control" in A1, or clicks the icon of the "first basic control" in A1 through a cursor, the template editing interface may learn that the developer wants to select the input text box (i.e. the first basic control) to be displayed in the first layout area through the form of the rectangular input text box (i.e. the first page object), so as to obtain the edited invitation form page in the instant messaging application. Of course, the A1 icon in fig. 9 (A1) to 9 (c) may not be displayed on the actual template editing interface, but the "new layout area" may be output by voice, and when the user inputs "determine", "determine new" or other affirmative answers by voice, the user is considered to input the first layout new instruction; when the user inputs negative answers such as cancel, add, etc. in a voice manner, the developer is considered to cancel the first layout add instruction, etc., and the specific input manner of the first layout add instruction is not limited herein, and similarly, the input manner of the selection instruction of the first basic control is similar to the input manner of the first layout add instruction, and will not be repeated herein.

In the embodiment of the application, the method for previewing the page is provided, the rich controls provided based on the template editing interface are realized, K basic controls including the first basic control and the page previewing area capable of displaying the page in the instant messaging application in real time can be provided through the template editing interface, further, the edited target page in the instant messaging application including the first page object can be displayed on the first layout area in response to the received office adding instruction and the selection instruction, so that different edited target pages in the instant messaging application can be obtained by flexibly adjusting the layout area and the page object displayed in the layout area in the page previewing area of the template editing interface in response to different selection instructions, the flexibility of obtaining the page can be improved, the consumption of labor cost and time cost can be reduced without modifying the code of a background, the cost of page generation is reduced, and the obtaining efficiency of the page is improved.

It should be understood that in the present embodiment and the subsequent embodiments, the template editing interface may be used to obtain the invitation form page for illustration, and certainly, the target page may also be an invitation message page, a voting form page, and the like, which may be used in combination with the description analogies in the present embodiment.

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

and responding to the 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 of a control identifier, 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 on a page preview area in response to a selection instruction for a first basic control, an editing instruction of the first page object may be received through a template editing interface, and if the first basic control is an option 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 ease of understanding, please continue to refer to fig. 9 (a 1) to fig. 9 (c), in an implementation manner, taking configuration prompt information of an input text box through an option as an example, in the schematic diagram of fig. 9 (a 1), configuration prompt information corresponding to a first page object may be hidden in a 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 (a 2) is displayed on the template editing interface.

In another implementation, as shown in the schematic diagram of fig. 9 (b 1), the configuration prompt 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, for example, by pressing the "first page object" icon in A3 or clicking the "first page object" icon in A3 by a cursor, a popup corresponding to the configuration prompt in the schematic diagram of fig. 9 (b 2) is displayed on the template editing interface.

In another implementation, as shown in fig. 9 (c), the configuration prompt 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, the right side, or the upper side, the middle side, the lower side, etc. of the template editing interface, and the display modes of the page preview area, the K basic controls and the control prompt information are not limited herein.

Wherein A4 is the control identification of the selected first basic control, the first basic control representing the selection is 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 options of the selected first basic control, the maximum number of the selected first basic control can be displayed is represented, A7 is the lower limit value of the options of the selected first basic control, the minimum number of the selected first basic control can be displayed is represented,

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 learn that the developer wants to input corresponding configuration parameters for the rectangular input text box of the option, for example, the control title of the selected first page object is "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 number of display in the rectangular input text box of the option may be "2", where the limited initial number of display is used to represent the target page display, the rectangular input text box of the option may default to display 2 options, the maximum number of display in the rectangular input text box of the option may be "5", the minimum number of display in the rectangular input text box of the option in the first layout area may be "1", the configuration prompt information in fig. 9 (a 1) to 9 (c) may be only one example, the specific configuration prompt information may be specific configuration prompt information, and the specific configuration prompt information may not be defined in combination with the specific page flexible and the actual definition may not be determined.

Optionally, on the basis of the embodiment corresponding to fig. 3, in another optional embodiment of the method for previewing a page 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 number of the current options is equal to the upper limit value of the options, displaying a prompt message of failure in option adding;

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

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, when an option adding instruction for the first page object is received through the target page, a first page object may be added according to the number of adding options carried in the option adding instruction, and when the number of first page objects currently added (i.e., the number of current options) is detected to be equal to the configured maximum number of first page objects (i.e., the upper limit value of options), the addition of the first page objects is stopped, and a prompt message indicating that the option adding has failed is displayed. Similarly, when the option deleting instruction for the first page object is received through the target page, the first page object can be deleted according to the number of deleting options carried in the option adding instruction in response to the option deleting instruction for the first page object, and when the number of the first page objects (namely, the number of the current options) which are deleted currently is detected to be equal to the configured minimum number (namely, the upper limit value of the options) which can be displayed by the first page object, deleting the first page object is stopped, and a prompt message of failure in deleting the options 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 ease of understanding, please continue to refer to fig. 9 (a 1) to fig. 9 (c), the number of input text boxes for adding or deleting options is described as an example, where A8 is an "option adding" icon on the interface, for indicating adding the first page object, such as "+" icon, and A9 is an "option deleting" icon on the interface, for indicating deleting the first page object, such as "-" icon, it is understood that the "option adding" icon and the "option deleting" icon in fig. 9 (a 1) to fig. 9 (c) are only one example, and the display manner of the specific icon may be flexibly determined in combination with the actual page object, and in particular, this is not limited thereto. When the developer presses or drags the "option adding" icon in A8 or clicks the "option adding" icon in A8 through a cursor, the caller list page (i.e. the target page) can learn that the developer wants to add the rectangular input text boxes of the options, for example, the maximum number of the rectangular input text boxes of the options can be displayed is 5 (i.e. the option upper limit value), when the number of the rectangular input text boxes of the added options is added to 5, i.e. the current number of the options is equal to the option upper limit value, the developer can understand that the maximum number of the rectangular input text boxes of the options can be displayed, and the developer can still continue to add the rectangular input text boxes of the options and can not display the rectangular input text boxes in the caller list page, and then the message popup window with failed addition (i.e. the prompt message with failed option addition) 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 by using a cursor, the client application form page (i.e. the target page) can learn that the developer wants to add the rectangular input text boxes of the options, if the minimum number of the rectangular input text boxes of the options can be displayed is 1 (i.e. the option lower limit value), when the number of the rectangular input text boxes of the deleted options is reduced to 1, i.e. the current number of the options is equal to the option lower limit value, it can be understood that the minimum number of the rectangular input text boxes of the options can be displayed, and the deletion cannot be continued any more, and then the message popup window with deletion failure (i.e. the prompt message with failure of option deletion) can be popped up.

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

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 of a control identifier, a control text and preset response behaviors.

In this embodiment, after a selection instruction for the first basic control is responded, after a target page including the first page object is displayed on the page preview area, an editing instruction of the first page object may be received through a template editing interface, if the first basic control is a button 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 may better conform to application requirements, and thus functions and contents of the target page are richer.

For ease of understanding, please continue to refer to fig. 11-14, which illustrate a page containing a most basic button assembly, as shown in fig. 11, a message page (i.e., a target page) has a key page object (i.e., the first basic control is a key type control). As shown in fig. 12, when the user presses the "button" icon or clicks the "button" icon through the cursor, the message page (i.e. the target page) may learn that the user wants to input the corresponding configuration parameter for the button, for example, the control text of the selected first page object is "button", the control ID of the first page object is "button", the response behavior information corresponding to the button includes, for example, opening a template (i.e. the target page), the template ID or reporting data, etc., and may also be other response behaviors, such as jumping to other pages, opening a configuration address, etc., which is not limited herein, 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 limited herein. As shown in fig. 13, after the message page is acquired, in this embodiment, the message structure in the message page may be described by adopting the format data of the JSON schema, that is, after the configuration of the key control is completed, a corresponding JSON format data may be generated to describe the configuration prompt message. The JsonSchema defines a set of words and rules, which can be used to define Json metadata, and the metadata is also described in a Json data form, wherein the Json metadata defines specifications which the Json data needs to satisfy, and the specifications comprise members, structures, types, constraints and the like. As shown in fig. 14, the JSON file includes inclusion relationships between the controls, the type of the page (Surface) is a message type, layout (layout) information of the page, list information of first basic controls (components) of the page, appearance configuration and response configuration information of each sub-component, wherein the 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 type, and the two applicable scenes are different, where the message type may be directly presented in a session window, the popup type needs to be manually clicked to trigger the presentation, and the inclusion relationship may also be used in some complicated scenes related to user information collection. The layout refers to a page which can contain a plurality of layouts, and can be specifically represented as an elastic layout, a horizontal layout or a vertical waterfall flow layout, etc., wherein the layout is used for describing how the first basic control placed therein is arranged. A composite (multicompartment) component may implement more complex typesetting functions, such as list presentation of loops, by placing some of the first base components. The first base component cannot be placed independently and must be placed in a specific layout container (i.e., a first layout area) to be presented, for example, as a first page object such as a button, text input box, etc. in the first layout area.

Optionally, in another optional embodiment of the method for previewing a page provided in the embodiment of the present application on the basis of the embodiment corresponding to fig. 3, a lateral 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 steps of:

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.

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

For ease of understanding, please continue to refer to fig. 9 (A1) to fig. 9 (c), and description will be given taking a lateral layout of an input text box with options added as an example, where a11 refers to a "lateral combination" icon on an interface, which is used to indicate that at least two sub-page objects in a first page object, such as the input text box 1 and the input text box 2, are displayed in a lateral list, and it is understood that the "lateral combination" icon in fig. 9 (A1) to fig. 9 (c) is only an example, and a display manner of a specific icon may be flexibly determined in combination with an actual page object, and in particular, the present application is not limited thereto. When the developer presses or drags the "horizontal combination" icon in a11 or clicks the "horizontal combination" icon in a11 through a cursor, the caller-specific form page (i.e. the target page) can learn that the developer wants to input text boxes with rectangular shapes of at least two options, and the text boxes are horizontally displayed in parallel in the first layout area, namely, the first layout area is divided into at least two column areas, and the rectangular input text boxes with one option are respectively displayed in each column area.

Optionally, in another optional embodiment of the method for previewing a page provided in the embodiment of the present application on the basis of the embodiment corresponding to fig. 3, a portrait configuration 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 steps of:

And 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.

For ease of understanding, please continue to refer to fig. 9 (A1) to fig. 9 (c), and description will be given taking a lateral layout of an input text box with options added as an example, where a10 refers to a "vertical combination" icon on an interface, which is used to indicate that at least two sub-page objects in a 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 only an example, and a display manner of a specific icon may be flexibly determined in combination with an actual page object, and in particular, the method 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 the cursor, the please refer to the form page (i.e. the target page) for learning that the developer wants to input the rectangular text boxes of at least two options, and the rectangular text boxes are displayed in parallel in the first layout area, i.e. the first layout area is divided into at least two horizontal areas, and each column area displays the rectangular text boxes of one option.

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

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 a 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 on a page preview area in response to a selection instruction for a first basic control, when a second layout newly-added instruction is received through a template editing interface, a second layout area is newly added in the page preview area in response to the second layout newly-added instruction, and then, when a selection instruction for a second basic control is received through the template editing interface, the second basic control is displayed in the second layout area through a second page object in response to the selection instruction for the second basic control, so that a target page including the first page object and the second page object can be obtained, and the content and the function of the target page can be enriched through a plurality of layout areas and a plurality of page objects, thereby making the display effect of the target page richer.

For easy understanding, referring to fig. 9 (a 1) to 9 (c) for further details describing step S501 to step S502 with reference to fig. 9 (a 1) to 9 (c), in this embodiment, the display area of the submit button is taken as the second layout area, the submit control is taken as the second basic control, and the submit button is taken as the second page object, fig. 9 (a 1) to 9 (c) are taken as examples, the description is taken as an example of obtaining the guest form page through the template editing interface, after receiving the adding operation of the developer to the display area of the submit button (i.e. a second layout area) at the template editing interface, the schematic interface (i.e. the template editing interface) from fig. 9 (a 1) to 9 (c) may be displayed, wherein when the developer presses the "newly added layout" icon in A2 or clicks the "newly added layout" icon in A2 through a cursor, the template editing interface may learn that the developer wants to add the display area of the submit button (i.e. the second layout area), and may display a second basic layout area capable of being placed on the page area. Then, when the developer drags the "button control" icon, presses the "button control" icon or clicks the "button control" icon through the cursor, the template editing interface may learn that the developer wants to select one button control (i.e., the second basic control) to be displayed in the second layout area through the form of the submit button (i.e., the second page object), and may obtain the rectangular input text box containing the options and the invitation 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, which will not be described herein.

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

in response to a layout deletion instruction for the second layout area, the second layout area is canceled from being displayed on the page preview area.

In this embodiment, after a target page including a first page object and a second page object is displayed on a page preview area in response to a selection instruction for a second basic control, when a second layout deletion instruction is received through a template editing interface, the whole deletion of the layout area can be performed in the second layout area in the page preview area in response to the second layout deletion instruction, a target page without the second page object can be obtained, and a plurality of page objects in the target page can be dynamically adjusted by deleting the layout area, so that a target page more meeting the service requirements can be obtained, and thus the display effect of the target page is better.

For convenience of understanding, refer to fig. 9 (a 1) to fig. 9 (c) for further details describing step S501 to step S502 in conjunction with fig. 9 (a 1) to fig. 9 (c), wherein in this embodiment, taking the second layout area as the display area of the submit button, the second basic control as the submit control, and the second page object as the submit button as examples, fig. 9 (a 1) to fig. 9 (c) take the template editing interface to obtain the guest form page as examples, and explain, after receiving the delete operation of the developer on the display area of the submit button (i.e., a second layout area) at the template editing interface, the schematic interface (i.e., the template editing interface) of fig. 9 (a 1) to fig. 9 (c) may be displayed, wherein when the developer drags the whole second layout area out the page preview area, presses the "delete layout" icon, or clicks the "delete layout" icon by the cursor, the template editing interface may learn that the developer wants to delete the display area of the submit button (i.e., the second layout area), and the first layout area displayed on the page area can be used for deleting the second basic layout component, i.e., the second layout area can be deleted, and the second layout component can be deleted. Of course, the "delete layout" icon in fig. 9 (a 1) to 9 (c) may be output by voice instead of the actual template editing interface, and when the user inputs negative answers such as "delete", "cancel" by voice, the input method of the specific second layout delete instruction such as deleting the second layout instruction by the developer is regarded as not being limited here.

Optionally, on the basis of the embodiment corresponding to fig. 3, in another optional embodiment of the method for previewing a page 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, a command configuration interface for the target page is displayed;

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 to uniquely indicate 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 edit instruction for the first page object, configuration data in JSON format corresponding to the configuration prompt message of the first page object may be generated, and the configuration data in JSON format may be sent to the save request form page through the template edit page, as shown in fig. 15, by taking the save request form page as an example, when the user inputs the save instruction through the template edit interface, the template edit interface may send the configuration data in JSON format corresponding to the configuration prompt message of the first page object to the robot background server, and then, through a preset page identifier provided by the robot background server, for example, the page ID is "0001", the configuration data in JSON format corresponding to the configuration prompt message of the first page object and the preset page identifier are saved in the database in a one-to-one correspondence.

Further, after configuration is completed, when a configuration completion instruction is received through a template editing interface, the configuration completion instruction can be responded, the configuration completion instruction is jumped to a command configuration interface aiming at a target page, preset keywords can be obtained through a command input area provided by the command configuration interface, the preset keywords and the target page are bound, so that a binding relation corresponding one by one between the preset keywords and the target page is established, namely the preset keywords can be used for uniquely indicating the target page, then when a target application program is started, the target keywords can be obtained through an application interface provided by the target application program, and matched with the preset keywords, if the matching is successful, the target page is displayed on the application interface provided by the target application program, if the matching is failed, a prompt message of the matching failure is displayed, wherein the target application program can be specifically represented as instant messaging software, a communication webpage or other application programs, the target keywords are matched with the preset keywords in a specific way, the similarity between the target keywords and the keywords can be calculated, or the target keywords can be matched through a regular expression way, the target keywords can be obtained through the application interface provided by the target application program, the target page can be quickly bound to the target page, the relevant interaction efficiency can be obtained through a specific command input device, the interaction efficiency can be improved, and the interaction speed can be realized through a quick interaction between the target page and a relevant command input device.

For easy understanding, in further details of steps S601 to S604 with reference to fig. 16 to 17, please refer to fig. 16 to 17, in which in this embodiment, a preset keyword is newcmd1, and a target keyword is newcmd1, as shown in fig. 16, by taking providing the keyword newcmd1 through a command configuration interface as an example, explanation is made, when the configuration completion instruction for the target page is detected in the template editing interface, the configuration completion instruction may be responded, and the configuration interface is skipped, the schematic interface (i.e. the command configuration interface) of fig. 16 may be displayed, where when the developer records the preset keyword through the command configuration interface, the command configuration interface may learn that the developer wants to establish a binding relationship between the preset keyword and the target page, and in this embodiment,/newcmd 1 may be represented as a slash instruction, which may be used to represent, without specific limitation, other instructions, where the slash instruction may be used to indicate that when the user inputs/characters on the application interface provided by the target application program of the terminal device, the target application program may be automatically input/may be displayed, and the user may further specify that the user may be able to display a certain command may be associated with the user program by displaying the corresponding command. Of course, other response relations between preset keywords and target pages can be established on the actual command configuration interface, such as background callback response actions, a URL address where a configuration prompt message is received can be called back, or a preset page can be skipped, such as web page callback is opened, a Webview can be directly opened to load the address, or a target page with response can be displayed, such as a page acquisition request can be sent to a robot background server, so that the robot background server can push a corresponding static message template (i.e. a target page) to a target application program according to the received target keywords, and other response relations between the preset keywords and the target page can be specifically established, without limitation.

Further, as shown in fig. 17, when the target application program is started, "/newcmd1" (i.e., a target keyword) may be obtained through an application interface provided by instant messaging software (i.e., the target application program), then, the obtained target keyword "/newcmd1" may be sent to the robot backend server to match, if the preset keyword exists "newcmd1", i.e., the target keyword is successfully matched with the preset keyword, the robot backend server may send a target page corresponding to the preset keyword to the target application program, and may display the target page on an application interface provided by the target application program, and if the preset keyword does not exist "newcmd1", i.e., the target keyword fails to match with the preset keyword, the robot backend server may send a prompt message of the matching failure to the target application program, and may match a prompt message of the failure on the application interface provided by the target application program.

It can be understood that when configuration is completed, a preview instruction for a target page can be received through a template editing interface, as shown in fig. 15, a preview button displayed on the template editing interface can trigger a preview operation for a target page, after responding to the preview instruction for the target page, the template editing interface can forward the preview instruction for the target page to a robot background server, the robot background server can push a page preview message to an application interface provided by a target application program, the robot background server can also send configuration data in JSON format of the target page corresponding to the page identifier obtained in a database to the application interface provided by the target application program according to the page identifier carried by the preview instruction for the target page, and then the configuration data in JSON format of the target page is rendered by a cross-end engine provided by the application interface provided by the target application program, so that a developer can preview the target page can be displayed and obtained on the application interface provided by the target application program, and the developer can dynamically adjust the target page in time according to the template editing effect.

Optionally, on the basis of the embodiment corresponding to fig. 3, in another optional embodiment of the method for previewing a page 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 hint control is displayed on an application interface provided by a target application;

in step S703, a target page is displayed in response to a view instruction for the page hint 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 skip relation between a preset page prompt control and a target page may be established through a template edit interface, then, when the target application program is started, the page prompt control may be displayed on an application interface provided by the target application program, when the user presses the "page prompt control" icon, or clicks the "page prompt control" icon through a cursor, and in response to the view instruction for the page prompt control through the application interface provided by the target application program, the target page that the user wants to view may be obtained through the application interface provided by the target application program, and the associated target page may be quickly indexed through the page prompt control displayed on the application interface provided by the target application program, thereby improving the acquisition efficiency of the target page.

Specifically, when the target application program is started, if the leave icon displayed through the application interface provided by the instant messaging software (i.e. the target application program) responds to the checking instruction aiming at the leave icon, the application interface provided by the target application program sends the checking instruction to the robot background server, and the robot background server can acquire the configuration data corresponding to the target page in the database according to the page identifier carried by the checking instruction, send the configuration data corresponding to the acquired target page to the target application program for rendering, and can 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 method for previewing a page provided in the embodiment of the present application, the target page belongs to a message page; the method further comprises the steps of:

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

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

Further, when receiving a viewing instruction of service data of a target page through an application interface provided by a target application program, the viewing instruction of the service data of the target page can be forwarded to a service server through a robot background server to obtain corresponding service data through the application interface provided by the target application program, and then the obtained service data and configuration data of the target page can be issued to the target application program through the robot background server for rendering, so that the service data can be displayed on the target page.

In order to facilitate understanding, as shown in fig. 22, when a manager wants to display a leave-out message page through an application interface provided by a target application program, the application interface provided by the target application program responds to a view instruction of the leave-out message page, the view instruction of the leave-out message page is forwarded to a robot background server, and the robot background server can display and render the configuration data in JSON format of the target page corresponding to the page identifier acquired in a database according to the page identifier carried by the view instruction of the leave-out message page, and receive leave-out service data in a plurality of identical data structures corresponding to the page identifier and provided by a service server, send the configuration data in JSON format of the target page and the leave-out service data to the application interface provided by the target application program, and render the leave-out message page on the application interface provided by the target application program, so that the manager can concentrate on the leave-out messages of a plurality of users.

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

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

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

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

in step S804, if a popup command 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 the configuration is completed, the embodiment may further use an interface (i.e. a template editing interface) as shown in fig. 20 to display configuration prompt information between the target page and preset user operation behavior information, and may establish a response relationship between the target page and preset user operation behavior information, which may be used to, when user operation behavior information submitted by a user is detected, perform corresponding processing on the obtained user operation behavior information according to the preset response behavior information, where the preset response behavior information may be specifically represented as, for example, an opening template (i.e. a target page), a template ID, reporting data, or other response behaviors, such as jumping to other pages, opening a configuration address, and so on, where, as shown in fig. 21, a configuration of a callback address may be further provided by a back server of the robot to enrich the response relationship between the target page and the preset user operation behavior information.

Further, when at least one item of input information is acquired through a target page displayed on an application interface provided by the target application program, a preset response behavior between the input information and the target page can be detected, and when a report 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 is forwarded to the service server through the robot background 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 the input information, specifically, forwarding at least one item of input information to a service server through an application interface provided by a target application program, then issuing corresponding service data through the service server, and then issuing the acquired service data and configuration data of the target page together to the target application program through the robot background server for rendering, wherein the jump can be performed to a new target page corresponding to the input information, and the service data is displayed on the target page. When a popup window instruction for the target page is acquired, a popup window corresponding to the input information is displayed, wherein the acquisition mode of the popup window is similar to that of the skip page, and is not repeated herein, so that functions supported by the page object are more in line with application requirements, the functions and contents of the target page are more abundant, dynamic data (namely, the input information) binding configuration capability can be acquired through the target page, the dynamic display of the target page can be finished through the flexible output data of the background server of the robot, and the use scene of the functions of the target page can be enriched to a certain extent by the skip binding capability between the target pages, and the direct skip of the template and the template (namely, between the target page and the target page) and the external interface (namely, between the target page and other external interfaces) can be realized.

In order to facilitate understanding, as shown in fig. 23, after the robot background server configures the callback address, if user data submitted or input by the user is obtained through the client application form page (i.e., the target page) as shown in fig. 23, it is detected that the user data submitted or input by the user (i.e., the input information) is "submitted user filling data" or "delivery development background" matched with the preset user operation behavior information, the "submitted user filling data" or "delivery development background" may be reported to the robot background server through an application interface provided by the target application program according to the preset response behavior, and then the obtained service data and the configuration data of the target page may be issued to the target application program through the robot background server for rendering, and then the service data may be displayed on the target page.

Referring to fig. 24, fig. 24 is a schematic diagram illustrating an embodiment of a device for previewing pages in an embodiment of the present application, and the device for previewing pages 20 includes:

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

a processing unit 202 for displaying a first layout area on the page preview area in response to the first layout addition instruction;

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, in another embodiment of the apparatus for page previewing provided in the embodiment of the present application on the basis of the embodiment corresponding to fig. 24, the first basic control is an option class control;

the processing unit 202 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.

Alternatively, in another embodiment of the apparatus for page previewing provided in the embodiment of the present application based on the embodiment corresponding to fig. 24,

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

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

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

the processing unit 202 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.

Optionally, in another embodiment of the apparatus for page previewing provided in the embodiment of the present application on the basis of the embodiment corresponding to fig. 24, a lateral 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 divide the first layout area into at least two column-wise areas in response to a selection instruction for the lateral arrangement control, and respectively display the sub-page objects in each column-wise area.

Optionally, in another embodiment of the apparatus for page previewing provided in the embodiment of the present application on the basis of the embodiment corresponding to fig. 24, a portrait configuration 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 divide the first layout area into at least two lateral areas in response to a selection instruction for the portrait configuration control, and display the sub-page objects in each lateral area respectively.

Optionally, in another embodiment of the apparatus for page previewing provided in the embodiment of the present application, on the basis of the embodiment corresponding to fig. 24, 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, on the page preview area, a target page including a first page object and a second page object in response to a selection instruction for the second basic control, where the second page object is displayed in the second layout area.

The processing unit 202 is further configured to cancel the display of 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, if the target application program is started, a target keyword through an application interface provided by the target application program;

the processing unit 202 is further configured to display a 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 program;

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 a target page in response to a view instruction for the page hint control.

Optionally, in another embodiment of the apparatus for page previewing provided in the embodiment of the present application on the basis of the embodiment corresponding to fig. 24, the target page belongs to a message 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 a service party.

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

the obtaining unit 203 is further configured to obtain at least one item of input information through a target page;

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

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

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

Another aspect of the present application provides another schematic diagram of a computer device, as shown in fig. 25, where fig. 25 is a schematic diagram of a computer device structure provided in an embodiment of the present application, where the computer device 300 may have a relatively large difference due to configuration or performance, and may include one or more central processing units (central processing units, CPU) 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 application programs 331 or data 332. Wherein memory 320 and storage medium 330 may be transitory 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 series of instruction operations in the computer device 300. Still further, the central processor 310 may be configured to communicate with the storage medium 330 and 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 Windows Server ^TM ，Mac OS X ^TM ，Unix ^TM ,Linux ^TM ，FreeBSD ^TM Etc.

The above-described computer device 300 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 instructions stored therein which, when run on a computer, cause the computer to perform the steps of the method described in the embodiments shown in fig. 3 to 8.

Another aspect of the present 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 in the method described in the embodiments shown in figures 3 to 8.

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

In the several embodiments provided in this application, it should be understood that the disclosed systems, apparatuses, and methods may be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative, e.g., the division of the elements is merely a logical functional division, and there may be additional divisions of actual implementation, e.g., multiple elements or controls may be combined or integrated into another system, or some features may be omitted, or not performed. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be an indirect coupling or communication connection via some interfaces, devices or units, which may be in electrical, mechanical or other form.

The units described as separate units may or may not be physically separate, and units shown 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 may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

In addition, each functional unit in each embodiment of the present application may be integrated in one processing unit, or each unit may exist alone physically, or two or more units may be integrated in one unit. The integrated units may be implemented in hardware or in software functional units.

The integrated units, if implemented in the form of software functional units and sold or used as stand-alone products, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present application may be embodied in essence or a part contributing to the prior art or all or part of the technical solution in the form of a software product stored in a storage medium, including several instructions to cause a computer device (which may be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the methods described in the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a read-only memory (ROM), a random access memory (random access memory, RAM), a magnetic disk, or an optical disk, or other various media capable of storing program codes.

Claims

1. A method for page previewing, comprising:

responding to a first layout newly-added instruction, and displaying a 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 first layout area, wherein the target page is an edited page in the instant messaging application; the first basic control is an option control or a key control;

when the first basic control is the option type control, 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 of a control identifier, a control title, an option upper limit value and an option lower limit value;

when the first basic control is the button control, 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 of control identification, control text and preset response behavior;

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

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

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

if the target keywords are successfully matched with the preset keywords, displaying the target page on an application interface provided by the 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.

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

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, displaying a prompt message of failure in option adding;

and responding to an option deleting instruction aiming at the first page object, and displaying a prompt message of failed option deleting if the number of the current options is equal to the option lower limit value.

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

the method further comprises the steps of:

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 sub-page objects in each column-direction area.

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

the method further comprises the steps of:

and 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 sub-page objects in each transverse area.

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

the method further comprises the steps of:

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

and 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.

6. The method of claim 5, wherein after displaying the target page including the second page object on the page preview area, the method further comprises:

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

7. The method of claim 1, wherein the target page belongs to a message class page;

the method further comprises the steps of:

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

8. The method of claim 1, wherein the target page belongs to a form class page;

the method further comprises the steps of:

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

if a report 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 a jump instruction for the target page is acquired, jumping to a page corresponding to the input information according to a preset response behavior;

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

9. An apparatus for page previewing, comprising:

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, 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;

a processing unit for displaying a first layout area on the page preview area in response to a first layout addition instruction;

the processing unit is further configured to respond to a selection instruction for the first basic control, and display a target page including a first page object on the first layout area, where the target page is an edited page in the instant messaging application; the first basic control is an option control or a key control;

when the first basic control is the option 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;

When the first basic control is the button 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;

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

the acquisition unit is further used for acquiring a target keyword through an application interface provided by the target application program when the processing unit starts the target application program;

the processing unit 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 display unit is further used for displaying a page prompt control on an application interface provided by the target application program;

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

wherein the memory is used for storing programs;

the processor being adapted to implement the method of any one of claims 1 to 8 when executing a program in the memory;

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

11. A computer readable storage medium comprising instructions which, when run on a computer, cause the computer to perform the method of any one of claims 1 to 8.