CN115098098A

CN115098098A - Page generation method, page display method and device

Info

Publication number: CN115098098A
Application number: CN202210697697.7A
Authority: CN
Inventors: 任碧涛; 蒋宁; 吴鹏; 罗展松; 吴海英
Original assignee: Mashang Consumer Finance Co Ltd
Current assignee: Mashang Consumer Finance Co Ltd
Priority date: 2022-06-20
Filing date: 2022-06-20
Publication date: 2022-09-23

Abstract

The application discloses a page generation method, a page display method and a page display device. The page generation method comprises the following steps: responding to the process creating operation of the target service, and displaying a service process map corresponding to the process creating operation in a preview area of a visual operation interface, wherein the service process map comprises a plurality of nodes and connecting edges among the nodes, and the plurality of nodes comprise page nodes corresponding to service pages of the target service and object nodes corresponding to associated objects of the service pages; responding to the trigger operation of the first target node in the preview area, and displaying a configuration control of the first target node in a configuration area of the visual operation interface; responding to editing operation of a configuration control in a configuration area, and determining attribute configuration information of a first target node; and generating a target page file based on the service flow map in the preview area and the attribute configuration information of each node, wherein the target page file is used for displaying the service page of the target service based on the service flow map.

Description

Page generation method, page display method and device

Technical Field

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

Background

The current mainstream page visualization generation method generally develops a page design and a page configuration item corresponding to a page component according to a development requirement, then packages and sends a code of the page component to an online and deploys the code into a visualization design system, and then configures the page configuration item in the visualization design system. However, the above method can only perform page design and configuration on a single page, and cannot implement complete service logic development of the page.

Disclosure of Invention

The embodiment of the application aims to provide a page generation method, a page display method and a page display device, which are used for solving the problem that the existing page generation method cannot realize complete business logic development of a page.

In order to achieve the above purpose, the following technical solutions are adopted in the embodiments of the present application:

in a first aspect, an embodiment of the present application provides a page generation method, including:

responding to a process creation operation of a target service, and displaying a service process map corresponding to the process creation operation in a preview area of a visual operation interface, wherein the service process map comprises a plurality of nodes and connecting edges among the plurality of nodes, the plurality of nodes comprise page nodes corresponding to a service page of the target service and object nodes corresponding to associated objects of the service page, and the connecting edges represent association relations among the connected nodes;

responding to a trigger operation of a first target node in the preview area, and displaying a configuration control of the first target node in a configuration area of the visual operation interface;

determining configuration information of the first target node in response to an editing operation on the configuration control in the configuration area;

and generating a target page file based on the service flow map in the preview area and the configuration information of each node in the service flow map, wherein the target page file is used for displaying the service page of the target service based on the service flow map.

It can be seen that, in the embodiment of the present application, by providing a visual operation interface including a preview area and a configuration area, and based on a process creation operation on a target service, a service process map corresponding to the process creation operation is displayed in the preview area, so that an association relationship between a service page of the target service and an associated object thereof can be clearly and intuitively displayed, thereby facilitating implementation of personalized service logic visual development; after the node in the service flow graph in the preview area is triggered, the configuration control of the node is displayed in the configuration area of the visual operation interface, and the configuration control of the node is edited, so that the personalized configuration of the node can be realized, the personalized configuration of a service page and an associated object of a target service is realized, and diversified service requirements are met; and finally, generating a target page file based on the service flow map in the preview area and the configuration information of each node in the service flow map, wherein the generated target page file can be used for displaying the service page of the target service based on the service logic indicated by the service flow map. Therefore, a developer can realize complete business logic development of page content and pages by creating a business process map according to business logic in a preview area, triggering nodes needing to be configured and configuring the triggered nodes in a configuration area, and does not need to re-develop, pack and package a plurality of codes and send the codes on line, so that the implementation is more flexible and simpler, the page generation efficiency can be improved, and diversified business requirements can be met.

In a second aspect, an embodiment of the present application provides a page display method, including:

responding to a service request of a target service, acquiring a target page file of the target service, wherein the target page file comprises a service flow graph in a preview area of a visual operation interface and configuration information of each node in the service flow graph, the service flow graph comprises a plurality of nodes and connecting edges among the plurality of nodes, the plurality of nodes comprise page nodes corresponding to the service page of the target service and object nodes corresponding to associated objects of the service page, the connecting edges represent association relations among the connected nodes, and the configuration information of the nodes is determined based on editing operation on configuration controls of the nodes in the configuration area of the visual operation interface;

analyzing the target page file to obtain the business process map and configuration information of each node in the business process map;

and displaying the service page of the target service based on the service flow map.

It can be seen that, in the embodiment of the present application, when a service page of a target service needs to be displayed at a front end of a page, a service page of the target service can be displayed according to a service flow graph of the target service by acquiring and analyzing a target page file of the target service, and development, packaging and publishing of page-related codes do not need to be performed again at the front end of the page, so that page display efficiency is improved. In addition, the target page file of the target service is obtained based on the page generation method provided by the embodiment of the application, the complete service logic development of the page content and the page can be realized by creating the service flow map according to the service logic in the preview area, triggering the nodes needing to be configured and configuring the triggered nodes in the configuration area, and the redevelopment, packaging and edition sending online of multiple codes are not needed, so that the implementation is more flexible and simpler, the page generation efficiency can be improved, and the diversified service requirements can be met.

In a third aspect, an embodiment of the present application provides a page generating apparatus, including:

the service flow graph comprises a plurality of nodes and connecting edges among the plurality of nodes, the plurality of nodes comprise page nodes corresponding to service pages of the target service and object nodes corresponding to associated objects of the service pages, and the connecting edges represent association relations among the connected nodes;

the configuration control display unit is used for responding to triggering operation on a first target node in the preview area and displaying a configuration control of the first target node in a configuration area of the visual operation interface;

the configuration determining unit is used for responding to the editing operation of the configuration control in the configuration area and determining the configuration information of the first target node;

and the generating unit is used for generating a target page file based on the service flow map in the preview area and the configuration information of each node in the service flow map, and the target page file is used for displaying the service page of the target service based on the service flow map.

In a fourth aspect, an embodiment of the present application provides a page displaying apparatus, including:

the system comprises a page file acquisition unit, a service request processing unit and a service processing unit, wherein the page file acquisition unit is used for responding to a service request of a target service and acquiring a target page file of the target service, the target page file comprises a service flow map in a preview area of a visual operation interface and configuration information of each node in the service flow map, the service flow map comprises a plurality of nodes and connecting edges among the plurality of nodes, the plurality of nodes comprise page nodes corresponding to a service page of the target service and object nodes corresponding to associated objects of the service page, the connecting edges represent the association relation among the connected nodes, and the configuration information of the nodes is determined based on editing operation of configuration controls of the nodes in the configuration area of the visual operation interface;

the analysis unit is used for analyzing the target page file to obtain the business process map and the configuration information of each node in the business process map;

and the page display unit is used for displaying the service page of the target service based on the service flow map.

In a fifth aspect, an embodiment of the present application provides an electronic device, including:

a processor;

a memory for storing the processor-executable instructions;

wherein the processor is configured to execute the instructions to implement the method of the first or second aspect.

In a sixth aspect, embodiments of the present application provide a computer-readable storage medium, where instructions, when executed by a processor of an electronic device, enable the electronic device to perform the method according to the first aspect or the second aspect.

Drawings

The accompanying drawings, which are included to provide a further understanding of the application and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the application and together with the description serve to explain the application and not to limit the application. In the drawings:

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

fig. 2 is a schematic flowchart of a page generation method according to an embodiment of the present application;

FIG. 3 is a schematic view of a visual interface provided in an embodiment of the present application;

fig. 4A is a second schematic diagram of a visual operation interface according to an embodiment of the present application;

fig. 4B is a third schematic diagram of a visual operation interface provided by an embodiment of the present application;

FIG. 5 is a fourth schematic view of a visual interface provided by an embodiment of the present application;

fig. 6A is a fifth schematic view of a visual operation interface provided by an embodiment of the present application;

