CN113268226A

CN113268226A - Page data generation method and device, storage medium and equipment

Info

Publication number: CN113268226A
Application number: CN202110706542.0A
Authority: CN
Inventors: 濮成林
Original assignee: Ping An Life Insurance Company of China Ltd
Current assignee: Ping An Life Insurance Company of China Ltd
Priority date: 2021-06-24
Filing date: 2021-06-24
Publication date: 2021-08-17
Anticipated expiration: 2041-06-24
Also published as: CN113268226B

Abstract

The embodiment of the application discloses a page data generation method, a page data generation device, a storage medium and equipment. The method comprises the following steps: acquiring attribute information of a page terminal to be displayed, determining an initial display page according to the attribute information, and outputting the initial display page, wherein the initial display page comprises a page editing area, and the page editing area comprises at least one candidate component; determining a target component in response to a selected instruction for at least one candidate component; outputting a component editing area corresponding to the target component, responding to an editing instruction aiming at the attribute configuration information in the component editing area, and determining attribute input data carried in the editing instruction as attribute configuration data of the target component; and configuring the target assembly in the initial display page according to the attribute configuration data to generate a target display page. By the method and the device, the generation efficiency of the page data can be improved.

Description

Page data generation method and device, storage medium and equipment

Technical Field

The present application relates to the field of data processing technologies, and in particular, to a method, an apparatus, a storage medium, and a device for generating page data.

Background

With the rapid development of network technology, each service can display the service provided by each service in a display page by generating the display page corresponding to the service, so that the service can be better provided for users.

Due to diversification and complexity of page display, when a page engineer realizes a page effect, the page engineer needs to manually write code information for realizing the page, and much effort needs to be spent on realizing page style development and interaction logic, so that a great deal of human resources are invested, time and labor are wasted, the labor cost is high, and the page development efficiency is low.

Disclosure of Invention

The technical problem to be solved by the embodiments of the present application is to provide a method, an apparatus, a storage medium, and a device for generating page data, which can improve the efficiency of page generation and reduce the cost of page generation.

An aspect of the present application provides a page data generating method, including:

acquiring attribute information of a page terminal to be displayed, determining an initial display page according to the attribute information, and outputting the initial display page, wherein the initial display page comprises a page editing area, and the page editing area comprises at least one candidate component;

determining a target component in response to a selected instruction for at least one candidate component;

outputting a component editing area corresponding to the target component, responding to an editing instruction aiming at the attribute configuration information in the component editing area, and determining attribute input data carried in the editing instruction as attribute configuration data of the target component;

and configuring the target assembly in the initial display page according to the attribute configuration data to generate a target display page.

The attribute information of the page terminal to be displayed comprises a terminal type;

acquiring attribute information of a page terminal to be displayed, and determining an initial display page according to the attribute information, wherein the method comprises the following steps:

acquiring a terminal type of a page terminal to be displayed, and inquiring a terminal size corresponding to the terminal type of the page terminal to be displayed from a terminal size mapping table, wherein the terminal size mapping table comprises a corresponding relation between at least one terminal type and at least one terminal size, and one terminal type corresponds to one terminal size;

and adjusting the size of the candidate display page according to the terminal size of the page terminal to be displayed to obtain an initial display page, wherein the size of the initial display page is the same as the terminal size of the page terminal to be displayed.

The method for outputting the component editing area corresponding to the target component, responding to an editing instruction aiming at the attribute configuration information in the component editing area, and determining the attribute input data carried in the editing instruction as the attribute configuration data of the target component includes:

acquiring a component identifier of a target component, and acquiring attribute configuration information corresponding to the component identifier from a component attribute configuration library, wherein the attribute configuration information comprises at least one of attribute configuration fields, animation effect configuration and update response event configuration;

adding attribute configuration information in the candidate component editing area, generating a component editing area corresponding to the target component, and outputting the component editing area corresponding to the target component;

and in response to an editing instruction aiming at the attribute configuration information in the component editing area, determining attribute input data carried in the editing instruction as attribute configuration data of the target component.

The attribute configuration information comprises an attribute configuration field;

in response to an editing instruction for the attribute configuration information in the component editing area, determining attribute input data carried in the editing instruction as attribute configuration data of a target component, including:

responding to an editing instruction aiming at an attribute configuration field in the component editing area, and acquiring an attribute field value carried in the editing instruction;

and combining the attribute configuration field and the attribute field value to obtain the attribute configuration data of the target component.

Wherein the attribute configuration information comprises animation effect configuration, and the animation effect configuration comprises at least one candidate animation effect;

in response to a determination instruction for at least one candidate animation effect in the component editing area, determining the candidate animation effect determined by the determination instruction as a target animation effect;

and acquiring animation configuration data corresponding to the target animation effect, and determining the animation configuration data as attribute attachment data of the target component.

The attribute configuration information comprises update response event configuration, and the update response event configuration comprises at least one of an interface field, an update interval time field and an update mode field;

responding to a first editing instruction aiming at an interface field in the component editing area, and acquiring interface data carried in the first editing instruction, wherein the interface data is used for acquiring component content data for updating the content of a target component;

and/or responding to a second editing instruction aiming at the updating interval time field in the component editing area, and acquiring an updating interval carried in the second editing instruction;

and/or responding to a third editing instruction aiming at the updating mode field in the component editing area, and acquiring the updating mode carried in the third editing instruction, wherein the updating mode is used for determining the mode of updating the content of the target component;

and determining at least one of the interface data, the update interval and the update mode as the attribute configuration data of the target component.

Before configuring the target component in the initial display page according to the attribute configuration data and generating the target display page, the method further comprises the following steps:

responding to a moving instruction aiming at the target assembly, and determining position information corresponding to the target assembly according to moving track information contained in the moving instruction;

updating the display position of the target assembly in the initial display page according to the position information;

configuring the target assembly in the initial display page according to the attribute configuration data to generate a target display page, wherein the method comprises the following steps:

and adjusting the display form of the target assembly after the display position is updated according to the attribute configuration data to generate a target display page.

An aspect of the present application provides a page data generating apparatus, including:

the output module is used for acquiring attribute information of a page terminal to be displayed, determining an initial display page according to the attribute information and outputting the initial display page, wherein the initial display page comprises a page editing area, and the page editing area comprises at least one candidate component;

a first determination module to determine a target component in response to a selected instruction for at least one candidate component;

the second determining module is used for outputting the component editing area corresponding to the target component, responding to an editing instruction aiming at the attribute configuration information in the component editing area, and determining the attribute input data carried in the editing instruction as the attribute configuration data of the target component;

and the generating module is used for configuring the target assembly in the initial display page according to the attribute configuration data to generate a target display page.

the output module includes:

