Page configuration method and device, electronic equipment and storage medium

Abstract

The invention provides a page configuration method and device, electronic equipment and a storage medium. The method is applied to a first client and comprises the following steps: displaying a page configuration interface comprising a page identifier list sent by a server; in response to a first input of a target page identifier in the page identifier list, sending the target page identifier to the server; receiving page configuration information of a target page corresponding to the target page identifier sent by the server, wherein the page configuration information of the target page indicates layout, content and style of a page component of the target page; the page component is a component configured based on a business scene; and displaying the target page according to the page configuration information of the target page. According to the page configuration method and device, the first client side responds to the first input of the target page identification, the target page identification is sent to the server side, the target page is displayed according to the layout, the content and the style, sent by the server side, of the service scene component corresponding to the target page identification, and the page configuration efficiency and effect can be improved.

Description

Technical Field

[0001] The present application relates to the technical field of page configuration, and in particular to a page configuration method and device, an electronic device, and a storage medium. Background Art

[0002] With the rapid development of smart terminals, many platforms need to deliver business information to smart terminal users by updating pages. Visual page configuration has been basically realized. However, most of the existing visual page configuration methods have the following problems: 1) The granularity of page components is too small. It takes a lot of page components to configure a single page. In addition, the page configuration scenario is relatively simple and cannot meet the page configuration requirements of specific business scenarios, such as task scenarios, flash sale scenarios, etc. 2) The page configuration information is not managed uniformly. When the page configuration personnel configure the page multiple times, they cannot quickly find the previously configured page configuration information, resulting in low page configuration efficiency and poor page configuration effect.

[0003] How to improve the efficiency and effectiveness of page configuration has become an urgent problem to be solved. Summary of the invention

[0004] The main purpose of the embodiments of the present application is to provide a page configuration method and device, an electronic device and a storage medium, aiming to improve the efficiency and accuracy of page configuration.

[0005] To achieve the above-mentioned purpose, the first aspect of an embodiment of the present application proposes a page configuration method, which is applied to a first client, including: displaying a page configuration interface, the page configuration interface including a page identifier list sent by a server; in response to a first input of a target page identifier in the page identifier list, sending the target page identifier to the server; receiving page configuration information of a target page corresponding to the target page identifier sent by the server, the page configuration information of the target page indicating the layout, content and style of the page components of the target page; the page components are components configured based on business scenarios; and displaying the target page according to the page configuration information of the target page.

[0006] In some embodiments, the page configuration interface also includes at least one page template and at least one page component; before the target page identifier is sent to the server in response to the first input of the target page identifier in the page identifier list, the page configuration method also includes: in response to the second input of the target page template in the page configuration interface, displaying a first page corresponding to the target page template in the page configuration interface; the target page template is any page template among the at least one page template; in response to the third input of adding at least one target page component to the first page and the fourth input of the target page component, configuring the first page; the target page component is any page component among the at least one page component; when the configuration of the first page is completed, obtaining the target page and generating page configuration information of the target page; sending the page configuration information of the target page to the server so that the server determines the target page identifier corresponding to the target page and the page configuration information of the target page, and stores the target page identifier in association with the page configuration information of the target page, and adding the target page identifier to the page identifier list.

[0007] In some embodiments, the fourth input includes a property configuration operation; the first page is configured in response to the third input of adding at least one target page component to the first page and the fourth input of the target page component, including: in response to the third input of adding the at least one target page component to the first page, displaying the at least one target page component on the first page and determining the layout of the at least one target page component; in response to the property configuration operation of the target page component, determining the property information of the target page component, the property information of the target page component including the content and style of the target page component.

[0008] In some embodiments, the fourth input also includes at least one of an animation configuration operation, an event configuration operation, and a page setting operation; the fourth input to the target page component configures the first page, including at least one of the following: in response to the animation configuration operation of the target page component, determining the animation display mode of the target page component; in response to the event configuration operation of the target page component, determining the link event information of the target page component; in response to the page setting operation of the target page component, determining the page style of the first page.

[0009] In some embodiments, generating the page configuration information of the target page includes: determining the component DOM tree structure data of the target page based on the layout, content and style of the at least one target page component; converting the component DOM tree structure data of the target page into JSON format to obtain the page configuration information of the target page; displaying the target page based on the page configuration information of the target page includes: converting the page configuration information of the target page into the component DOM tree structure data of the target page; determining and displaying the layout, content and style of the at least one target page component based on the component DOM tree structure data of the target page to obtain the target page.

[0010] To achieve the above-mentioned purpose, the second aspect of an embodiment of the present application proposes a page configuration method, which is applied to a server, and includes: receiving a target page identifier sent by a first client; sending page configuration information of a target page corresponding to the target page identifier to the first client, so that the first client displays the target page according to the page configuration information of the target page; wherein the page configuration information of the target page indicates the layout, content and style of the page components of the target page; and the page components are components configured based on business scenarios.