fig. 6B is a sixth schematic view of a visual operation interface according to an embodiment of the present application;

fig. 6C is a seventh schematic view of a visual operation interface provided by an embodiment of the present application;

fig. 6D is an eighth schematic view of a visual operation interface provided by an embodiment of the present application;

fig. 6E is a ninth illustration of a visual operation interface provided by an embodiment of the present application;

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

fig. 8 is a schematic structural diagram of a page generation apparatus according to an embodiment of the present application;

FIG. 9 is a schematic structural diagram of a page displaying apparatus according to an embodiment of the present application;

fig. 10 is a schematic structural diagram of an electronic device according to an embodiment of the present application.

Detailed Description

In order to make the objects, technical solutions and advantages of the present application more apparent, the technical solutions of the present application will be described in detail and completely with reference to the following specific embodiments of the present application and the accompanying drawings. It should be apparent that the described embodiments are only some of the embodiments of the present application, and not all of the embodiments. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments in the present application without making any creative effort belong to the protection scope of the present application.

The terms first, second and the like in the description and in the claims, are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the application are capable of operation in sequences other than those illustrated or described herein. In addition, "and/or" in the specification and claims means at least one of connected objects, and a character "/" generally means that a former and a latter related objects are in an "or" relationship.

The terms related to the embodiments of the present application include:

web page: a Web page is a document organized in the format of hypertext Markup Language (HTML) on the world wide Web. When information is queried through the world wide web, it appears as an information page, which may include information such as graphics, text, sound, and video.

Page components: namely a presentation carrier of the page content, different business contents, encapsulated in different business components, such as a weather component for showing weather, a header component for showing a header title and a header picture of the page, and the like.

Vue framework: js is an open source JavaScript frame used for creating a user interface, and is also a Web application frame for creating a single-page application.

CDN: the Content Delivery Network, namely a Content Delivery Network, is a virtual distributed Network established on the basis of a bearer Network, and can intelligently cache source station contents (including various dynamic resources and static resources) to all node servers in the world. Therefore, the method and the device not only facilitate the user to obtain the content nearby, improve the access speed of the resource, but also share the pressure of the source station.

jsZip: an open source toolkit for file compression through nodeJs can generate suffix names of compressed packages in a customized mode.

As described above, in the current mainstream page visualization generation method, a page design and a page configuration item corresponding to a page component are generally developed according to development requirements, then codes of the page component are packaged, encapsulated, and sent to the online and then deployed in a visualization design system, and then the page configuration item is configured in the visualization design system. Therefore, the method can only carry out page design and configuration on a single page, and cannot realize complete business logic development of the page.

In order to solve the problem that the existing page generation method cannot realize complete business logic development of a page, the embodiment of the application provides a page generation scheme and a subsequent page display scheme executed based on a generated page file. According to the page generation scheme provided by the embodiment of the application, the business page of the target business and the association relation between the business page and the associated objects of the target business can be clearly and intuitively displayed by providing the visual operation interface comprising the preview area and the configuration area, displaying the business process map corresponding to the process creation operation in the preview area based on the process creation operation on the target business, so that the personalized business logic visual development can be conveniently realized; after the node in the service flow graph in the preview area is triggered, the configuration control of the node is displayed in the configuration area of the visual operation interface, and the configuration control of the node is edited, so that the personalized configuration of the node can be realized, the personalized configuration of a service page and an associated object of a target service is realized, and diversified service requirements are met; and finally, generating a target page file based on the service flow map in the preview area and the configuration information of each node in the service flow map, wherein the generated target page file can be used for displaying the service page of the target service based on the service logic indicated by the service flow map. Therefore, a developer can realize complete business logic development of page content and pages by creating a business process map according to business logic in a preview area, triggering nodes needing to be configured and configuring the triggered nodes in a configuration area, and does not need to re-develop, pack and package a plurality of codes and send the codes on line, so that the implementation is more flexible and simpler, the page generation efficiency can be improved, and diversified business requirements can be met.

The technical solutions provided by the embodiments of the present application are described in detail below with reference to the accompanying drawings.

The page generation method provided by one or more embodiments of the present application may be applied to a scenario shown in fig. 1, where the scenario includes a visualization management platform 11, a cloud server 12, and a page front end 13.

The visualization management platform 11 is a management tool for a developer to perform page visualization development. The developer 14 may log in the visualization management platform 11 through the network to perform page visualization development, for example, the developer 14 may connect to the network using various terminals such as a personal computer, a laptop computer, a mobile phone, a personal digital assistant, a tablet computer, and a wearable device.

In particular, the visualization management platform 11 may provide a visualization operation interface for page visualization development, which may include a preview area 11a and a configuration area 11 b. In the preview area 11a, the service flow graph used for displaying the target service and the page design content of the triggered node in the service flow graph are displayed, and the developer 14 can modify the service flow graph and the page design content of the node therein (such as the layout style of the node, the data source, the trigger event, the splitting policy, and the like) in the preview area 11 a.

The service process graph may include a plurality of nodes and connection edges between different nodes, the nodes in the service process graph may include page nodes corresponding to service pages of the target service and object nodes corresponding to associated objects of the service pages, and the connection edges represent association relationships between the connected nodes.

The associated object of the business page may be, for example and without limitation, at least one of the following objects: the data source interface of the service page, a trigger event for triggering and displaying the service page, a page component in the service page, a target component displayed after the page component in the service page is triggered, a target service page displayed after the page component in the service page is triggered, a target event executed after the page component in the service page is triggered, and the like.

The configuration area 11b is used for showing configuration controls for configuring nodes in the business process graph, such as an attribute configuration control for configuring attributes of the nodes, a distribution configuration control for configuring distribution policies of the nodes, and the like. The developer 14 may implement configuration of the nodes in the business process map in the preview area 11a by performing an editing operation on the configuration control displayed in the configuration area 11 b.

In specific applications, each node has corresponding configurable content, which can be specifically set according to actual needs, and this is not limited in the embodiments of the present application. Illustratively, the configurable content of the node to which the page component corresponds may include the color of the page component, font size, page component size, minimum size to which the page component can be scaled down, maximum size to which the page component can be scaled up, incremental size per change when resizing the page component, etc.; for another example, the configurable content of the page node corresponding to the service page may include attributes such as a layout style, a color, a font size, and the like of the service page, and a splitting policy of the service page, and the like; as another example, the configurable content of the node corresponding to the event may include an event name, an event type, an event participation condition, an event validity condition, a reward policy when the event validity condition is met, and the like. For example, taking the event of opening a member as an example, the event participation condition may include "the user is a contract user and enters an activity page", the event effective condition may be "the user meeting the event participation condition completes opening a continuous monthly card member for the first time and is considered to be effective", and the reward policy when the user meets the event effective condition may include "the contract borrowed user obtains a free coupon preferentially, and the rest of the non-contract borrowed users obtain a gold reward", and the like.

Additionally, configuration controls may include, for example, but are not limited to, at least one of the following: button controls, textbox controls, radio box controls, drop-down box controls, form controls, tree controls, picture controls, file upload controls, and layout controls, among others, wherein the drop-down box controls may include, for example, at least one of the following forms: pull-down selection boxes, pull-down forms, pull-down menus and the like; the form control includes at least one of the following forms: common tables, table trees, and editable tables; layout controls may include, for example, but are not limited to, controls in at least one of the following forms: a fence control, a division panel control, a carousel control, a tab control, and the like.

The visualization management platform 11 may further generate, in response to an ending instruction of the developer 14, a corresponding target page file based on the business process map displayed in the preview area 11a and the configuration information of each node in the business process map, where the target page file may be used to generate and display a business page of a target business based on the business process map at a front end of the page.