the terminal size mapping table comprises a corresponding relation between at least one terminal type and at least one terminal size, and one terminal type corresponds to one terminal size;

and the adjusting unit is used for adjusting the size of the candidate display page according to the terminal size of the page terminal to be displayed to obtain an initial display page, and the size of the initial display page is the same as the terminal size of the page terminal to be displayed.

Wherein the second determining module comprises:

the device comprises an acquisition unit, a display unit and a response unit, wherein the acquisition unit is used for acquiring a component identifier of a target component and acquiring attribute configuration information corresponding to the component identifier from a component attribute configuration library, and the attribute configuration information comprises at least one of attribute configuration fields, animation effect configuration and update response event configuration;

the output unit is used for adding attribute configuration information in the candidate component editing area, generating a component editing area corresponding to the target component and outputting the component editing area corresponding to the target component;

and the first determining unit is used for responding to an editing instruction aiming at the attribute configuration information in the component editing area, and determining the attribute input data carried in the editing instruction as the attribute configuration data of the target component.

the first determination unit includes:

the first acquiring subunit is used for responding to an editing instruction aiming at the attribute configuration field in the component editing area, and acquiring the attribute field value carried in the editing instruction;

and the combination subunit is used for combining the attribute configuration field and the attribute field value to obtain the attribute configuration data of the target component.

the first determination unit further includes:

a first determining subunit, configured to determine, in response to a determination instruction for at least one candidate animation effect in the component editing region, the candidate animation effect determined by the determination instruction as a target animation effect;

and the second determining subunit is used for acquiring animation configuration data corresponding to the target animation effect and determining the animation configuration data as attribute attachment data of the target component.

the first determination unit further includes:

the second obtaining subunit is configured to, in response to the first editing instruction for the interface field in the component editing area, obtain interface data carried in the first editing instruction, where the interface data is used to obtain component content data for updating the content of the target component;

and/or the third obtaining subunit is configured to, in response to a second editing instruction for the update interval time field in the component editing area, obtain an update interval carried in the second editing instruction;

and/or the fourth obtaining subunit is configured to, in response to a third editing instruction for an update mode field in the component editing area, obtain an update mode carried in the third editing instruction, where the update mode is used to determine a mode for updating the content of the target component;

and the third determining subunit is used for determining at least one of the interface data, the updating interval and the updating mode as the attribute configuration data of the target component.

Wherein, according to the attribute configuration data, configuring the target component in the initial display page, and before generating the target display page, the device further comprises:

the third determining module is used for responding to the moving instruction aiming at the target assembly and determining the position information corresponding to the target assembly according to the moving track information contained in the moving instruction;

the updating module is used for updating the display position of the target component in the initial display page according to the position information;

the generation module comprises:

and the generating unit is used for adjusting the display form of the target assembly after the display position is updated according to the attribute configuration data to generate a target display page.

One aspect of the present application provides a computer device, comprising: a processor and a memory;

the memory is used for storing a computer program, and the processor is used for calling the computer program to execute the page data generation method.

An aspect of the embodiments of the present application provides a computer-readable storage medium, where a computer program is stored, and when the computer program is executed by a processor, the computer program is configured to perform the above-mentioned page data generating method.

An aspect of the application provides a computer program product or computer program comprising computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions to cause the computer device to perform the method of the above-described aspect.

In the embodiment of the application, the attribute information of the page terminal to be displayed is acquired, the initial display page is determined according to the attribute information, the initial display page is output, and the initial display page is determined according to the attribute information of the page terminal to be displayed, so that the finally generated display page can be better adapted to the page terminal to be displayed, the situation that the display cannot be performed due to the fact that the page is not matched with the terminal is avoided, and the display effect of the display page can be improved. The method comprises the steps of responding to a selected instruction aiming at least one candidate component in a page editing area, determining a target component, outputting a component editing area corresponding to the target component, responding to an editing instruction aiming at attribute configuration information in the component editing area, determining attribute input data carried in the editing instruction as attribute configuration data of the target component, enabling a user to select a needed component in the visualized page editing area, and setting the attribute of the component in the visualized component editing area. And configuring the target assembly in the initial display page according to the attribute configuration data to generate a target display page. Through the scheme, the user can visually configure the display page without writing a code to realize the display page, so that the convenience of page generation can be improved, the cost of page generation is reduced, and the efficiency of page generation is improved.

Drawings

In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present application, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts.

Fig. 1 is a schematic structural diagram of a page data generation system according to an embodiment of the present application;

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

fig. 3 is an architecture diagram of a page data generation method according to an embodiment of the present application;

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

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

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

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

Detailed Description

The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.

Referring to fig. 1, fig. 1 is a schematic structural diagram of a page data generation system according to an embodiment of the present application. As shown in fig. 1, the page data generation system may include a server 10 and a user terminal cluster. The user terminal cluster may comprise one or more user terminals, where the number of user terminals will not be limited. As shown in fig. 1, the system may specifically include a user terminal 100a, a user terminal 100b, user terminals 100c and …, and a user terminal 100 n. As shown in fig. 1, the user terminal 100a, the user terminal 100b, the user terminals 100c, …, and the user terminal 100n may be respectively connected to the server 10 via a network, so that each user terminal may interact with the server 10 via the network.

Wherein, each ue in the ue cluster may include: the intelligent terminal comprises an intelligent terminal with track identification, such as a smart phone, a tablet computer, a notebook computer, a desktop computer, wearable equipment, an intelligent home, head-mounted equipment and the like. It should be understood that each user terminal in the user terminal cluster shown in fig. 1 may be installed with a target application (i.e., an application client), and when the application client runs in each user terminal, data interaction may be performed with the server 10 shown in fig. 1.

As shown in fig. 1, the server 10 may be an independent physical server, a server cluster or a distributed system formed by a plurality of physical servers, or a cloud server providing basic cloud computing services such as a cloud service, a cloud database, cloud computing, a cloud function, cloud storage, a network service, cloud communication, middleware service, a domain name service, a security service, a CDN, and a big data and artificial intelligence platform.