[0011] In some embodiments, before sending the page configuration information of the target page corresponding to the target page identifier to the first client, the page configuration method also includes: receiving the page configuration information of the target page sent by the first client; when the page configuration information is verified, determining the target page identifier corresponding to the page configuration information of the target page, and parsing, extracting, and stripping the page configuration information of the target page in sequence to determine the layout, content, and style of the page components of the target page; and storing the target page identifier in association with the layout, content, and style of the page components of the target page.

[0012] To achieve the above-mentioned purpose, the third aspect of an embodiment of the present application proposes a page configuration device, which includes: a first client and a server; the first client is used to display a page configuration interface, the page configuration interface includes a page identifier list sent by the server, and in response to a first input of a target page identifier in the page identifier list, sends the target page identifier to the server; the server is used to receive the target page identifier sent by the first client, and send page configuration information of the target page corresponding to the target page identifier to the first client; the first client is also used to receive the page configuration information of the target page corresponding to the target page identifier sent by the server, and display the target page according to the page configuration information of the target page; wherein the page configuration information of the target page indicates the layout, content and style of the page components of the target page; the page components are components configured based on business scenarios.

[0013] To achieve the above-mentioned purpose, the fourth aspect of an embodiment of the present application proposes an electronic device, which includes a memory and a processor, the memory stores a computer program, and the processor implements the method described in the first aspect or the second aspect when executing the computer program.

[0014] To achieve the above objectives, the fifth aspect of an embodiment of the present application proposes a computer-readable storage medium, which stores a computer program. When the computer program is executed by a processor, it implements the method described in the first aspect or the second aspect.

[0015] The page configuration method and device, electronic device and storage medium proposed in the present application first display a page configuration interface through a first client, the page configuration interface includes a page identification list sent by a server, and then the first client responds to a first input of a target page identification in the page identification list and sends a target page identification to the server, and then receives page configuration information of the target page corresponding to the target page identification sent by the server through the first client, the page configuration information of the target page indicates the layout, content and style of the page components of the target page, and the page components are components configured based on business scenarios, and finally the first client displays the target page according to the page configuration information of the target page, which can improve the efficiency and effect of page configuration. BRIEF DESCRIPTION OF THE DRAWINGS

[0016] Figure 1 It is a flow chart of the page configuration method provided in the embodiment of the present application;

[0017] Figure 2 It is a schematic diagram of page components of the page configuration method provided in an embodiment of the present application;

[0018] Figure 3 is a page configuration diagram of the page configuration method provided in an embodiment of the present application;

[0019] Figure 4 is another page configuration diagram of the page configuration method provided in an embodiment of the present application;

[0020] Figure 5 It is a specific flow chart of the page configuration method provided in the embodiment of the present application;

[0021] Figure 6 is another page configuration diagram of the page configuration method provided in an embodiment of the present application;

[0022] Figure 7 is another flow chart of the page configuration method provided in an embodiment of the present application;

[0023] Figure 8 It is a schematic diagram of the architecture of the page configuration application system provided in the embodiment of the present application;

[0024] Fig. 9 is a structural diagram of a page configuration device provided in an embodiment of the present application;

[0025] Fig.10 It is a schematic diagram of the hardware structure of the electronic device provided in the embodiment of the present application. DETAILED DESCRIPTION

[0026] In order to make the purpose, technical solution and advantages of the present application more clearly understood, the present application is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.

[0027] It should be noted that, although the functional modules are divided in the device schematic diagram and the logical order is shown in the flowchart, in some cases, the steps shown or described may be performed in a different order than the module division in the device or the order in the flowchart. The terms "first", "second", etc. in the specification, claims and the above drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence.

[0028] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as those commonly understood by those skilled in the art to which this application belongs. The terms used herein are only for the purpose of describing the embodiments of this application and are not intended to limit this application.

[0029] Based on this, the embodiments of the present application provide a page configuration method and device, an electronic device and a storage medium, aiming to improve the efficiency and effect of page configuration.

[0030] The page configuration method and device, electronic device, and storage medium provided in the embodiments of the present application are specifically described through the following embodiments. First, the page configuration method in the embodiments of the present application is described.

[0031] The page configuration method provided in the embodiment of the present application can be applied to the terminal, can also be applied to the server side, and can also be software running in the terminal or the server side. In some embodiments, the terminal can be a smart phone, a tablet computer, a laptop computer, a desktop computer, etc.; the server side can be configured as an independent physical server, or a server cluster or distributed system composed of multiple physical servers, and can also be configured as a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN, and big data and artificial intelligence platforms; the software can be an application that implements the page configuration method, etc., but is not limited to the above forms.