The cloud server 12 may be a server, or may be a server cluster formed by a plurality of servers, such as a CDN. The cloud server 12 may store a page configuration file for generating a node, a content configuration file for configuring the node, and the like, so as to be provided to the visualization management platform 11 for use, in this way, the visualization management platform 11 may implement a visualization display of the required node by acquiring the page configuration file of the required node from the cloud server 12 and loading the page configuration file into the preview area 11a, and implement a visualization display of the configuration control by acquiring the content configuration file for configuring the node from the cloud server 12 and loading the content configuration file into the configuration area 11 b. Of course, the cloud server 12 may also store the page file generated and uploaded by the visualization management platform 11. The content configuration file of the node may include a property configuration file of the node, and the property configuration file is used to generate a property configuration control for configuring a property of the node. Of course, for a page node corresponding to a service page, the content configuration file may further include a splitting configuration file, and the splitting configuration file is used to generate a splitting configuration control for configuring a splitting policy of the page node.

In practical applications, different page profiles of different nodes are different, or different page profiles are used for generating different nodes. The page profiles of the different nodes may be pre-developed by the developer 14 and uploaded to the cloud server 12. The page configuration file of the node may be a file set compression package based on an Vue framework, for example, a compression package obtained by compressing multiple files in a jsZip manner, and includes a Vue file, a css file, and various resource files (such as pictures, fonts, Json files, and the like) required by generating the node, where the Vue file includes a page structure of the node, a page script used for generating the node, component attributes of the node, identification information (such as a storage address in the cloud server 12) of an attribute configuration file required for configuring the component attributes, and the like, and the css file includes a page style of a page component. The content profile required to configure the node is also the content profile associated with the node.

Similarly, configuration controls generated based on different content profiles differ, and thus the content that can be configured differs. Different content profiles may also be pre-developed by the developer 14 and uploaded to the cloud server 12. The content configuration file may be a Vue-frame-based file set compression package, for example, a compression package obtained by compressing a plurality of files in a jsZip manner, and includes a Vue file, a css file, and various resource files (such as pictures, fonts, Json files, and the like) required for generating a configuration control, where the Vue file includes a page structure of the configuration control, a page script used for generating the configuration control, and the like, and the css file includes a page style of the configuration control, and the like.

The page front end 13 belongs to a website foreground, and is operated on a browser such as a computer end, a mobile end and the like to display a page browsed by the user 15. The page front end 13 may obtain the target service requested by the user 15 from the visualization management platform 11 or the cloud server 12, and generate and display a service page of the target service based on the target page file of the target service.

How the visualization management platform 11 generates the page will be described in detail in the page generation method provided in the embodiment of the present application, and how the page front end 13 displays the page will be described in detail in the page display method provided in the embodiment of the present application.

Referring to fig. 2, a flowchart of a page generation method provided in an embodiment of the present application is shown, where the page generation method is applicable to a visualization management platform, such as the visualization management platform 11 shown in fig. 1. As shown in fig. 2, the method may include the steps of:

s202, responding to the process creating operation of the target service, and displaying a service process map corresponding to the process creating operation in a preview area of a visual operation interface.

In this embodiment of the present application, the process creating operation on the target service is used to create a service process map reflecting the service logic of the target service, and may specifically include, but is not limited to: adding nodes, deleting nodes, modifying nodes, adding connecting edges between different nodes, deleting connecting edges between different nodes, modifying connecting edges between different nodes, and the like.

In this embodiment of the present application, the service flow graph of the target service may include a plurality of nodes and connection edges between the plurality of nodes, where the plurality of nodes include a page node corresponding to a service page of the target service and an object node corresponding to an association object of the service page, and the connection edges represent an association relationship between the connected nodes. The associated object of the business page may include, but is not limited to, at least one of the following objects: the data source interface of the service page, a trigger event for triggering and displaying the service page, a page component in the service page, a target component displayed after the page component in the service page is triggered, a target service page displayed after the page component in the service page is triggered, a target event executed after the page component in the service page is triggered, and the like. It can be understood that by adding a related data source interface to a service page, a page front end for displaying the service page obtains data required by displaying the service page by calling the data source interface and stores the data in a memory at the page front end; by adding the associated trigger event for the business page, when the front end of the page displays the business page, the business page can be automatically displayed based on the trigger event of the business page, and the like.

Illustratively, fig. 3 is an example of a business process map of the target business shown in preview area 11 a. In the service flow map, a data source interface of a page 1 is data 1; the page components in the page 1 comprise a page component 1 and a page component 2, the page component 1 displays the pop-up window component 2 after being triggered by the event 1, the pop-up window component 2 displays the page 4 after being triggered, and the page 4 displays the page 6 after being triggered; after the page component 2 is triggered, the pop-up window component 1 is displayed, a data source interface of the pop-up window component 1 is data 3, and the page 3 is displayed after the pop-up window component 1 is triggered; the data source interface of the page 2 is data 2; and after the page 2 is triggered by the event 2, the pop-up window component 3 is displayed, after the pop-up window component 3 is triggered, the page 5 is displayed, and after the page 5 is triggered, the page 6 is displayed.

In practical application, the flow creating operation for the target service may have any appropriate form, and the specific form may be set according to actual needs, which is not limited in the embodiment of the present application. Optionally, before the step S202, the page generating method provided in the embodiment of the present application may further include: and in response to the triggering operation of the second target node in the preview area, displaying a third option menu in the preview area, wherein the third option menu comprises a function option for triggering a business process creating operation of the target business. Specifically, the third option menu includes a third function option for triggering a first flow creation operation of adding a downstream node of the second target node.

In practical applications, the second target node may be any node in the business process graph. Exemplarily, as shown in fig. 4A, initially, a start node 21, an initial page node 22, and a shunting node 23 for creating a logical branch are displayed in the preview area 11a, in this case, the second target node may include the shunting node 23, and a developer may trigger the shunting node 23 by selecting the shunting node 23 in the preview area and clicking a right mouse button; the visualization management platform, in response to the triggering operation on the shunting node 23, presents a third option menu 113 in the preview area, where the third option menu 113 includes an "add branch" option (i.e., a third function option 113a) for triggering a flow creation operation of adding a downstream page node to the shunting node 23.

For example, as shown in fig. 4B, the second target node may further include a page node 22, and the developer may trigger the initial page node 22 by selecting the initial page node 22 in the preview area and clicking a right mouse button; the visualization management platform responds to the triggering operation of the initial page node 22, and displays a third option menu 113 in the preview area, wherein third function options in the third option menu comprise an "add event", "add data source" option, an "add hook" option, an "add page" option and the like, and the "add page" option is used for triggering the addition of a downstream page node for the second target node; the 'adding event' option is used for triggering adding of a trigger event to the second target node, the 'adding data source' option is used for triggering adding of a data source to the second target node, and the 'adding hook' option is used for triggering adding of a hook function to the second target node.

Of course, the third option menu 113 may also include other more functional options, such as a "branch" option for adding a logical branch, a "rename" option for renaming a forking node, a "copy" option for copying a forking node, a "delete" option for deleting a selected second target node, and a "view code" option for viewing source code associated with the selected second target node, etc.

Of course, it should be understood that the third option menu may also include functional options for triggering other types of flow creation operations, such as a fourth functional option for triggering a second flow creation operation that deletes the second target node, a fifth functional option for triggering a third flow creation operation that modifies the second target node, and so on. Accordingly, in S202 above, the visualization management platform may further delete the second target node in the preview area in response to the second flow creation operation triggered by the fourth function option, or modify the second target node in the preview area to another node in response to the third flow creation operation triggered by the fifth function option, and so on.

Accordingly, in S202 above, the visualization management platform may add a downstream node of the second target node in the preview area and create a connecting edge between the second target node and its downstream node in response to the first flow creation operation triggered by the third function option. Exemplarily, taking the second target node as the splitting node 23 in fig. 4A as an example, as shown in fig. 5, in response to a trigger operation on the third function option 113a, the visualization management platform adds the page nodes 22 corresponding to each of the page 1 and the page 2 to the splitting node 23 in the preview area 11a, and creates a connecting edge pointing to the page node 22 by the splitting node between the splitting node 23 and each page node 22 downstream of the splitting node 23.

The embodiment of the present application shows a specific implementation manner of the foregoing S202. Of course, it should be understood that S202 may also be implemented in other ways, and the embodiment of the present application is not limited thereto.

And S204, responding to the trigger operation of the first target node in the preview area, and displaying a configuration control of the first target node in a configuration area of the visual operation interface.