For convenience of understanding, in the embodiment of the present application, one user terminal may be selected as a target user terminal from the plurality of user terminals shown in fig. 1, where the target user terminal may include: the intelligent terminal has the page data generation function and is carried by a smart phone, a tablet computer, a notebook computer, a desktop computer, a smart television and the like. For example, for convenience of understanding, the user terminal 100a shown in fig. 1 may be used as a target user terminal in the embodiment of the present application, and the user terminal 100a may refer to the target user terminal corresponding to a user. If the current user needs to perform page configuration to generate the target display page, the attribute information of the terminal to be displayed of the finally generated target display page can be input in a visual page generation interface provided by the target user terminal. The target user terminal can send an acquisition request of an initial display page to the server according to the attribute information of the page terminal to be displayed, wherein the acquisition request comprises the attribute information of the page terminal to be displayed. After receiving the acquisition request, the server determines an initial display page according to the attribute information of the page terminal to be displayed in the acquisition request, and returns the initial display page to the target user terminal, and the target user terminal can output the initial display page and a page editing area of the initial display page, so that the user can configure the initial display page in the page editing area. The user can select a target component from at least one candidate component in the page editing area, and the initial presentation page is configured by adopting the target component. After the target user terminal acquires the target component, a configuration acquisition request of the attribute configuration information may be sent to the server, where the configuration acquisition request includes a component identifier of the target component. The server can obtain the attribute configuration information corresponding to the target component according to the component identifier in the configuration obtaining request, and return the attribute configuration information to the target user terminal. The target user terminal may add the attribute configuration information of the target component in the candidate component editing region, generate a component editing region of the target component, and output the component editing region of the target component. The user can edit the attribute of the target assembly in the assembly editing area of the target assembly, and the target user terminal can respond to an editing instruction aiming at the attribute configuration information in the assembly editing area and determine the attribute input data carried in the editing instruction as the attribute configuration data of the target assembly. And the target user terminal configures the target component in the initial display page according to the attribute configuration data to generate a target display page.

Referring to fig. 2, fig. 2 is a schematic flowchart of a page data generating method according to an embodiment of the present disclosure. The page data generating method may be executed by a computer device, and the computer device may be a server (such as the server 10 in fig. 1), or a user terminal (such as any user terminal in the user terminal cluster in fig. 1), or a system composed of a server and a user terminal, which is not limited in this application. As shown in fig. 2, the page data generating method may include steps S101-S104.

S101, obtaining attribute information of a page terminal to be displayed, determining an initial display page according to the attribute information, and outputting the initial display page, wherein the initial display page comprises a page editing area, and the page editing area comprises at least one candidate component.

Specifically, the computer device may obtain attribute information of a page terminal to be displayed, and determine an initial display page according to the attribute information of the page terminal to be displayed, where the page terminal to be displayed refers to a terminal (i.e., a client or a user terminal) that displays a finally generated target display page, such as a mobile phone (iPhone or android), a tablet, a computer, or a computer. The attribute information of the page terminal to be displayed may include a terminal type, a terminal identifier, a terminal size, and the like, and the page size of the initial display page may be determined according to the terminal type, the terminal identifier, the terminal size, and the like of the page terminal to be displayed, that is, the page size of the initial display page is the same as the size of the display interface of the page terminal to be displayed. The initial display page is a blank display page with the same size as the terminal of the page to be displayed, a user can edit the content of the blank display page to generate a target display page, and the target display page is a page displayed to the user finally. Therefore, the finally generated display page can be better adapted to the terminal of the page to be displayed, the situation that the page cannot be displayed due to the fact that the page is not matched with the terminal is avoided, and the display effect of the display page can be improved.

Optionally, the attribute information of the terminal with the display page includes a terminal type, the computer device obtains the attribute information of the terminal with the display page, and the specific mode of determining the initial display page according to the attribute information includes: the method comprises the steps of obtaining a terminal type of a page terminal to be displayed, inquiring a terminal size corresponding to the terminal type of the page terminal to be displayed from a terminal size mapping table, wherein the terminal size mapping table comprises a corresponding relation between at least one terminal type and at least one terminal size, and one terminal type corresponds to one terminal size. And adjusting the size of the candidate display page according to the terminal size of the page terminal to be displayed to obtain an initial display page, wherein the size of the initial display page is the same as the terminal size of the page terminal to be displayed.

Specifically, when the attribute information of the page terminal to be displayed is a terminal type, the computer device may obtain the terminal type of the page terminal to be displayed, and query, from a terminal size mapping table, a terminal size corresponding to the terminal type of the page terminal to be displayed, where the terminal size mapping table includes a correspondence between at least one terminal type and at least one terminal size, and one terminal type corresponds to one terminal size. According to the terminal size of the page terminal to be displayed, the size of the candidate display page is adjusted to be the terminal size of the page terminal to be displayed, the candidate display page with the size being the terminal size of the page terminal to be displayed is determined to be an initial display page, and namely the page size of the initial display page is the same as the terminal size of the page terminal to be displayed.

Optionally, the attribute information of the page terminal to be displayed may be a terminal identifier, the computer device may obtain the terminal identifier of the page terminal to be displayed, and query the terminal size corresponding to the terminal identifier of the page terminal to be displayed from the terminal identifier size mapping table. The terminal identifier size mapping table comprises a corresponding relation between at least one terminal identifier and at least one terminal size, and one terminal identifier corresponds to one terminal size. According to the terminal size of the page terminal to be displayed, the size of the candidate display page is adjusted to be the terminal size of the page terminal to be displayed, the candidate display page with the size being the terminal size of the page terminal to be displayed is determined to be an initial display page, and namely the page size of the initial display page is the same as the terminal size of the page terminal to be displayed.

Optionally, the attribute information of the page terminal to be displayed may be a terminal size, the computer device may obtain the terminal size of the page terminal to be displayed, adjust the size of the candidate display page according to the terminal size of the page terminal to be displayed, adjust the size of the candidate display page to the terminal size of the page terminal to be displayed, and determine the candidate display page with the size of the terminal size of the page terminal to be displayed as the initial display page, that is, the page size of the initial display page is the same as the terminal size of the page terminal to be displayed.

S102, in response to the selected instruction aiming at the at least one candidate component, the target component is determined.

Specifically, after the computer device determines the initial display page, the page editing area of the initial display page may be output to the user, where the page editing area of the initial display page includes a component sub-area, the component sub-area includes at least one candidate component, and the user may select a required target component from the at least one candidate component in the component sub-area to configure the initial display page. The computer device may determine a target component, which may be any one of the at least one candidate component, in response to the selected instruction for the at least one candidate component. The selection instruction may refer to a selection instruction of at least one candidate component in the page editing in the initial presentation page, and after a user selects a certain candidate component, the candidate component selected by the user may be determined as a target component. The computer equipment can comprise a data layer, a public supporting platform layer and a service layer, wherein the main function of the data layer can be data generated in the process of generating a storage page, the public supporting platform layer can be used for supporting the design requirement and the data interaction requirement of the service layer, the public supporting platform layer can be composed of a component center and an interface center, the service layer is used for realizing a front-end page of a specific service requirement, and the front-end page is composed of a canvas center, a configuration center and a publishing center. The at least one candidate component in the component sub-area may refer to a picture, a button, an input box, a map, or the like, and may be provided by a component center of a common support platform layer of the computer device, the component center being a core module implementing a page layout, providing the at least one candidate component of the page layout. When a new component exists, a manager can add the new component into the component center through the computer equipment and display the new component in the component subarea, so that the selection of the user in page configuration can be increased. The computer device may store the implementation code information of each candidate component and the terminal type and other related information of each candidate component in a MySQL database (MySQL is a relational database management system, and is one of the most popular relational database management systems) of a data layer in the computer device.