[0032] The present application can be used in many general or special computer system environments or configurations. For example: personal computers, server computers, handheld or portable devices, tablet devices, multiprocessor systems, microprocessor-based systems, set-top boxes, programmable consumer electronics, network PCs, minicomputers, mainframe computers, distributed computing environments including any of the above systems or devices, etc. The present application can be described in the general context of computer-executable instructions executed by a computer, such as program modules. Generally, program modules include routines, programs, objects, components, data structures, etc. that perform specific tasks or implement specific abstract data types. The present application can also be practiced in distributed computing environments, in which tasks are performed by remote processing devices connected through a communication network. In a distributed computing environment, program modules can be located in local and remote computer storage media including storage devices.

[0033] Figure 1 is an optional flow chart of the page configuration method provided in the embodiment of the present application. Figure 1 The page configuration method in the embodiment, applied to the first client, may include but is not limited to steps S101 to S104.

[0034] Step S101: displaying a page configuration interface, which includes a page identifier list sent by the server;

[0035] Step S102: in response to a first input of a target page identifier in the page identifier list, sending the target page identifier to the server;

[0036] Step S103: receiving page configuration information of a target page corresponding to the target page identifier sent by the server, wherein the page configuration information of the target page indicates the layout, content and style of the page components of the target page; the page components are components configured based on business scenarios;

[0037] Step S104: Display the target page according to the page configuration information of the target page.

[0038] In steps S101 to S104 shown in the embodiment of the present application, a page configuration interface is first displayed through the first client, and the page configuration interface includes a page identifier list sent by the server. Then, in response to a first input of a target page identifier in the page identifier list, the first client sends a target page identifier to the server. Then, the first client receives page configuration information of the target page corresponding to the target page identifier sent by the server. The page configuration information of the target page indicates the layout, content and style of the page components of the target page. The page components are components configured based on business scenarios. Finally, the first client displays the target page according to the page configuration information of the target page, which can improve the efficiency and effect of page configuration.

[0039] See also Figure 2 In some embodiments, the page components include conventional components, form components, and activity components. Optionally, conventional components include jump buttons, pictures, header images & rules, product recommendations, rich text, advertisements, timelines, activity settings, step bars, sharing, floor resources, subscriptions, seat business cards, video components, etc.; form components include submit buttons, registration information, short answer questions, gender components, question banks, etc.; activity components include pop-up lists, golden egg smashing, nine-square grid, appointment buttons, flash sales, etc.

[0040] Optionally, the first input to the target page identifier in the page identifier list may include, but is not limited to, a click operation or an input operation on the target page identifier in the page identifier list.

[0041] Optionally, the page configuration interface in step S101 further includes at least one page template and at least one page component.

[0042] In some embodiments, in step S102: in response to a first input of a target page identifier in the page identifier list, before sending the target page identifier to the server, the page configuration method provided by the embodiment of the present application includes:

[0043] Step S201: in response to a second input to a target page template in the page configuration interface, displaying a first page corresponding to the target page template in the page configuration interface; the target page template is any page template among the at least one page template;

[0044] Step S202: in response to a third input of adding at least one target page component to the first page and a fourth input of the target page component, configuring the first page; the target page component is any page component of the at least one page component;

[0045] Step S203: when the configuration of the first page is completed, a target page is obtained, and page configuration information of the target page is generated;

[0046] Step S204: Send the page configuration information of the target page to the server, so that the server determines the target page identifier and the page configuration information of the target page corresponding to the target page, associates the target page identifier with the page configuration information of the target page and stores it, and adds the target page identifier to the page identifier list.

[0047] Optionally, the page template is a template configured based on a business scenario, and the page configuration personnel can select the target page template in the page configuration interface to configure the page based on the actual business scenario. The second input of the target page template in the page configuration interface may include, but is not limited to, the operation of clicking the target page template and dragging the target page template to a blank area of ​​the page configuration interface. In actual implementation, the page configuration personnel can select the target page template in the page configuration interface by clicking the target page template, dragging the target page template, etc. When the page configuration personnel completes the selection of the target page template, the page configuration interface will display the first page corresponding to the target page template.

[0048] Optionally, the third input for adding at least one target page component to the first page may include, but is not limited to, an operation of clicking on the target page component and an operation of dragging the target page component to the first page. In actual implementation, the page configuration personnel may add at least one target page component to the first page by clicking on at least one target page component, dragging at least one target page component to the first page, etc. in the page configuration interface based on actual business scenarios.

[0049] Optionally, the fourth input to the target page component includes a property configuration operation, and also includes at least one of an animation configuration operation, an event configuration operation, and a page setting operation. In actual implementation, the page configuration personnel can right-click the target page component on the first page to configure the target page component added to the first page. When the component configuration of the target page component of the first page is completed, the configuration of the first page is completed to obtain the target page.