In this embodiment of the present application, the first target node refers to a node that needs to be configured in a business process graph in a preview area. The configuration control of the first target node refers to a control for configuring the first target node. The configuration control of the first target node is displayed in the configuration area of the visual operation interface, so that a developer can conveniently perform personalized configuration on the first target node through the configuration control of the first target node, personalized configuration on a service page of a target service and an associated object of the service page is realized, and diversified service requirements are met. For example, as shown in fig. 3, in response to a triggering operation on a page node corresponding to page 1 in the preview area, the visualization management platform may present, in the configuration area 11b, a configuration control 1, a configuration control 2, and a configuration control 3 that configure a property of the first target node.

In particular, the configuration control of the first target node may include a property configuration control of the first target node for configuring properties of the first target node. Each node has a corresponding configurable attribute, which may include, for example and without limitation, a color of the page component, a font size, a page component size, a minimum size to which the page component can be scaled down, a maximum size to which the page component can be scaled up, an incremental size per change when resizing the page component, and the like; the configurable attributes corresponding to the business page may include, for example, but are not limited to, a layout style, a color, a font size, and the like of the business page; the configurable attributes of the node corresponding to the data source interface may include, for example, but are not limited to, the name of the data source interface, a calling address, a source of available data, and the like; the configurable attribute of the node corresponding to the event may include an event name, an event type, an event participation condition, an event validity condition, and the like.

Optionally, in order to achieve a page display effect of "thousands of people and thousands of faces" to meet diversified and personalized service requirements, if the first target node is a page node corresponding to a service page, the configuration control of the first target node may further include a shunting configuration control of the first target node, where the shunting configuration control is used to configure a shunting policy of the first target node, and the shunting policy of the first target node is used to indicate a display condition of the service page corresponding to the first target node.

In practical application, the offloading policy of the first target node may be set according to actual needs, which is not limited in this application embodiment. For example, the splitting policy of the first target node may indicate a customer group capable of accessing the service page corresponding to the first target node, for example, the splitting policy of the first target node corresponding to the service page a is that only the customer group 1 can access the service page a, the splitting policy of the first target node corresponding to the service page B is that only the customer group 2 can access the service page B, and the splitting policy of the first target node corresponding to the service page C is that all customer groups can access the service page C. It should be noted that the client group may be obtained by performing client group division on the users through a built-in client group division technology by using a Data Management Platform (DMP), a Client Data Platform (CDP), and the like, which is not limited in this embodiment of the present application. In the embodiment of the present application, the configuration control of the first target node may be triggered and displayed in the configuration area of the visual operation interface in any suitable manner. In an optional implementation manner, the S204 may be specifically implemented as: responding to the triggering operation of a first target node in the preview area, and displaying a corresponding option menu, wherein the option menu comprises a function option for triggering and configuring the first target node; after the function option is triggered, the configuration control of the first target node may be presented in the configuration area.

In order to facilitate the developer to select and edit the content to be configured so as to enhance the user experience, different configuration controls can be triggered to be displayed in the configuration area in different ways.

More specifically, for the property configuration control of the first target node, in the above S204, a first option menu may be displayed in response to a first trigger operation on the first target node in the preview area, where the first option menu includes a first function option, and the first function option is used for triggering and configuring a property of the first target node; and then, responding to the triggering operation of the first option menu, and showing a property configuration control of the first target node in the configuration area.

Exemplarily, as shown in fig. 6A, the business process graph includes a start node 21, a splitting node 23, and a page node 22 corresponding to a page 1, where a first target node is the page node 22 corresponding to the page 1 in the business process graph, and a first trigger operation on the first target node may be to select the first target node in a preview area and click a right mouse button; the visualization management platform responds to the trigger operation of the first target node, and displays a first option menu 111 in a preview area; next, the developer inputs a trigger operation on the first function option by clicking the "edit" option 111a (i.e. the first function option) in the first option menu 111, and the visualization management platform, in response to the trigger operation, presents the property configuration control 221 of the page node 22 in the configuration area, for example, including but not limited to the property configuration control 221 for configuring the page title of page 1, the property configuration control 221 for configuring whether page 1 is top-on, the property configuration control 221 for configuring the top color of page 1, and the like.

For example, as shown in fig. 6B, a first target node is an object node 24 corresponding to a page component in a business process graph, and a first trigger operation on the first target node may be to drag and move the page component into a business page canvas corresponding to a certain page node 22; the visualization management platform responds to the trigger operation of the first target node, and displays a first option menu 111 in a preview area; next, the developer inputs a trigger operation on the first function option by clicking the "edit" option 111a (i.e., the first function option) in the first option menu 111, and the visualization management platform presents, in response to the trigger operation, the property configuration control 241 of the object node 24, for example, the property configuration controls including but not limited to the property 1, the property 2, and the property 3 for configuring the page 1 in the configuration area.

Exemplarily, as shown in fig. 6C, the business process graph includes a start node 21, a splitting node 23, an object node 25 corresponding to data 1 (i.e., a data source interface), and a page node 22 corresponding to page 1, where a first target node is the object node 25 corresponding to data 1 in the business process graph, and a first trigger operation on the first target node may be to select the first target node in a preview area and click a right mouse button; the visualization management platform responds to the trigger operation of the first target node, and displays a first option menu 111 in a preview area; next, the developer inputs a trigger operation on the first function option by clicking the "edit" option 111a (i.e., the first function option) in the first option menu 111, and the visualization management platform responds to the trigger operation to expose the property configuration control 251 of the object node 25 in the configuration area, such as the property configuration controls including but not limited to the interface name, the call address, the source of the available data, and other properties for the data source interface corresponding to the object node 25.

Exemplarily, as shown in fig. 6D, the business process graph includes a start node 21, a splitting node 23, an object node 26 corresponding to an event 1, and a page node 22 corresponding to a page 1, where a first target node is the object node 26 corresponding to the event 1 in the business process graph, and a first trigger operation on the first target node may be to select the first target node in a preview area and click a right mouse button; the visualization management platform responds to the trigger operation of the first target node, and displays a first option menu 111 in a preview area; next, the developer inputs a trigger operation on the first function option by clicking the "edit" option 111a (i.e., the first function option) in the first option menu 111, and the visualization management platform, in response to the trigger operation, exposes the property configuration control 261 of the object node 26 in the configuration area, for example, the property configuration control including but not limited to the property of the event name, the event type, the event participation condition, the event validity condition, and the like for the event corresponding to the object node 26.

In order to implement the visual configuration of the attribute of the first target node and facilitate the timely update iteration and addition of the new function of the page, the method for displaying the attribute configuration control of the first target node in the configuration area specifically includes the following steps:

step A1, a page configuration file of a first target node is obtained.

In practice, the page configuration file of each node may be stored in any suitable location. In an optional implementation manner, the visualization management platform may locally store the page configuration files of different nodes, and further may directly obtain the page configuration file of the first target node from the local. In another optional implementation manner, in order to implement sharing and multiplexing of the page configuration file on multiple visual management platforms, that is, to develop the page configuration file for multiple uses at one time, the page configuration files of various nodes may be stored in the cloud server, and thus, the visual management platforms may obtain the page configuration file of the first target node from the cloud server based on the identification information of the first target node or the identification information of the page configuration file of the first target node.

Step A2, analyzing the page configuration file of the first target node to obtain the attribute configuration file associated with the first target node.

For each type of node, the page configuration file of the node includes a property configuration file associated with the node, and the property configuration file is used to generate a property configuration control for configuring the property of the node, and specifically, the page configuration file of the node includes identification information of the property configuration file associated with the node. The identification information of the attribute configuration file is information for uniquely locating the attribute configuration file, such as an Identity (ID) allocated to the attribute configuration file in advance, a storage address of the attribute configuration file (for example, a storage address on a cloud server), and the like.