Wherein the common support platform layer may be comprised of a component center and an interface center. The component type of the at least one candidate component in the component center comprises a dynamic component type and a static component type, the component of the static component type refers to a component which does not need to be in data communication with the background of the computer device, and the dynamic component refers to a component which needs to be in data communication with the background of the computer device through an interface. The user can edit the related information in the static component and the dynamic component, but the static component does not need to communicate with the background, the content of the static component can be changed only by the user's editing, such as a picture, the user can edit the content in the picture, and the content of the picture can be changed only by the user's editing. The user can also edit the content of the dynamic component, but the content of the dynamic component can not only be changed due to the editing of the user, but also be in data communication with the background of the computer equipment through the interface, the displayed content of the dynamic component can be updated in real time, for example, the Baidu HOTIN can be in data communication with the background of the computer equipment in real time, the updated content of the component can be obtained, and the displayed content of the component can be updated according to the updated content of the component. The interface center mainly has the function of providing an API (application programming interface) interface (namely a calling interface) for data interaction between the dynamic component and the background of the computer equipment, so that data communication between the front end and the back end is realized.

Optionally, the computer device may detect instruction information of a mouse of the user and movement trajectory information of a cursor of the mouse of the user, and when the computer device receives a determination instruction of the mouse of the user, for example, a right click behavior of the mouse is clicked by the user, the computer device may detect whether a candidate component exists at a position where the current cursor is located. And if the position of the current cursor has the candidate component, determining the candidate component pointed by the cursor as the target component.

And S103, outputting a component editing area corresponding to the target component, responding to an editing instruction aiming at the attribute configuration information in the component editing area, and determining attribute input data carried in the editing instruction as attribute configuration data of the target component.

Specifically, after obtaining the target component, the computer device may output a component editing region corresponding to the target component, and the user may edit the attribute information of the target component in the component editing region corresponding to the target component. The computer device may determine, in response to an editing instruction for the attribute configuration information in the component editing area, attribute input data carried in the editing instruction as attribute configuration data of the target component. The canvas center in the service layer of the computer device can be used for displaying an initial display page and a page editing area of the initial display page, namely, the process of page configuration is visualized, a user can select a target component in the visualized page editing area of the initial display page, page configuration is carried out on the initial display page, and a target display page is generated. The configuration center in the business layer of the computer device is used for realizing the component editing area of the output target component, and the configuration center can comprise a basic style configuration module, an event response module and a data interface configuration module. The basic style configuration module is used to configure CSS properties (style layout properties) of the component, including location properties, style properties, size properties, color properties, etc. of the component. When a user selects a candidate component as a target component, the basic style configuration module may obtain CSS attribute fields (i.e., attribute configuration fields, such as a position attribute field, a style attribute field, a size attribute field, a color attribute field, and the like) corresponding to the target component, display the CSS attribute fields corresponding to the target component in a component editing region corresponding to the target component, and the user may customize the CSS attribute fields corresponding to the target component in the component editing region corresponding to the target component, for example, define the width corresponding to the target component to be 8 cm.

The event response configuration module is configured to configure a response processing function of each event of the component, where the response processing function refers to implementation code information of each event corresponding to the component, for example, a user may set a deletion event of the component through the event response configuration module, and when the deletion event of the component is triggered, the computer device may call a response processing function (i.e., delete the implementation code) of the deletion event of the component, and execute the response processing function to delete the component. The data interface configuration module is used for configuring a data source and a data updating mechanism of the component, the data source refers to interface data for providing implementation code information corresponding to the component, the implementation code corresponding to the component can be obtained from a corresponding database through the interface data, namely the implementation code corresponding to each component is indicated to be provided by which interface, and the implementation code corresponding to the component can be obtained through the interface data. The data updating mechanism means that the displayed content of some components needs to be updated in real time, so that the content of the components can be updated in real time through the data updating mechanism, such as a "centella leaderboard". The data updating mechanism can be used for setting whether the component needs to be updated or not, and if the component needs to be updated, the component can be set to be an updatable component type; if the component does not need to be updated, the component is set to be of the non-updateable type. The data update mechanism may also be used to set the update frequency of the updatable components, and the like. And the publishing center in the service layer is mainly used for storing page data and sending the finally generated target display page to the page terminal to be displayed.

Optionally, the specific manner in which the computer device outputs the component editing region corresponding to the target component and determines the attribute input data carried in the editing instruction as the attribute configuration data of the target component in response to the editing instruction for the attribute configuration information in the component editing region may include: the method comprises the steps of obtaining a component identification of a target component, and obtaining attribute configuration information corresponding to the component identification from a component attribute configuration library, wherein the attribute configuration information comprises at least one of attribute configuration fields, animation effect configuration and update response event configuration. Adding attribute configuration information in the candidate component editing area, generating a component editing area corresponding to the target component, outputting the component editing area corresponding to the target component, responding to an editing instruction aiming at the attribute configuration information in the component editing area, and determining attribute input data carried in the editing instruction as attribute configuration data of the target component.

Specifically, after the computer device determines the target component, the computer device may obtain a component identifier of the target component, and obtain attribute configuration information corresponding to the component identifier of the target component from the component attribute configuration library through the configuration center, where the attribute configuration information includes at least one of an attribute configuration field, animation effect configuration, and update response event configuration. And adding the attribute configuration information corresponding to the target component in the candidate component editing area to generate a component editing area of the target component, wherein editable attribute field information corresponding to the target component is displayed in the attribute editing area of the target component. The computer device can respond to an editing instruction of the user for the attribute configuration information in the component editing, acquire attribute input data written by the editing instruction corresponding to the user, and determine the attribute configuration data of the target component from the attribute input data.

Optionally, the attribute configuration information includes an attribute configuration field, and the specific manner of determining, by the computer device, attribute input data carried in the editing instruction as attribute configuration data of the target component in response to the editing instruction for the attribute configuration information in the component editing area may include: and responding to an editing instruction aiming at the attribute configuration field in the component editing area, and acquiring the attribute field value carried in the editing instruction. And combining the attribute configuration field and the attribute field value to obtain the attribute configuration data of the target component.