[0050] In steps S201 to S204 shown in the embodiment of the present application, the first client responds to the second input of the target page template configured based on the business scenario in the page configuration interface, displays the first page corresponding to the target page template in the page configuration interface, and responds to the third input of adding at least one target page component configured based on the business scenario to the first page, and the fourth input of the target page component, configures the first page, which can improve the efficiency and effect of page configuration. In addition, when the first page configuration is completed, the first client sends the page configuration information of the target page to the server, so that the server determines the target page identifier corresponding to the target page, and associates the target page identifier corresponding to the target page with the page configuration information of the target page for storage, thereby realizing the mixed submission of the layout, content, and style of the page components to the server storage, which increases the difficulty for network hackers to crack the interface and improves the security of the page configuration. In addition, the first client responds to the first input of the target page identifier in the page identifier list, quickly calls the page configuration information corresponding to the target page identifier stored in the server, and displays the target page according to the page configuration information, which can improve the efficiency and effect of multiple configurations of the page.

[0051] In some embodiments, in response to the third input of adding at least one target page component to the first page and the fourth input of the target page component, configuring the first page in step S202 includes:

[0052] In response to a third input of adding at least one target page component to the first page, displaying the at least one target page component on the first page, and determining a layout of the at least one target page component;

[0053] In response to the property configuration operation on the target page component, the property information of the target page component is determined, and the property information of the target page component includes the content and style of the target page component.

[0054] See also Figure 3In some embodiments, the header image component (header image & rule), jump component (jump button), and advertisement component in the component library can be added to the target page template to obtain the first page shown in the editing area, which includes 1 header image component, 2 jump components, and 1 advertisement component, and the layout order of each component from top to bottom on the first page is header image component, jump component, advertisement component, and jump component. Further, by clicking on the header image component in the first page, the property editing page of the header image component can be displayed in the page configuration interface. On the property configuration page, the image, rule icon (i con), rule page link, prize icon (icon), component alignment, component margin and other properties of the header image component can be configured to determine the content and style of the header image component. In addition, through the property configuration operation, a jump component can be configured to have the function of receiving takeaway red envelope coupons, cinema ticket coupons and other coupons, and another jump component can be configured to have the function of snapping up goods and their coupons.

[0055] The embodiments of the present application can quickly complete page configuration and determine page configuration information by displaying at least one target page component on the first page and determining the layout of at least one target page component in response to a third input of adding at least one target page component to the first page, and determining attribute information such as content and style of the target page component in response to an attribute configuration operation on the target page component, thereby improving the efficiency and effectiveness of single or multiple configurations of the page.

[0056] In some embodiments, the fourth input to the target page component in step S202 configures the first page, including at least one of the following:

[0057] In response to the animation configuration operation on the target page component, determining the animation display mode of the target page component;

[0058] In response to the event configuration operation on the target page component, determining link event information of the target page component;

[0059] In response to a page setting operation on a target page component, a page style of a first page is determined.

[0060] See also Figure 4 , taking the appointment button component as an example, by clicking the appointment button component on the first page, the configuration page of the appointment button component will be displayed on the page configuration interface, and the configuration page includes the attribute configuration page, animation configuration page, event configuration page and page setting page of the appointment button. Through the attribute configuration page, animation configuration page, event configuration page and page setting page of the appointment button, the attribute configuration, animation configuration, event configuration and page setting of the first page of the appointment button component can be performed respectively.

[0061] On the property configuration page, you can configure properties such as the background image of the appointment button component, the button image before and after the appointment button component is clicked, the appointment items, and whether to configure a jump when clicking the appointment button.

[0062] On the animation configuration page, you can configure the display mode of the animation entry or exit involved in the appointment button component, such as selecting any one of the entry modes: flick track entry, gradual entry, accelerated entry, and rotation gradual entry. You can further select the direction of flick track entry, gradual entry, accelerated entry, and rotation gradual entry, such as flick track entry downward, flick track entry upward, flick track entry to the left, flick track entry to the right, gradual entry from outside the screen downward, gradual entry from outside the screen upward, gradual entry from outside the screen to the left, gradual entry from outside the screen to the right, accelerated entry to the left, accelerated entry to the right, gradual entry with rotation in the lower left corner, gradual entry in the upper left corner, gradual entry with rotation in the lower right corner, gradual entry with rotation in the upper right corner, etc., to obtain the animation display mode of the appointment button component.

[0063] The link events of the appointment button component can be configured on the event configuration page, such as the events, event names, action names and triggered actions of the button component. The events of the button component can include but are not limited to being triggered when the button is clicked and the button state is not loaded to be disabled, being triggered when the button starts to load, and being initialized, and being triggered when the page starts to load.

[0064] On the page settings page, you can configure the page title, page address, page title bar color, page background color, background image and page sharing of the first page where the appointment button component is located.

[0065] The embodiment of the present application determines the animation display mode of the target page component in response to the animation configuration operation of the target page component, determines the link event information of the target page component in response to the event configuration operation of the target page component, and determines the page style of the first page in response to the page setting operation of the target page component, thereby enriching the configuration dimensions of the page components and further improving the efficiency and effectiveness of page configuration.

[0066] In some embodiments, the page configuration information of the target page is generated in step S203, including:

[0067] Determine component DOM tree structure data of the target page according to the layout, content and style of at least one target page component;