After the page configuration file of the first target node is obtained, the identification information of the attribute configuration file associated with the first target node can be obtained by analyzing the page configuration file. Specifically, as described above, the identification information of the attribute configuration file associated with the first target node is recorded in the Vue file under the page configuration file of the first target node, more specifically, the identification information is recorded in the prpPlugin tag of the Vue file, and accordingly, after the page configuration file of the first target node is decompressed to obtain the Vue file, the prpPlugin tag of the Vue file is parsed, so that the identification information of the attribute configuration file associated with the first target node can be obtained.

In practical applications, the attribute configuration file of each node may be stored in any suitable location. In an optional implementation manner, the visualization management platform may locally store the attribute configuration files of different nodes, and further may directly obtain the attribute configuration file associated with the first target node from the local. In another optional implementation manner, in order to implement sharing and multiplexing of the attribute configuration file on multiple visual management platforms, that is, to develop the attribute configuration file for multiple uses at one time, the attribute configuration files of various nodes may be stored in the cloud server, so that the visual management platform may obtain the attribute configuration file associated with the first target node from the cloud server based on the identification information of the attribute configuration file associated with the first target node.

Step A3, based on the property profile associated with the first target node, showing the property configuration control of the first target node in the configuration area.

In the embodiment of the present application, the property configuration file includes page design information of the property configuration control that can be generated, and the page design information may include, but is not limited to, at least one of the following information: the page structure and the page style of the attribute configuration control, the page script for generating the attribute configuration control, various resource files and the like.

After the attribute configuration file associated with the first target node is obtained, the attribute configuration file is analyzed, and then the page design related information of the attribute configuration control to be generated can be obtained. Specifically, as described above, the page structure and the page Script of the attribute configuration control are recorded in the Vue file under the attribute configuration file, the page style of the attribute configuration control is recorded in the css file under the attribute configuration file, and various resources required for generating the attribute configuration file are recorded in the resource file under the attribute configuration file, where the page structure is recorded in the Template tag of the Vue file, the page Script is recorded in the Script tag of the Vue file, and the page style is recorded in the style tag of the css file, and accordingly, the attribute configuration file may be decompressed first to obtain the Vue file, the css file, and the resource file; then, the corresponding labels of the files are analyzed respectively, and the page design related information of the attribute configuration control can be obtained.

Further, after the page design related information of the attribute configuration control is obtained through analysis, the attribute configuration control can be generated by running a page script, and the attribute configuration control is visually displayed in the configuration area based on the page structure, the page style, various resources and the like. Therefore, developers can visually see the display effect of the attribute configuration control and realize attribute configuration of the first target node by operating the attribute configuration control according to development requirements.

For the diversion configuration control of the first target node, in the above S204, a second option menu may be displayed in response to a second trigger operation on the first target node in the preview area, where the second option menu includes a second function option, and the second function option is used to trigger the diversion policy for configuring the first target node; and then, responding to the triggering operation of the second option menu, and displaying the shunting configuration control of the first target node in the configuration area.

Exemplarily, as shown in fig. 6E, the business process graph includes a start node 21, a splitting node 23, an object node 26 corresponding to an event 1, and a page node 22 corresponding to a page 1, and the second trigger operation on the first target node may be to select the splitting node 23 located upstream of the first target node in the preview area 11a and click a right mouse button; accordingly, the visualization management platform presents a second menu of options 112 in response to the second trigger operation; next, the developer inputs a triggering operation on the second function to the visualization management platform by clicking the "edit" option 112a (i.e., the second function option) in the second option menu 112, and the visualization management platform displays, in response to the triggering operation, the diversion configuration control 222 of the first target node in the configuration area, which specifically includes the diversion configuration control 1, the diversion configuration control 2, and the diversion configuration control 3.

The embodiment of the present application shows an implementation manner of the foregoing S204. Of course, it should be understood that S204 may also be implemented in other ways, and this is not limited in this embodiment of the application.

S206, in response to the editing operation of the configuration control in the configuration area, determining the configuration information of the first target node.

Since the configuration control in the configuration area is associated with the first target node in the page design area, the developer can implement personalized configuration of the first target node by operating the configuration control, for example, modifying the attribute of the first target node according to the development requirement. Accordingly, based on the operation of the developer on the configuration control, the visualization management platform can determine the information configured for the first target node through the configuration control (i.e., the configuration information of the first target node).

Specifically, the visualization management platform may determine, based on an operation of a developer on the attribute configuration control in the configuration area, attribute information (that is, attribute configuration information of the first target node) configured for the first target node through the attribute configuration control, and may determine, based on an operation of the developer on the shunting configuration control in the configuration area, a shunting policy configured for the first target node through the shunting configuration control, when the first target node is a page node.

Optionally, to ensure that the developer can intuitively know the attribute configuration effect on the first target node, before step a3, the page generation method provided in the embodiment of the present application may further include: analyzing the page configuration file of the first target node to obtain the page design related information of the first target node, and displaying the page design content of the first target node in the preview area based on the page design related information of the first target node. Correspondingly, after S206, the page generating method provided in the embodiment of the present application may further include: and updating the page design content of the first target node in the preview area based on the attribute configuration information of the first target node.

Specifically, for each type of node, the page configuration file of the node further includes page design related information of the node. The page design related information of the node refers to information for characterizing the page design of the node, and may specifically include, but is not limited to, at least one of the following information: the page structure, the page style, the initial attribute information, the page script used for generating the attribute, and various resource files (such as pictures, fonts, Json files, etc.) of the node.

After the page configuration file of the first target node is obtained, the page design related information of the first target node can be obtained by analyzing the page configuration file. Specifically, as described above, the page structure, the page Script, and the initial attribute information of the first target node are recorded in the Vue file under the page configuration file, the page style of the first target node is recorded in the css file under the page configuration file, and the various resources required by the first target node are recorded in the resource file under the page configuration file, where the page structure is recorded in the Template tag of the Vue file, the page Script is recorded in the Script tag of the Vue file, the initial attribute information is recorded in the tips tag of the Vue file, and the page style is recorded in the style tag of the css file, and accordingly, the page configuration file may be decompressed first to obtain the Vue file, the css file, and the resource file; then, the corresponding labels of the files are respectively analyzed, and the page design related information of the first target node can be obtained.

Furthermore, after the page design related information of the first target node is obtained through analysis, the first target node can be generated by running the page script, and the first target node is visually displayed in the page design area based on the page structure, the page style, the initial value of the component attribute, various resources and the like. Therefore, developers can visually see the display effect of the page components in the page and modify the page components according to development requirements. Of course, if the first target node is a page component in a certain service page, the developer may also adjust the position of the page component in the page design area, for example, move to a desired position after selecting the page component in the page design area, and further adjust the layout position of the page component in the page.

For example, taking the Vue framework as an example, the visualization management platform may assign, in a v-bin manner, the attribute information configured for the first target node through the attribute configuration control in the configuration region (i.e., the attribute configuration information of the first target node) to the Vue file in the page configuration file of the first target node, so that on one hand, the page design content of the first target node in the preview region may be updated, and on the other hand, the page configuration file of the first target node may be updated in time, so that page design may be performed using the updated page configuration file later.

And S208, generating a target page file based on the service flow map in the preview area and the configuration information of each node in the service flow map.

In the embodiment of the application, the service flow graph in the preview area is used for representing service logic of the target service, and specifically may represent an association relationship between a service page of the target service and an associated object thereof, such as a trigger event of the service page, a data source interface of the service page, a page component in the service page, a downstream page of the service, and the like, where configuration information of each node in the service flow graph is used for indicating a page style and/or page content of each node, and further, based on the service flow graph in the preview area and the configuration information of each node in the service flow graph, a target page file of the target service may be generated, and the generated target page file may be used for displaying the service page of the target service based on the service flow graph.

In practical applications, the foregoing S208 may be implemented in any suitable manner, and may be specifically selected according to actual needs, which is not limited in this embodiment of the present application.

In addition, the target page file may have any suitable format, such as a JSON format file, an HTML format, or the like. It can be understood that the target page file in the HTML format is beneficial for the front end of the page to more conveniently load the target page file, and then generate and display the corresponding service page.