Specifically, the property configuration information of the target component may include property configuration fields, such as a location property field, a style property field, a size property field, and a color property field, and the computer device adds the property configuration fields to the candidate component editing area to generate the component editing area of the target component, i.e., the property configuration field of the target component is displayed in the component editing area of the target component. The user can set the value of the attribute configuration field of the target component in the component editing area of the target component, and the computer device can respond to the editing instruction of the user for the attribute configuration field in the component editing area to obtain the attribute field value carried in the editing instruction. The computer device may combine the attribute configuration field and the attribute field value to obtain attribute configuration data for the target component.

For example, the property configuration field of the target component includes a size property field that includes a long property field and a wide property field, which the computer device can add to the candidate component edit section to generate the component edit section of the target component. In this way, after the computer device outputs the component editing area of the target component, the user can edit the field values corresponding to the long attribute field and the wide attribute field in the visual component editing area, for example, the field value corresponding to the long attribute field is edited to 8cm, and the field value corresponding to the wide attribute field is edited to 6 cm. The computer device may obtain the attribute field values, i.e., 8cm and 6cm, carried in the user's editing instruction in response to the user's editing instruction for the long attribute field and the wide attribute field in the component editing area. The computer device may combine the attribute configuration field and the attribute field value to obtain attribute configuration data for the target component. And if the long attribute field is combined with the attribute field value of 8cm, and the wide attribute field is combined with 6cm, the attribute configuration data of the target component is obtained.

Optionally, the attribute configuration information includes an animation effect configuration, and the animation effect configuration includes at least one candidate animation effect. The specific manner in which the computer device determines, in response to the edit instruction for the attribute configuration information in the component edit area, the attribute input data carried in the edit instruction as the attribute configuration data of the target component may further include: and in response to a determination instruction for at least one candidate animation effect in the component editing area, determining the candidate animation effect determined by the determination instruction as a target animation effect. And acquiring animation configuration data corresponding to the target animation effect, and determining the animation configuration data as attribute attachment data of the target component.

Specifically, the attribute configuration information of the target component includes an animation effect configuration, and the animation effect configuration includes at least one candidate animation effect, and the at least one candidate animation effect may refer to a cut-in page animation (e.g., an animation displayed when entering a page and an animation displayed when exiting the page), and a page stop animation (e.g., a component bounce animation, a component flicker animation, and the like). The computer device may add at least one candidate animation effect to the candidate component editing area, and generate a component editing area corresponding to the target component, that is, the at least one candidate animation effect may be displayed in the component editing area of the target component. The computer device can output the component editing area of the target component, visualize the interval editing area of the target component, and the user can determine the target animation effect corresponding to the target component in at least one candidate animation effect in the visualized component editing area. The computer device may determine, in response to a determination instruction of at least one candidate animation effect in the component editing region by the user, the candidate animation effect determined by the determination instruction as the target animation effect. The method comprises the steps of obtaining an animation mark of a target animation effect and interface data corresponding to the target animation effect from an interface database, obtaining animation configuration data of the animation mark of the target animation effect from a data layer through the interface data corresponding to the target animation effect, and determining the animation configuration data as attribute attachment data of a target component.

Optionally, the attribute configuration information includes an update response event configuration, and the update response event configuration includes at least one of an interface field, an update interval time field, and an update mode field. The specific manner in which the computer device determines, in response to the edit instruction for the attribute configuration information in the component edit area, the attribute input data carried in the edit instruction as the attribute configuration data of the target component may further include: and responding to a first editing instruction aiming at an interface field in the component editing area, and acquiring interface data carried in the first editing instruction, wherein the interface data is used for acquiring component content data for updating the content of the target component. And/or responding to a second editing instruction aiming at the updating interval time field in the component editing area, and acquiring the updating interval carried in the second editing instruction. And/or responding to a third editing instruction aiming at the updating mode field in the component editing area, and acquiring the updating mode carried in the third editing instruction, wherein the updating mode is used for determining the mode of updating the content of the target component. And determining at least one of the interface data, the update interval and the update mode as the attribute configuration data of the target component.

Specifically, the attribute configuration information of the target component includes an update response event configuration, and the update response event configuration includes at least one of an interface field, an update interval time field, and an update mode field. The computer device may add the at least one of the interface field, the update interval time field, and the update mode field to the candidate component editing region, and generate the component editing region of the target component, where the at least one of the interface field, the update interval time field, and the update mode field is displayed in the component editing region of the target component. The computer device can output the component editing area of the target component, visualize the component editing area of the target component, and a user can edit the field value of any one of the interface field, the update interval time field and the update mode field in the component editing area of the target component. The computer device can respond to a first editing instruction of a user for an interface field in the component editing area, and obtain interface data carried in the first editing instruction, wherein the interface data is used for obtaining component content data for updating the content of the target component. The computer device may obtain, in response to a second editing instruction for the update interval time field in the component editing region, an update interval carried in the second editing instruction. The computer device may respond to a third editing instruction for the update mode field in the component editing area, and acquire the update mode carried in the third editing instruction, where the update mode is used to determine a mode for updating the content of the target component.

For example, when the target component is of a dynamic component type, the property configuration information of the target component includes an update response event configuration, and the user can edit the update response event configuration of the target component of the dynamic component type in the component editing area of the visualization. If the user edits the interface data into the address information of a certain database, the computer device can acquire updated content data for updating the content of the target component from the certain database according to the interface data. The user can also edit the update interval time to be 1h or 2h, so that at the interval of 1h or 2h, the update content data is obtained from certain data according to the interface data, and the content of the target component is updated. The user can also edit the updating mode to update according to the sequence, if the contents of the target assembly have the sequence, the updating can be performed according to the sequence, for example, in a hundred-degree hot search, the updating can be performed according to the degree of the heat, the contents with high heat are updated firstly, then the contents with low heat are updated, and the like.

And S104, configuring the target assembly in the initial display page according to the attribute configuration data to generate a target display page.

Specifically, after obtaining the attribute configuration data of the target component, the computer device may configure the target component in the initial display page according to the attribute configuration data, that is, configure the attribute of the target component in the initial display page according to a specific value in the attribute configuration data to obtain the configured target component, so as to configure the initial display page. The user can repeat the steps, continue to select the candidate component as the target component in the page editing area, configure the target component in the initial display page, and generate the target display page. Therefore, by providing a visual page generation interface (such as a page editing area and an assembly editing area), a user can configure an initial display page in the visual page generation interface to generate a target display page, so that the convenience of page data generation can be improved, the cost of page data generation can be reduced, and the efficiency of page data generation can be improved.