[0068] The component DOM tree structure data of the target page is converted into JSON format to obtain the page configuration information of the target page.

[0069] See also Figure 5In some embodiments, developers develop at least one page template based on business scenarios through template development, template testing and template launch, and develop at least one page component through component development, component testing and component launch, and display the developed page template and page component in the page configuration interface, and display the optional content of each configuration item of the page component in the page configuration interface, such as component alignment including left alignment, right alignment and other options; animation display mode including bullet track entry, gradual entry and other options. The page configuration personnel (business operation) can select the target page template in the template library displayed in the page configuration interface to obtain the first page, and configure the first page (assemble the first page) by adding at least one target page component to the first page and selecting / filling in each configuration item for at least one target page component of the first page, and obtain the target page when the configuration of the first page is completed.

[0070] See also Figure 6 In some embodiments, the layout, content and style of at least one target page component of the target page can be determined by extracting the underlying code of the target page template and at least one target page component defined by the developer, combined with the above-mentioned page configuration operations of the page configurator, and then the component DOM tree structure data of the target page component is generated through rendering operations such as component type parsing, component object parsing, passing props, and executing rendering methods.

[0071] The component DOM tree structure data of the target page may be further converted into JSON format to obtain page configuration information of the target page, so that the page configuration information of the target page can be sent to the server for storage.

[0072] The embodiment of the present application determines the component DOM tree structure data of the target page based on the layout, content and style of at least one target page component, and converts the component DOM tree structure data of the target page into JSON format to obtain the page configuration information of the target page. The mutual conversion between data and the visual interface is completed through the parsing and escaping of the layout, content, style and DOM tree of the target page component, which can improve the data processing efficiency and page rendering speed, and thus improve the page configuration efficiency and effect. In addition, the dual low-code approach of the first client and the server is adopted to reduce the development workload of page components and page templates, and the standard data transmission protocol is adopted to ensure that the interface is universal and extensible.

[0073] In some embodiments, step S104: displaying the target page according to the page configuration information of the target page includes:

[0074] Convert the page configuration information of the target page into the component DOM tree structure data of the target page;

[0075] According to the component DOM tree structure data of the target page, the layout, content and style of at least one target page component are determined and displayed to obtain the target page.

[0076] Please continue reading Figure 6 When the first client receives the page configuration information of the target page corresponding to the target page identifier sent by the server, it can convert the component DOM tree structure data of the target page into the layout, content and style of at least one target page component by executing rendering methods, passing props, component object parsing, component type parsing and other rendering operations in sequence, and according to the layout, content and style of at least one target page component, reverse display Figure 6 The destination page shown in the middle left image.

[0077] In the embodiment of the present application, in response to the first input of the target page identifier in the page identifier list, the first client can quickly call the page configuration information corresponding to the target page identifier stored on the server, convert the page configuration information of the target page into the component DOM tree structure data of the target page through the first client, and determine and display the layout, content and style of at least one target page component configured based on the business scenario according to the component DOM tree structure data of the target page to obtain the target page, and complete the mutual conversion between data and the visual interface based on the layout, content, style and DOM tree parsing and escaping of at least one target page component configured based on the business scenario, which can improve the data processing efficiency and page rendering speed, and thus improve the page configuration efficiency and effect.

[0078] Figure 7 is another optional flow chart of the page configuration method provided in the embodiment of the present application. Figure 7 The page configuration method in the embodiment, when applied to the server, may include but is not limited to steps S301 to S302.

[0079] Step S301: receiving a target page identifier sent by a first client;

[0080] Step S302: Send the page configuration information of the target page corresponding to the target page identifier to the first client, so that the first client displays the target page according to the page configuration information of the target page; wherein the page configuration information of the target page indicates the layout, content and style of the page components of the target page; the page components are components configured based on business scenarios.

[0081] In some embodiments, when the server receives the target page identifier sent by the first client, it can determine the page configuration information of the target page corresponding to the target page identifier by querying the correspondence between the page identifier and the page configuration information, and convert the page configuration information of the target page into JSON format and send it to the first client, so that the first client can display the target page according to the page configuration information of the target page.

[0082] In steps S301 to S302 shown in the embodiment of the present application, the server receives the target page identifier sent by the first client, and sends the layout, content and style of the page components of the target page configured based on the business scenario to the first client through the page configuration information corresponding to the target page identifier, so that the first client can quickly call the page configuration information corresponding to the target page identifier stored in the server, and can quickly display the target page according to the page configuration information of the target page, and can also concentrate the page configuration information on the server for unified management, thereby improving the efficiency and effect of page configuration.

[0083] In some embodiments, before sending the page configuration information of the target page corresponding to the target page identifier to the first client in step S302, the page configuration method provided by the embodiment of the present application further includes:

[0084] Receiving page configuration information of a target page sent by a first client;

[0085] If the page configuration information is verified, determine the target page identifier corresponding to the page configuration information of the target page, and parse, extract, and strip the page configuration information of the target page in turn to determine the layout, content, and style of the page components of the target page;