In order to implement sharing and multiplexing of the target page file among different users, that is, to develop multiple uses at one place, in another embodiment of the present application, after the above step S208, the page generation method provided in the embodiment of the present application may further include: uploading the target page file to a cloud server, acquiring a storage address of the target page file in the cloud server, allocating a corresponding page identifier to the target page file, and storing the page identifier and the storage address of the target page file in an associated manner. In a specific application, the page identifier of the target pagefile may be a key value (key) of the target pagefile. In addition, the visual management platform can store the page identification and the storage address of the target page file in the database in an associated manner, so that a user can conveniently and quickly query and obtain the target page file from the database according to the page identification of the target page file, and then a service page of the target service is generated and displayed based on the obtained target page file.

According to the page generation method provided by the embodiment of the application, the visual operation interface comprising the preview area and the configuration area is provided, the business process map corresponding to the process creation operation is displayed in the preview area based on the process creation operation on the target business, and the association relation between the business page of the target business and the associated object can be clearly and visually displayed, so that the personalized business logic visual development can be conveniently realized; after the node in the service flow graph in the preview area is triggered, the configuration control of the node is displayed in the configuration area of the visual operation interface, and the configuration control of the node is edited, so that the personalized configuration of the node can be realized, the personalized configuration of a service page and an associated object of a target service is realized, and diversified service requirements are met; and finally, generating a target page file based on the service flow map in the preview area and the configuration information of each node in the service flow map, wherein the generated target page file can be used for displaying the service page of the target service based on the service logic indicated by the service flow map. Therefore, a developer can realize complete business logic development of page content and pages by creating a business process map according to business logic in a preview area, triggering nodes needing to be configured and configuring the triggered nodes in a configuration area, and does not need to re-develop, pack and package a plurality of codes and send the codes on line, so that the implementation is more flexible and simpler, the page generation efficiency can be improved, and diversified business requirements can be met.

Based on the page file generated by the page generation method provided by the embodiment of the application, the embodiment of the application also provides a page display method. Referring to fig. 7, a flowchart of a page display method that can be applied to a visualization management platform, such as the visualization management platform 11 shown in fig. 1, is provided for an embodiment of the present application. As shown in fig. 7, the method may include the steps of:

s702, responding to the service request of the target service, and acquiring the target page file of the target service.

The target page file comprises a business process map in a preview area of the visual operation interface and configuration information of each node in the business process map. The service flow graph comprises a plurality of nodes and connecting edges among the nodes, the nodes comprise page nodes corresponding to the service pages of the target service and object nodes corresponding to the associated objects of the service pages, and the connecting edges represent the association relation among the connected nodes. The configuration information for the node is determined based on an editing operation on a configuration control of the node within a configuration area of the visual operation interface.

In a specific application, a user may trigger a display request for a target page by inputting a page link (URL) of the target page to a front end of the page.

In an alternative implementation manner, the above S702 may include the following steps:

s721, responding to the service request of the target service, based on the page link carried in the service request, determining the file identification of the target page file.

S722, the target page file is obtained from the cloud server based on the storage address associated with the file identifier of the target page file.

The cloud server stores a page file of a preset service, and a file identifier of the page file of the preset service is associated with a storage address of the page file in the cloud server.

Specifically, the front-end page may obtain a page identifier of the target page file according to a search parameter in the page link, and then call an interface according to the page identifier to obtain a storage address of the target page file stored in the database.

The embodiment of the present application shows a specific implementation manner of the step S702. Of course, it should be understood that step S702 may also be implemented in other ways, and this is not limited in this embodiment of the application.

S704, analyzing the target page file to obtain a business process map and configuration information of each node in the business process map.

In practical application, the target page file can be analyzed through various page file analysis methods in the field, so that a service flow map of the target service and configuration information of each node in the service flow map are obtained. The configuration information of the node may include attribute configuration information of the node. Optionally, if the node is a page node, the configuration information of the node may further include a offloading policy of the node.

S706, based on the service flow map of the target service and the configuration information of each node in the service flow map, displaying the service page of the target service.

Because the service flow map of the target service reflects the service logic of the target service, and the attribute configuration information in the configuration information of each node in the service flow map reflects the page style, the page content and the like of each node, the service page of the target service can be displayed based on the service flow map of the target service and the configuration information of each node in the service flow map.

Optionally, for the service page of the target service, the S706 may be specifically implemented as: if the page node in the service flow map is triggered, determining whether to allow the service request initiator to access a service page corresponding to the page node based on the shunting strategy of the page node and the service request initiator information; and if the initiator of the service request is allowed to access the service page corresponding to the page node, displaying the service page corresponding to the page node. The initiator information may include an identity of the initiator, a guest group to which the initiator belongs, a type of the initiator, a historical access record of the initiator, and the like, and may be specifically selected according to actual needs, which is not limited in this embodiment of the present application.

For example, if the splitting policy of the page node corresponding to the page 1 is "only allow the guest group 1 to access the page 1", but the initiator of the service request belongs to the guest group 2, then if the page node is triggered, the page 1 is rejected to be shown; if the splitting policy of the page node corresponding to the page 2 is "only allow the user in the white list 2 to access the page 2", if the initiator of the service request belongs to the user in the white list 2, then if the page node is triggered, the page 2 is displayed; for another example, if the splitting policy of the page node corresponding to the page 3 is "only allowing the user who completes the task a to access the page 3", if the initiator information of the service request indicates that the initiator completes the task a and the task B, then if the page node is triggered, the page 3 is displayed, and so on.

It can be understood that, for a page node in a business process map, a business page corresponding to the page node is displayed based on a splitting strategy of the page node, and a page display effect of 'thousands of people and thousands of faces' can be realized, so that diversified and personalized business requirements are met.

According to the page display method provided by the embodiment of the application, when the service page of the target service needs to be displayed at the front end of the page, the service page of the target service can be displayed according to the service flow map of the target service by acquiring and analyzing the target page file of the target service, and development, packaging and edition sending and online of the related codes of the page do not need to be carried out again at the front end of the page, so that the page display efficiency is improved. In addition, the target page file of the target service is obtained based on the page generation method provided by the embodiment of the application, the complete service logic development of the page content and the page can be realized by creating the service flow map according to the service logic in the preview area, triggering the nodes needing to be configured and configuring the triggered nodes in the configuration area, and the redevelopment, packaging and edition sending online of multiple codes are not needed, so that the implementation is more flexible and simpler, the page generation efficiency can be improved, and the diversified service requirements can be met.

The foregoing description of specific embodiments has been presented for purposes of illustration and description. Other embodiments are within the scope of the following claims. In some cases, the actions or steps recited in the claims may be performed in a different order than in the embodiments and still achieve desirable results. In addition, the processes depicted in the accompanying figures do not necessarily require the particular order shown, or sequential order, to achieve desirable results. In some embodiments, multitasking and parallel processing may also be possible or may be advantageous.

Corresponding to the page generation method shown in fig. 8, an embodiment of the present application further provides a page generation apparatus. Referring to fig. 8, a schematic structural diagram of a page generating apparatus according to an embodiment of the present application is provided, where the apparatus 800 may include:

a process showing unit 810, configured to, in response to a process creating operation on a target service, show a service process map corresponding to the process creating operation in a preview area of a visual operation interface, where the service process map includes a plurality of nodes and connection edges between the plurality of nodes, the plurality of nodes include a page node corresponding to a service page of the target service and an object node corresponding to an associated object of the service page, and the connection edges represent an association relationship between the connected nodes;

a configuration control display unit 820, configured to, in response to a trigger operation on a first target node in the preview area, display a configuration control of the first target node in a configuration area of the visual operation interface;

a configuration determining unit 830, configured to determine configuration information of the first target node in response to an editing operation on the configuration control in the configuration area;

a generating unit 840, configured to generate a target page file based on the service flow map in the preview area and the configuration information of each node in the service flow map, where the target page file is used to display a service page of the target service based on the service flow map.

Optionally, the configuration control includes a property configuration control, where the configuration information includes property configuration information, and the property configuration control is used to configure a property of a corresponding node;

the configuration control display unit is specifically configured to:

responding to a first trigger operation of a first target node in the preview area, and displaying a first option menu, wherein the first option menu comprises a first function option, and the first function option is used for triggering and configuring the attribute of the first target node;

and in response to the triggering operation of the first option menu, showing a property configuration control of the first target node in the configuration area.

Optionally, the displaying of the property configuration control of the first target node in the configuration area by the configuration control displaying unit includes:

acquiring a page configuration file of the first target node, wherein the page configuration file comprises an attribute configuration file associated with the first target node, and the attribute configuration file is used for generating an attribute configuration control for configuring the attribute of the first target node;

analyzing the page configuration file to obtain an attribute configuration file associated with the first target node;

and displaying the property configuration control of the first target node in the configuration area based on the property configuration file.

Optionally, the page configuration file further includes page design related information of the first target node;

the device further comprises:

the first analysis unit is used for analyzing the page configuration file to obtain the page design related information of the first target node before the configuration control display unit displays the attribute configuration control of the first target node in the configuration area;

a design content presentation unit configured to present the page design content of the first target node in the preview area based on the page design related information, and update the page design content of the first target node in the preview area based on the attribute configuration information of the first target node after the configuration determination unit determines the configuration information of the first target node in response to the editing operation on the configuration control in the configuration area.

Optionally, if the first target node is a page node, the configuration control of the first target node further includes a offloading configuration control, the configuration information further includes an offloading policy, and the offloading configuration control is used to configure an offloading policy of the corresponding node;

the configuration control display unit responds to a trigger operation on a first target node in the preview area, displays a configuration control of the first target node in a configuration area of the visual operation interface, and further includes:

responding to a second trigger operation of a first target node in the preview area, and displaying a second option menu, wherein the second option menu comprises a second function option, and the second function option is used for triggering and configuring a shunting strategy of the first target node;

and responding to the triggering operation of the second option menu, and displaying the shunting configuration control of the first target node in the configuration area.

Optionally, the process display unit is specifically configured to:

before the service flow graph corresponding to the flow creation operation is displayed in a preview area of a visual operation interface in response to the flow creation operation on the target service, a third option menu is displayed in the preview area in response to a trigger operation on a second target node in the preview area, wherein the third option menu comprises a third function option, and the third function option is used for triggering a first flow creation operation of a downstream node of the second target node;

in response to the first flow creating operation triggered by the third function option, adding a downstream node of the second target node in the preview area, and creating a connecting edge between the second target node and the downstream node thereof.

Optionally, the apparatus further comprises:

the uploading unit is used for uploading the target page file to a cloud server after the generating unit generates the target page file based on the business process map in the preview area and the configuration information of each node in the business process map, and acquiring the storage address of the target page file in the cloud server;

and the association unit is used for allocating corresponding file identifiers for the target page files and storing the storage addresses and the file identifiers in an association manner.

Optionally, the associated object of the business page includes at least one of the following objects: the data source interface of the service page is used for triggering a trigger event for displaying the service page, a page component in the service page, a target component displayed after the page component in the service page is triggered, a target service page displayed after the page component in the service page is triggered, and a target event executed after the page component in the service page is triggered.

Obviously, the page generation apparatus in the embodiment of the present application may be used as the execution main body of the page generation method shown in fig. 2, so that the functions of the page generation method in fig. 2 can be implemented. Since the principle is the same, it is not described herein again.

According to the page generation device provided by the embodiment of the application, the visual operation interface comprising the preview area and the configuration area is provided, the service process map corresponding to the process creation operation is displayed in the preview area based on the process creation operation on the target service, and the association relation between the service page of the target service and the associated object can be clearly and visually displayed, so that the personalized service logic visual development can be conveniently realized; after the node in the business process map in the preview area is triggered, the configuration control of the node is displayed in the configuration area of the visual operation interface, and the configuration control of the node is edited, so that the personalized configuration of the node can be realized, the personalized configuration of a business page and an associated object of a target business is realized, and diversified business requirements are met; and finally, generating a target page file based on the service flow map in the preview area and the configuration information of each node in the service flow map, wherein the generated target page file can be used for displaying the service page of the target service based on the service logic indicated by the service flow map. Therefore, a developer can realize complete business logic development of page content and pages by creating a business process map according to business logic in a preview area, triggering nodes needing to be configured and configuring the triggered nodes in a configuration area, and does not need to re-develop, pack and package a plurality of codes and send the codes on line, so that the implementation is more flexible and simpler, the page generation efficiency can be improved, and diversified business requirements can be met.

Corresponding to the page display method shown in fig. 7, an embodiment of the present application further provides a page display apparatus. Referring to fig. 9, a schematic structural diagram of a page displaying apparatus according to an embodiment of the present application is provided, where the apparatus 900 may include:

a page file obtaining unit 910, configured to obtain a target page file of a target service in response to a service request of the target service, where the target page file includes a service flow graph in a preview area of a visual operation interface and configuration information of each node in the service flow graph, the service flow graph includes a plurality of nodes and connection edges between the plurality of nodes, the plurality of nodes include a page node corresponding to a service page of the target service and an object node corresponding to an associated object of the service page, the connection edges represent an association relationship between the connected nodes, and the configuration information of a node is determined based on an editing operation on a configuration control of the node in the configuration area of the visual operation interface;

an analyzing unit 920, configured to analyze the target page file to obtain the service flow graph and configuration information of each node in the service flow graph;

a page display unit 930, configured to display a service page of the target service based on the service flow graph.

Optionally, the page display unit is specifically configured to:

if the page node in the service flow graph is triggered, determining whether the service request initiator is allowed to access a service page corresponding to the page node or not based on a shunting strategy of the page node and the service request initiator information;

and if the initiator of the service request is allowed to access the service page corresponding to the page node, displaying the service page corresponding to the page node.

Optionally, the pagefile acquiring unit is specifically configured to:

responding to a service request of the target service, and determining a file identifier of the target page file based on a page link carried in the service request;

the method comprises the steps of obtaining a target page file from a cloud server based on a storage address associated with a file identification of the target page file, wherein the cloud server stores a page file of a preset service, and the file identification of the page file of the preset service is associated with the storage address of the page file in the cloud server.

Obviously, the page display apparatus according to the embodiment of the present application may be used as the execution main body of the page display method shown in fig. 7, so that the function of the page display method realized in fig. 7 can be realized. Since the principle is the same, it is not described herein again.

The page display device provided by the embodiment of the application can display the service page of the target service according to the service flow map of the target service by acquiring and analyzing the target page file of the target service when the service page of the target service needs to be displayed at the front end of the page, and does not need to develop, pack and package the page related codes again at the front end of the page and send the page to be online, so that the page display efficiency is improved. In addition, the target page file of the target service is obtained based on the page generation method provided by the embodiment of the application, the complete service logic development of the page content and the page can be realized by creating the service flow map according to the service logic in the preview area, triggering the nodes needing to be configured and configuring the triggered nodes in the configuration area, and the redevelopment, packaging and edition sending online of multiple codes are not needed, so that the implementation is more flexible and simpler, the page generation efficiency can be improved, and the diversified service requirements can be met.

Fig. 10 is a schematic structural diagram of an electronic device according to an embodiment of the present application. Referring to fig. 10, at a hardware level, the electronic device includes a processor, and optionally further includes an internal bus, a network interface, and a memory. The Memory may include a Memory, such as a Random-Access Memory (RAM), and may further include a non-volatile Memory, such as at least 1 disk Memory. Of course, the electronic device may also include hardware required for other services.

The processor, the network interface, and the memory may be connected to each other via an internal bus, which may be an ISA (Industry Standard Architecture) bus, a PCI (Peripheral Component Interconnect) bus, an EISA (Extended Industry Standard Architecture) bus, or the like. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, only one double-headed arrow is shown in FIG. 10, but this does not indicate only one bus or one type of bus.

And the memory is used for storing programs. In particular, the program may include program code comprising computer operating instructions. The memory may include both memory and non-volatile storage and provides instructions and data to the processor.

The processor reads the corresponding computer program from the nonvolatile memory into the memory and then runs the computer program to form the page generating device on the logic level. The processor is used for executing the program stored in the memory and is specifically used for executing the following operations:

Or the processor reads the corresponding computer program from the nonvolatile memory into the memory and then runs the computer program to form the page display device on the logic level. The processor is used for executing the program stored in the memory and is specifically used for executing the following operations:

responding to a service request of a target service, and acquiring a target page file of the target service, wherein the target page file comprises a service flow map in a preview area of a visual operation interface and configuration information of each node in the service flow map, the service flow map comprises a plurality of nodes and connection edges among the plurality of nodes, the plurality of nodes comprise page nodes corresponding to a service page of the target service and object nodes corresponding to associated objects of the service page, the connection edges represent association relations among the connected nodes, and the configuration information of the nodes is determined based on editing operation of configuration controls of the nodes in the configuration area of the visual operation interface;

The method performed by the page generation apparatus disclosed in the embodiment of fig. 2 of the present application or the method performed by the page presentation apparatus disclosed in the embodiment of fig. 7 of the present application can be applied to or implemented by a processor. The processor may be an integrated circuit chip having signal processing capabilities. In implementation, the steps of the above method may be performed by integrated logic circuits of hardware in a processor or instructions in the form of software. The Processor may be a general-purpose Processor, including a Central Processing Unit (CPU), a Network Processor (NP), and the like; but also Digital Signal Processors (DSPs), Application Specific Integrated Circuits (ASICs), Field Programmable Gate Arrays (FPGAs) or other Programmable logic devices, discrete Gate or transistor logic devices, discrete hardware components. The various methods, steps, and logic blocks disclosed in the embodiments of the present application may be implemented or performed. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The steps of the method disclosed in connection with the embodiments of the present application may be directly implemented by a hardware decoding processor, or implemented by a combination of hardware and software modules in the decoding processor. The software module may be located in ram, flash memory, rom, prom, or eprom, registers, etc. storage media as is well known in the art. The storage medium is located in a memory, and a processor reads information in the memory and completes the steps of the method in combination with hardware of the processor.

The electronic device may further execute the method in fig. 2 and implement the functions of the page generation apparatus in the embodiment shown in fig. 2, or the electronic device may further execute the method in fig. 7 and implement the functions of the page presentation apparatus in the embodiment shown in fig. 7, which is not described herein again in this embodiment of the present application.

Of course, besides the software implementation, the electronic device of the present application does not exclude other implementations, such as a logic device or a combination of software and hardware, and the like, that is, the execution subject of the following processing flow is not limited to each logic unit, and may also be hardware or a logic device.

Embodiments of the present application also provide a computer-readable storage medium storing one or more programs, where the one or more programs include instructions, which when executed by a portable electronic device including a plurality of application programs, enable the portable electronic device to perform the method of the embodiment shown in fig. 2, and are specifically configured to:

Alternatively, the instructions, when executed by a portable electronic device comprising a plurality of application programs, can cause the portable electronic device to perform the method of the embodiment shown in fig. 7, and in particular to perform the following operations:

and displaying a business page of the target business based on the business process map.

In short, the above description is only a preferred embodiment of the present application, and is not intended to limit the scope of the present application. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present application shall be included in the protection scope of the present application.

The systems, devices, modules or units illustrated in the above embodiments may be implemented by a computer chip or an entity, or by a product with certain functions. One typical implementation device is a computer. In particular, the computer may be, for example, a personal computer, a laptop computer, a cellular telephone, a camera phone, a smartphone, a personal digital assistant, a media player, a navigation device, an email device, a game console, a tablet computer, a wearable device, or a combination of any of these devices.

Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, a computer readable medium does not include a transitory computer readable medium such as a modulated data signal and a carrier wave.

It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.

The embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments are referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, for the system embodiment, since it is substantially similar to the method embodiment, the description is simple, and for the relevant points, reference may be made to the partial description of the method embodiment.

Claims

1. A page generation method is characterized by comprising the following steps:

2. The method of claim 1, wherein the configuration control comprises a property configuration control, and the configuration information comprises property configuration information, and the property configuration control is used for configuring a property of the corresponding node;

the displaying a configuration control of the first target node in a configuration area of the visual operation interface in response to the triggering operation of the first target node in the preview area comprises:

3. The method of claim 2, wherein exposing the property configuration control of the first target node in the configuration area comprises:

4. The method of claim 3, wherein the page profile further comprises page design related information of the first target node;

before the configuration area exposes the property configuration control of the first target node, the method further comprises:

analyzing the page configuration file to obtain page design related information of the first target node;

displaying the page design content of the first target node in the preview area based on the page design related information;

after determining configuration information for the first target node in response to an editing operation on the configuration control within the configuration region, the method further comprises:

and updating the page design content of the first target node in the preview area based on the attribute configuration information of the first target node.

5. The method according to claim 2, wherein if the first target node is a page node, the configuration control of the first target node further includes a offloading configuration control, the configuration information further includes an offloading policy, and the offloading configuration control is configured to configure an offloading policy of the corresponding node;

the displaying a configuration control of the first target node in a configuration area of the visual operation interface in response to the triggering operation of the first target node in the preview area further comprises:

6. The method according to claim 1, before the responding to the process creation operation on the target business, and before the displaying a business process map corresponding to the process creation operation in a preview area of a visual operation interface, the method further comprises:

in response to a triggering operation on a second target node in the preview area, showing a third option menu in the preview area, wherein the third option menu comprises a third function option, and the third function option is used for triggering a first flow creating operation of adding a downstream node of the second target node;

the step of displaying a service flow map corresponding to the flow creation operation in a preview area of a visual operation interface in response to the flow creation operation on the target service includes:

in response to the first flow creation operation triggered by the third function option, adding a downstream node of the second target node in the preview area, and creating a connecting edge between the second target node and its downstream node.

7. The method of claim 1, wherein after generating a target page file based on a business process graph within the preview area and configuration information for each node in the business process graph, the method further comprises:

uploading the target page file to a cloud server, and acquiring a storage address of the target page file in the cloud server;

and distributing corresponding file identification for the target page file, and storing the storage address and the file identification in a correlation manner.

8. The method according to any one of claims 1 to 7, wherein the associated object of the business page comprises at least one of the following objects: the data source interface of the service page triggers a trigger event for displaying the service page, a page component in the service page, a target component displayed after the page component in the service page is triggered, a target service page displayed after the page component in the service page is triggered, and a target event executed after the page component in the service page is triggered.

9. A page display method is characterized by comprising the following steps:

and displaying a service page of the target service based on the service flow map and the configuration information of each node in the service flow map.

10. The method of claim 9, wherein the displaying the business page of the target business based on the business process map and the configuration information of each node in the business process map comprises:

if the page node in the service flow map is triggered, determining whether to allow the initiator of the service request to access a service page corresponding to the page node based on a shunting strategy of the page node and the initiator information of the service request;

11. The method of claim 9, wherein the obtaining the target page file of the target service in response to the service request of the target service comprises:

and acquiring the target page file from a cloud server based on a storage address associated with the file identifier of the target page file, wherein the cloud server stores the page file of a preset service, and the file identifier of the page file of the preset service is associated with the storage address of the page file in the cloud server.

12. A page generating apparatus, comprising:

13. A page display apparatus, comprising:

the page file acquisition unit is used for responding to a service request of a target service and acquiring a target page file of the target service, wherein the target page file comprises a service flow map in a preview area of a visual operation interface and configuration information of each node in the service flow map, the service flow map comprises a plurality of nodes and connecting edges among the plurality of nodes, the plurality of nodes comprise page nodes corresponding to the service page of the target service and object nodes corresponding to associated objects of the service page, the connecting edges represent the association relationship among the connected nodes, and the configuration information of the nodes is determined based on editing operation on configuration controls of the nodes in the configuration area of the visual operation interface;

14. An electronic device, comprising:

a processor;

a memory for storing the processor-executable instructions;

wherein the processor is configured to execute the instructions to implement the method of any one of claims 1 to 11.

15. A computer-readable storage medium, wherein instructions in the storage medium, when executed by a processor of an electronic device, enable the electronic device to perform the method of any of claims 1-11.