Optionally, after the computer device generates the target display page, the target display page may be compiled and packaged online to obtain a publishing data packet of the target display page, and the publishing data packet of the target display page is published to the to-be-displayed page terminal. Before generating the target presentation page, the computer device may determine a target channel to be issued by the initial presentation page, such as an Android system (Android), an application program (APP program), or an apple system (IOS). After the computer device determines the target distribution channel corresponding to the initial display page, the target display page may be generated according to the page configuration information corresponding to the target distribution channel by obtaining the page configuration information corresponding to the target distribution channel (e.g., candidate component data corresponding to the target distribution channel). If an Android system (Android) channel needs to be issued, a target display page can be generated by using page configuration information corresponding to H5.

As shown in fig. 3, fig. 3 is an architecture diagram of a page data generation method provided in an embodiment of the present application, and as shown in fig. 3, a computer device includes a data layer, a common supporting platform layer, and a business layer. The data layer is used for storing data and comprises an assembly warehouse, an interface warehouse and a page warehouse. The component repository may refer to a MySQL database for storing component data of at least one candidate component, where the component data may refer to implementation codes of the respective candidate components, types of terminals to which the respective candidate components belong, and the like. The interface warehouse is used for storing interface data, such as interface data corresponding to each component, and code information for realizing the functions of the components can be acquired from the corresponding database through the interface data. The page warehouse is used for storing page data of the finally generated target display page. The common supporting platform layer is mainly used for supporting the design requirements and data interaction requirements of the service layer and comprises a component center and an interface center. The component center is a core module for realizing page layout, and various components of the page layout, including static components and dynamic components, can be provided from a component repository. The interface center mainly functions to provide an API interface (i.e., a calling interface) for interaction with the background of the computer device from the interface warehouse, so as to realize data communication between the front end and the back end, for example, update content data of the component can be acquired from the background of the computer device through interface data, and the content displayed by the component can be updated in real time.

The main function of the service layer is to realize page configuration of specific service requirements, and the service layer is composed of three modules, namely a canvas center, a configuration center and a publishing center. The canvas center mainly has the function of realizing the visualization of the page configuration process, namely realizing the dragging layout of the components by a user and setting the size of an initial display page. The configuration center comprises a basic style configuration module, an event response configuration module and a data interface configuration module. The basic style configuration module is used to configure the CSS properties of the component, including the location properties, style properties, size properties, etc. of the component. The event response configuration module is configured to configure a response processing function of each event of the component, where the response processing function refers to implementation code information of each event corresponding to the component, for example, a user may set a deletion event of the component through the event response configuration module, and when the deletion event of the component is triggered, the computer device may call a response processing function (i.e., delete the implementation code) of the deletion event of the component, and execute the response processing function to delete the component. The data interface configuration module is used for configuring a data source and a data updating mechanism of the component, the data source refers to interface data for providing implementation code information corresponding to the component, the implementation code corresponding to the component can be obtained from a corresponding database through the interface data, namely the implementation code corresponding to each component is indicated to be provided by which interface, and the implementation code corresponding to the component can be obtained through the interface data. The data updating mechanism means that the displayed content of some components needs to be updated in real time, so that the content of the components can be updated in real time through the data updating mechanism, such as a "centella leaderboard". The attribute configuration information of the target component can be configured in the business layer to generate a target display page. The main roles of the publishing center are two: firstly, page data of a target display page is saved; and secondly, the target display page is published to a page terminal to be displayed, and the published publishing channel can be selected to be an Android system (Android), an application program (APP) or an apple system (IOS) and the like. After the target display page is generated in the business layer, the page data of the target display page can be stored in a page warehouse in the data layer through a publishing center, a publishing channel of the target display page is determined, and the target display page is published. It should be noted that the data layer, the common supporting platform layer, and the service layer may be disposed in different terminals, and the embodiment of the present application is not limited herein.

Referring to fig. 4, fig. 4 is a schematic flowchart of a page data generating method according to an embodiment of the present disclosure. The page data generating method may be executed by a computer device, and the computer device may be a server (such as the server 10 in fig. 1), or a user terminal (such as any user terminal in the user terminal cluster in fig. 1), or a system composed of a server and a user terminal, which is not limited in this application. As shown in fig. 4, the page data generating method may include steps S201 to S206.

S201, obtaining attribute information of a page terminal to be displayed, determining an initial display page according to the attribute information, and outputting the initial display page, wherein the initial display page comprises a page editing area, and the page editing area comprises at least one candidate component.

S202, in response to the selected instruction aiming at the at least one candidate component, determining the target component.

S203, outputting a component editing area corresponding to the target component, responding to an editing instruction aiming at the attribute configuration information in the component editing area, and determining attribute input data carried in the editing instruction as attribute configuration data of the target component.

In the embodiment of the present application, specific contents of steps S201 to S203 can refer to contents of steps S101 to S103 in fig. 2, and the embodiment of the present application will not be described in detail herein.

And S204, responding to the movement instruction of the target assembly, and determining the position information corresponding to the target assembly according to the movement track information contained in the movement instruction.

Specifically, after the target user selects the target component from the at least one candidate component, the target component may be dragged by the user mouse, and the target component is dragged to a target position in the initial display page. Of course, the user may also edit the position information of the target component in the component editing area of the target component, thereby implementing setting of the target component at the target position in the initial presentation page. When the user determines the target position of the target assembly in a dragging manner, the computer device may determine, in response to a movement instruction of the user for the target assembly, position information corresponding to the target assembly according to movement trajectory information included in the movement instruction.

And S205, updating the display position of the target assembly in the initial display page according to the position information.

And updating the display position of the target assembly in the initial display page according to the position information corresponding to the target assembly, namely updating the position of the display target assembly along with the dragging of the user. When the user stops dragging, the position of the user when the user finishes dragging is the target position of the target assembly in the initial display page, namely the position information corresponding to the target assembly.

And S206, adjusting the display form of the target assembly with the updated display position according to the attribute configuration data, and generating a target display page.

Specifically, the computer device may adjust the display form of the target component whose display position is updated according to the attribute configuration data to obtain the adjusted target component, and the user may further continue to select another target component from the candidate components, configure the initial display page, and generate the target display page. In the application, the user can realize the style effect and the interaction logic of the display page only by configuring the initial display page visually, and generate the target display page without writing page realization codes, so that the convenience of page generation can be improved, and the cost of page generation can be reduced. Meanwhile, the target display page can be published through different publishing channels, such as an Android system (Android), an application program (APP) or an apple system (IOS). In addition, the size of the initial display page can be determined according to the page terminal to be displayed, the method and the device can be suitable for different display terminal devices, and the generated target display page is high in applicability.