[0086] The target page identifier is stored in association with the layout, content and style of the page components of the target page.

[0087] In some embodiments, when the server receives the page configuration information of the target page sent by the first client, the server will first verify the page configuration information to determine the authenticity and accuracy of the page configuration information. When the page configuration information is verified, the server will generate a target page identifier corresponding to the page configuration information of the target page, and parse the page configuration information of the target page to determine the various types of information involved in the page configuration information. The server will then extract the parsed content of the page configuration information to extract the layout, content, and style of the page components of the target page from the parsed content of the page configuration information. The server will then strip the extracted content of the page configuration information to respectively determine the layout, content, and style of the page components of the target page. Finally, the server will store the target page identifier in association with the layout, content, and style of the page components of the target page to distinguish the sensitive business content of the page components.

[0088] In some embodiments, when the page configuration information also includes at least one of the animation display mode of the page component, link event information, and the page style of the first page, the page configuration information can also be verified, parsed, extracted, and stripped in sequence. While determining the layout, content, and style of the page components of the target page, at least one of the animation display mode of the page components, link event information, and the page style of the first page is determined, and the target page identifier is associated with the layout, content, and style of the page components of the target page, as well as at least one of the animation display mode of the page components, link event information, and the page style of the first page, so as to distinguish the sensitive business content of the page components.

[0089] Please continue reading Figure 5 After the page configuration personnel completes the configuration of the first page and obtains the target page, the page configuration personnel can publish the target page to the second client through pre-publishing, reviewing, publishing and other processes. When the server receives the publishing instruction of the target page from the page configuration personnel, the layout, first content and style of the page component of the target page can be sent to the second client to display the page with the sensitive business content removed on the second client. The first content is the page after the sensitive business content of the page component of the target page is removed, such as removing the business content such as lottery rules and winning probability from the content of the lottery component to obtain the first content of the lottery component.

[0090] It is worth mentioning that, in response to the target page identifier sent by the first client, the server can send all the page configuration information of the target page corresponding to the target page identifier to the first client so that the page configuration personnel can perform secondary configuration on the target page. That is, when the server sends the page configuration information of the target page to the first client for the page configuration personnel to perform secondary configuration on the target page, there is no need to remove the sensitive business content of the page components in the page configuration information.

[0091] The embodiment of the present application receives the page configuration information of the target page sent by the first client through the server, and when the page configuration information is verified, determines the target page identifier corresponding to the page configuration information of the target page, and parses, extracts, and strips the page configuration information of the target page in sequence, determines the layout, content, and style of the page components of the target page, and stores the target page identifier in association with the layout, content, and style of the page components of the target page, which can effectively distinguish the sensitive business content of the page components, and when the target page is published, sends the page configuration information with the sensitive business content of the page components removed to the second client, which can improve the page configuration effect.

[0092] Figure 8 This is an architecture diagram of the page configuration application system provided by the embodiment of the present application. Figure 8 As shown, the page configuration application system provided by the embodiment of the present application includes a service layer, a system layer, a parsing layer, a rendering layer and an application layer. Among them, the service layer has functions such as log management, persistence service, cache service, data embedding, file upload and CDN; the system layer includes component module, editing module, attribute module, permission module and tool module, among which the component module has functions such as self-built library management, component protocol, version management, etc., the editing module has functions such as component editing, routing configuration, real-time preview, etc., the attribute module has functions such as attribute management, event management and page configuration, the permission module has functions such as user group management, permission management and audit management, and the tool module has functions such as network request, component registration and basic method library; the parsing layer has functions such as cache management, update management, data parsing and event bus; the rendering layer has functions such as configuration parsing, module management, layout management and U1 framework; the application layer includes direct sales, grid, small layer sequence, public account, H5 and other applications.

[0093] In actual implementation, at least one target page component can be selected through the component module of the system layer, and the properties of at least one target page component can be configured through the editing module and the property module to obtain the target page. When the target page is published, the page configuration information file of the target page can be quickly loaded through the CDN of the service layer, and the page configuration information file of the target page can be parsed through the parsing layer to determine the layout, first content and style of the page components of the target page. Finally, the layout, first content and style of the page components of the target page can be rendered through the rendering layer, and the rendered target page can be displayed in the application layer.

[0094] The embodiment of the present application uniformly manages the page configuration information of the target page through the server, and verifies, parses, extracts, and strips the page configuration information of the target page in sequence. When the target page is published, the page configuration information of the target page that removes the sensitive business content of the page components can be quickly called through the cooperation of the service layer, system layer, parsing layer, rendering layer, and application layer, thereby improving the page configuration effect.

[0095] See also Fig. 9 The embodiment of the present application also provides a page configuration device, which can implement the above-mentioned page configuration method. The device includes: a first client and a server.