As shown in fig. 5, fig. 5 is a schematic diagram of a display page generation method provided in an embodiment of the present application, and as shown in fig. 5, a user may determine attribute information of a page terminal to be displayed in a page generation interface provided by a computer device, and the computer device may obtain attribute information 501 of the page terminal to be displayed, which is input by the user, and determine an initial display page. After the computer device determines the initial presentation page, the canvas 502 may be created, i.e., the display of the initial presentation page and the display of the page edit region of the initial presentation page. The user may select at least one candidate component in the page edit section of the initial presentation page, determine the target component 503, and drag the target component into the initial presentation page. The computer device can respond to the moving instruction aiming at the target assembly, determine the position information corresponding to the target assembly according to the moving track information contained in the moving instruction, and update the display position of the target assembly in the initial display page according to the position information. The user can edit the attribute configuration information 504 of the target component in the component editing area of the target component to configure the target component, and the computer device can acquire the attribute configuration data of the target component, adjust the display form of the target component after the display position is updated, and generate a target display page 505. The computer device may determine a publishing channel 506 of the target display page (such as Android system (Android), application program (APP program), or apple system (IOS), compile and package page data of the target display page to obtain a publishing data packet of the target display page, and send the publishing data packet of the target display page to the to-be-displayed page terminal through the publishing channel of the target display page.

In the embodiment of the application, the page is initially displayed through the attribute information of the terminal of the page to be displayed, so that the situation that the page cannot be displayed due to mismatching with the terminal can be avoided, and the display effect of the displayed page can be improved. The method comprises the steps of responding to a selected instruction aiming at least one candidate component in a page editing area, determining a target component, outputting a component editing area corresponding to the target component, responding to an editing instruction aiming at attribute configuration information in the component editing area, determining attribute input data carried in the editing instruction as attribute configuration data of the target component, enabling a user to select a needed component in the visualized page editing area, and setting the attribute of the component in the visualized component editing area. And configuring the target assembly in the initial display page according to the attribute configuration data to generate a target display page. Through the scheme, the user can visually configure the display page without writing a code to realize the display page, so that the convenience of page generation can be improved, the cost of page generation is reduced, and the efficiency of page generation is improved. Meanwhile, the target display page can be published through different publishing channels, such as an Android system (Android), an application program (APP) or an apple system (IOS). In addition, the size of the initial display page can be determined according to the page terminal to be displayed, the method and the device can be suitable for different display terminal devices, and the generated target display page is high in applicability.

Referring to fig. 6, fig. 6 is a schematic structural diagram of a page data generating device according to an embodiment of the present application. The page data generating means may be a computer program (including program code) running in a computer device, for example, the page data generating means is an application software; the page data generation device can be used for executing corresponding steps in the page data generation method provided by the embodiment of the application. As shown in fig. 6, the page data generating means may include: the device comprises an output module 11, a first determination module 12, a second determination module 13, a generation module 14, a third determination module 15 and an update module 16.

The output module 11 is configured to acquire attribute information of a page terminal to be displayed, determine an initial display page according to the attribute information, and output the initial display page, where the initial display page includes a page editing area, and the page editing area includes at least one candidate component;

a first determination module 12 for determining a target component in response to a selected instruction for at least one candidate component;

a second determining module 13, configured to output a component editing area corresponding to the target component, and determine, in response to an editing instruction for the attribute configuration information in the component editing area, attribute input data carried in the editing instruction as attribute configuration data of the target component;

and the generating module 14 is configured to configure the target component in the initial display page according to the attribute configuration data, and generate a target display page.

the output module 11 includes:

the query unit 1101 is configured to obtain a terminal type of a page terminal to be displayed, and query a terminal size corresponding to the terminal type of the page terminal to be displayed from a terminal size mapping table, where the terminal size mapping table includes a correspondence between at least one terminal type and at least one terminal size, and one terminal type corresponds to one terminal size;

the adjusting unit 1102 is configured to adjust the size of the candidate display page according to the terminal size of the terminal of the page to be displayed, so as to obtain an initial display page, where the size of the initial display page is the same as the terminal size of the terminal of the page to be displayed.

Wherein the second determining module 13 includes:

an obtaining unit 1301, configured to obtain a component identifier of a target component, and obtain attribute configuration information corresponding to the component identifier from a component attribute configuration library, where the attribute configuration information includes at least one of an attribute configuration field, an animation effect configuration, and an update response event configuration;

an output unit 1302, configured to add attribute configuration information to the candidate component editing area, generate a component editing area corresponding to the target component, and output the component editing area corresponding to the target component;

the determining unit 1303 is configured to, in response to an editing instruction for the attribute configuration information in the component editing area, determine the attribute input data carried in the editing instruction as the attribute configuration data of the target component.

the determination unit 1303 includes:

the determination unit 1303 further includes:

a third determining module 15, configured to determine, in response to a movement instruction for the target component, position information corresponding to the target component according to movement track information included in the movement instruction;

the updating module 16 is configured to update the display position of the target component in the initial display page according to the position information;

the generation module 14 includes:

a generating unit 1401, configured to adjust the display form of the target component after the display position is updated according to the attribute configuration data, and generate a target display page.

According to an embodiment of the present application, each module in the page data generation apparatus shown in fig. 6 may be respectively or entirely combined into one or several units to form the unit, or some unit(s) may be further split into multiple sub-units with smaller functions, which may implement the same operation without affecting implementation of technical effects of the embodiment of the present application. The modules are divided based on logic functions, and in practical application, the functions of one module can be realized by a plurality of units, or the functions of a plurality of modules can be realized by one unit. In other embodiments of the present application, the page data generating apparatus may also include other units, and in practical applications, these functions may also be implemented by assistance of other units, and may be implemented by cooperation of multiple units.

In the embodiment of the application, the initial display page is determined according to the attribute information and is output, and the initial display page is determined according to the attribute information of the page terminal to be displayed, so that the finally generated display page can be better adapted to the page terminal to be displayed, the situation that the display cannot be performed due to the fact that the page is not matched with the terminal is avoided, and the display effect of the display page can be improved. The user can select the needed components in the visual page editing area and set the attributes of the components in the visual component editing area. And configuring the target assembly in the initial display page according to the attribute configuration data to generate a target display page. Through the scheme, the user can visually configure the display page without writing a code to realize the display page, so that the convenience of page generation can be improved, the cost of page generation is reduced, and the efficiency of page generation is improved. Meanwhile, the target display page can be published through different publishing channels, such as an Android system (Android), an application program (APP) or an apple system (IOS). In addition, the size of the initial display page can be determined according to the page terminal to be displayed, the method and the device can be suitable for different display terminal devices, and the generated target display page is high in applicability.

Referring to fig. 7, fig. 7 is a schematic structural diagram of a computer device according to an embodiment of the present application. As shown in fig. 7, the computer apparatus 1000 may include: the processor 1001, the network interface 1004, and the memory 1005, and the computer apparatus 1000 may further include: a target user interface 1003, and at least one communication bus 1002. Wherein a communication bus 1002 is used to enable connective communication between these components. The target user interface 1003 may include a Display screen (Display) and a Keyboard (Keyboard), and the selectable target user interface 1003 may also include a standard wired interface and a standard wireless interface. The network interface 1004 may optionally include a standard wired interface, a wireless interface (e.g., WI-FI interface). The memory 1005 may be a high-speed RAM memory or a non-volatile memory (e.g., at least one disk memory). The memory 1005 may optionally be at least one memory device located remotely from the processor 1001. As shown in fig. 7, a memory 1005, which is a kind of computer-readable storage medium, may include therein an operating system, a network communication module, a target user interface module, and a device control application program.

In the computer device 1000 shown in fig. 7, the network interface 1004 may provide a network communication function; the target user interface 1003 is an interface for providing input to a target user; and the processor 1001 may be used to invoke a device control application stored in the memory 1005 to implement:

The beneficial effects of the same method are described, and are not repeated.

It should be understood that the computer device 1000 described in this embodiment of the application may perform the description of the page data generation method in the embodiment corresponding to fig. 2 or fig. 4, and may also perform the description of the page data generation apparatus 6 in the embodiment corresponding to fig. 6, which is not described herein again. In addition, the beneficial effects of the same method are not described in detail.

Further, here, it is to be noted that: an embodiment of the present application further provides a computer-readable storage medium, where the computer-readable storage medium stores a computer program executed by the aforementioned page data generation apparatus, and the computer program includes program instructions, and when a processor executes the program instructions, the description of the page data generation method in the embodiment corresponding to fig. 2 or fig. 4 can be performed, so that details are not repeated here. In addition, the beneficial effects of the same method are not described in detail. For technical details not disclosed in embodiments of the computer-readable storage medium referred to in the present application, reference is made to the description of embodiments of the method of the present application.

Further, it should be noted that: embodiments of the present application also provide a computer program product or computer program, which may include computer instructions, which may be stored in a computer-readable storage medium. The processor of the computer device reads the computer instruction from the computer-readable storage medium, and the processor may execute the computer instruction, so that the computer device executes the description of the page data generation method in the embodiment corresponding to fig. 2 or fig. 4, which is described above, and therefore, details are not repeated here. In addition, the beneficial effects of the same method are not described in detail. For technical details not disclosed in the embodiments of the computer program product or the computer program referred to in the present application, reference is made to the description of the embodiments of the method of the present application.

The steps in the method of the embodiment of the application can be sequentially adjusted, combined and deleted according to actual needs.

The modules in the device can be merged, divided and deleted according to actual needs.

It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by a computer program, which can be stored in a computer-readable storage medium, and when executed, can include the processes of the embodiments of the methods described above. The storage medium may be a magnetic disk, an optical disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), or the like.

The above disclosure is only for the purpose of illustrating the preferred embodiments of the present application and is not to be construed as limiting the scope of the present application, so that the present application is not limited thereto, and all equivalent variations and modifications can be made to the present application.

Claims

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

determining a target component in response to the selected instruction for the at least one candidate component;

outputting a component editing area corresponding to the target component, responding to an editing instruction aiming at attribute configuration information in the component editing area, and determining attribute input data carried in the editing instruction as attribute configuration data of the target component;

2. The method according to claim 1, characterized in that the attribute information of the terminal of the page to be shown comprises a terminal type;

the acquiring of the attribute information of the page terminal to be displayed and the determining of the initial display page according to the attribute information include:

3. The method according to claim 1, wherein the outputting the component editing area corresponding to the target component, and in response to an editing instruction for attribute configuration information in the component editing area, determining attribute input data carried in the editing instruction as attribute configuration data of the target component comprises:

acquiring a component identifier of the target component, and acquiring attribute configuration information corresponding to the component identifier from a component attribute configuration library, wherein the attribute configuration information comprises at least one of attribute configuration fields, animation effect configuration and update response event configuration;

adding the attribute configuration information in a candidate component editing area, generating a component editing area corresponding to the target component, and outputting the component editing area corresponding to the target component;

and responding to an editing instruction aiming at the attribute configuration information in the component editing area, and determining attribute input data carried in the editing instruction as the attribute configuration data of the target component.

4. The method of claim 3, wherein the attribute configuration information comprises an attribute configuration field;

the determining, in response to an editing instruction for the attribute configuration information in the component editing area, attribute input data carried in the editing instruction as attribute configuration data of the target component includes:

and combining the attribute configuration field and the attribute field value to obtain attribute configuration data of the target component.

5. The method of claim 3, wherein the attribute configuration information comprises an animation effect configuration, the animation effect configuration comprising at least one candidate animation effect;

6. The method of claim 3, wherein the attribute configuration information comprises an update response event configuration, wherein the update response event configuration comprises at least one of an interface field, an update interval time field, and an update mode field;

responding to a first editing instruction aiming at an interface field in the component editing area, and acquiring interface data carried in the first editing instruction, wherein the interface data is used for acquiring component content data for updating the content of the target component;

and/or responding to a third editing instruction aiming at an updating mode field in the component editing area, and acquiring an updating mode carried in the third editing instruction, wherein the updating mode is used for determining a mode for updating the content of the target component;

and determining at least one of the interface data, the updating interval and the updating mode as attribute configuration data of the target component.

7. The method of claim 1, wherein before configuring the target component in the initial presentation page according to the attribute configuration data and generating a target presentation page, the method further comprises:

configuring the target component in the initial display page according to the attribute configuration data to generate a target display page, wherein the configuring comprises:

and adjusting the display form of the target assembly with the updated display position according to the attribute configuration data to generate a target display page.

8. A page data generating apparatus, comprising:

the system comprises an output module, a display module and a display module, wherein the output module is used for acquiring attribute information of a page terminal to be displayed, determining an initial display page according to the attribute information and outputting the initial display page, the initial display page comprises a page editing area, and the page editing area comprises at least one candidate component;

a first determination module to determine a target component in response to a selected instruction for the at least one candidate component;

a second determining module, configured to output a component editing area corresponding to the target component, and in response to an editing instruction for attribute configuration information in the component editing area, determine attribute input data carried in the editing instruction as attribute configuration data of the target component;

and the generating module is used for configuring the target component in the initial display page according to the attribute configuration data to generate a target display page.

9. A computer device, comprising: a processor and a memory;

the memory stores a computer program which, when executed by the processor, performs the method of any of claims 1 to 7.

10. A computer-readable storage medium, characterized in that a computer program is stored in the computer-readable storage medium, which computer program is adapted to be loaded by a processor and to carry out the method of any one of claims 1 to 7.