[0096] The first client is used to display a page configuration interface, which includes a page identifier list sent by the server, and in response to a first input of a target page identifier in the page identifier list, sends the target page identifier to the server;

[0097] The server is used to receive the target page identifier sent by the first client, and send page configuration information of the target page corresponding to the target page identifier to the first client;

[0098] The first client is also used to receive page configuration information of the target page corresponding to the target page identifier sent by the server, and display the target page according to the page configuration information of the target page;

[0099] Among them, the page configuration information of the target page indicates the layout, content and style of the page components of the target page; the page components are components configured based on the business scenario.

[0100] The specific implementation of the page configuration device is substantially the same as the specific implementation of the above-mentioned page configuration method, and will not be described in detail herein.

[0101] The embodiment of the present application also provides an electronic device, the electronic device includes a memory and a processor, the memory stores a computer program, and the processor implements the above page configuration method when executing the computer program. The electronic device can be any intelligent terminal including a tablet computer, a car computer, etc.

[0102] See also Fig.10 , Fig.10 The hardware structure of an electronic device of another embodiment is illustrated, and the electronic device includes:

[0103] The processor 901 may be implemented by a general-purpose CPU (Central Processing Unit), a microprocessor, an application-specific integrated circuit (ASIC), or one or more integrated circuits, and is used to execute relevant programs to implement the technical solutions provided in the embodiments of the present application;

[0104] The memory 902 can be implemented in the form of a read-only memory (ROM), a static storage device, a dynamic storage device, or a random access memory (RAM). The memory 902 can store an operating system and other application programs. When the technical solution provided in the embodiment of this specification is implemented by software or firmware, the relevant program code is stored in the memory 902, and the processor 901 calls and executes the page configuration method of the embodiment of this application;

[0105] Input / output interface 903, used to implement information input and output;

[0106] Communication interface 904, used to realize communication interaction between the device and other devices, which can be realized through wired mode (such as USB, network cable, etc.) or wireless mode (such as mobile network, WI FI, Bluetooth, etc.);

[0107] A bus 905 that transmits information between various components of the device (e.g., the processor 901, the memory 902, the input / output interface 903, and the communication interface 904);

[0108] The processor 901 , the memory 902 , the input / output interface 903 and the communication interface 904 are connected to each other in communication within the device via a bus 905 .

[0109] An embodiment of the present application further provides a computer-readable storage medium, which stores a computer program. When the computer program is executed by a processor, the above-mentioned page configuration method is implemented.

[0110] The memory, as a non-transient computer-readable storage medium, can be used to store non-transient software programs and non-transient computer executable programs. In addition, the memory may include a high-speed random access memory, and may also include a non-transient memory, such as at least one disk storage device, a flash memory device, or other non-transient solid-state storage device. In some embodiments, the memory may optionally include a memory remotely disposed relative to the processor, and these remote memories may be connected to the processor via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0111] The page configuration method, page configuration device, electronic device and storage medium provided in the embodiments of the present application display a page configuration interface through a first client, the page configuration interface includes a page identification list sent by a server, and then the first client responds to a first input of a target page identification in the page identification list, sends a target page identification to the server, and then receives page configuration information of the target page corresponding to the target page identification sent by the server through the first client, the page configuration information of the target page indicates the layout, content and style of the page components of the target page, the page components are components configured based on business scenarios, and finally the first client displays the target page according to the page configuration information of the target page, which can improve the efficiency and effect of page configuration.

[0112] The embodiments described in the embodiments of the present application are intended to more clearly illustrate the technical solutions of the embodiments of the present application and do not constitute a limitation on the technical solutions provided in the embodiments of the present application. Those skilled in the art will appreciate that with the evolution of technology and the emergence of new application scenarios, the technical solutions provided in the embodiments of the present application are also applicable to similar technical problems.

[0113] Those skilled in the art will appreciate that the technical solutions shown in the figures do not constitute a limitation on the embodiments of the present application, and may include more or fewer steps than shown in the figures, or a combination of certain steps, or different steps.

[0114] The device embodiments described above are merely illustrative, and the units described as separate components may or may not be physically separated, that is, they may be located in one place or distributed on multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0115] Those skilled in the art will appreciate that all or some of the steps in the methods disclosed above, and the functional modules / units in the systems and devices may be implemented as software, firmware, hardware, or a suitable combination thereof.

[0116] The terms "first", "second", "third", "fourth", etc. (if any) in the specification of the present application and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable where appropriate, so that the embodiments of the present application described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any of their variations are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device comprising a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0117] It should be understood that in the present application, "at least one (item)" means one or more, and "plurality" means two or more. "And / or" is used to describe the association relationship of associated objects, indicating that three relationships may exist. For example, "A and / or B" can mean: only A exists, only B exists, and A and B exist at the same time, where A and B can be singular or plural. The character " / " generally indicates that the objects associated before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b or c can mean: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, c can be single or multiple.

[0118] In the several embodiments provided in the present application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are only schematic. For example, the division of the above units is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0119] The units described above as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0120] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

[0121] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including multiple instructions to enable a computer device (which can be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods of various embodiments of the present application. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (Read-Only Memory, referred to as ROM), random access memory (Random Access Memory, referred to as RAM), disk or optical disk and other media that can store programs.

[0122] The preferred embodiments of the present invention are described above with reference to the accompanying drawings, but the scope of the rights of the present invention is not limited thereto. Any modification, equivalent substitution and improvement made by a person skilled in the art without departing from the scope and essence of the present invention should be within the scope of the rights of the present invention.

Claims

1. A page configuration method, characterized in that: Applied to the first client, including: Display a page configuration interface, wherein the page configuration interface includes a page identifier list sent by the server; In response to a first input of a target page identifier in the page identifier list, sending the target page identifier to the server; Receiving page configuration information of a target page corresponding to the target page identifier sent by the server, wherein the page configuration information of the target page indicates the layout, content and style of a page component of the target page; the page component is a component configured based on a business scenario; The target page is displayed according to the page configuration information of the target page.

2. The page configuration method according to claim 1, characterized in that: The page configuration interface also includes at least one page template and at least one page component; Before sending the target page identifier to the server in response to the first input of the target page identifier in the page identifier list, the page configuration method further includes: In response to a second input to a target page template in the page configuration interface, displaying a first page corresponding to the target page template in the page configuration interface; the target page template is any page template among the at least one page template; In response to a third input of adding at least one target page component to the first page and a fourth input of the target page component, configuring the first page; the target page component is any one of the at least one page component; When the configuration of the first page is completed, the target page is obtained, and page configuration information of the target page is generated; The page configuration information of the target page is sent to the server so that the server determines the target page identifier corresponding to the target page and the page configuration information of the target page, stores the target page identifier in association with the page configuration information of the target page, and adds the target page identifier to the page identifier list.

3. The page configuration method according to claim 2, characterized in that: The fourth input includes a property configuration operation; the first page is configured in response to the third input of adding at least one target page component to the first page and the fourth input of the target page component, including: In response to a third input of adding the at least one target page component to the first page, displaying the at least one target page component on the first page, and determining a layout of the at least one target page component; In response to the property configuration operation on the target page component, the property information of the target page component is determined, and the property information of the target page component includes the content and style of the target page component.

4. The page configuration method according to claim 2, characterized in that: The fourth input further includes at least one of an animation configuration operation, an event configuration operation, and a page setting operation; The fourth input to the target page component configures the first page, including at least one of the following: In response to the animation configuration operation on the target page component, determining the animation display mode of the target page component; In response to the event configuration operation on the target page component, determining link event information of the target page component; In response to a page setting operation on the target page component, a page style of the first page is determined.

5. The page configuration method according to claim 3, characterized in that: The page configuration information for generating the target page includes: Determine the component DOM tree structure data of the target page according to the layout, content and style of the at least one target page component; Convert the component DOM tree structure data of the target page into JSON format to obtain page configuration information of the target page; The step of displaying the target page according to the page configuration information of the target page includes: Converting the page configuration information of the target page into component DOM tree structure data of the target page; According to the component DOM tree structure data of the target page, the layout, content and style of the at least one target page component are determined and displayed to obtain the target page.

6. A page configuration method, characterized in that: Applied to the server, including: Receiving a target page identifier sent by the first client; sending page configuration information of a target page corresponding to the target page identifier to the first client, so that the first client displays the target page according to the page configuration information of the target page; Among them, the page configuration information of the target page indicates the layout, content and style of the page components of the target page; the page components are components configured based on business scenarios.

7. The page configuration method according to claim 6, characterized in that: Before sending the page configuration information of the target page corresponding to the target page identifier to the first client, the page configuration method further includes: Receiving page configuration information of the target page sent by the first client; If the page configuration information is verified, determine the target page identifier corresponding to the page configuration information of the target page, and parse, extract, and strip the page configuration information of the target page in sequence to determine the layout, content, and style of the page components of the target page; The target page identifier is stored in association with the layout, content and style of the page components of the target page.

8. A page configuration device, characterized in that: including a first client and a server; The first client is used to display a page configuration interface, the page configuration interface includes a page identifier list sent by the server, and in response to a first input of a target page identifier in the page identifier list, send the target page identifier to the server; The server is used to receive the target page identifier sent by the first client, and send page configuration information of the target page corresponding to the target page identifier to the first client; The first client is further configured to receive page configuration information of a target page corresponding to the target page identifier sent by the server, and display the target page according to the page configuration information of the target page; Among them, the page configuration information of the target page indicates the layout, content and style of the page components of the target page; the page components are components configured based on business scenarios.

9. An electronic device, characterized in that: The electronic device comprises a memory and a processor, the memory stores a computer program, and the processor implements the page configuration method according to any one of claims 1 to 7 when executing the computer program.

10. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the page configuration method according to any one of claims 1 to 7 is implemented.

Images