CN115993971A

CN115993971A - Active page generation method, computing device and computer storage medium

Info

Publication number: CN115993971A
Application number: CN202310094518.5A
Authority: CN
Inventors: 王冲
Original assignee: Zhangyue Technology Co Ltd
Current assignee: Zhangyue Technology Co Ltd
Priority date: 2023-01-17
Filing date: 2023-01-17
Publication date: 2023-04-21

Abstract

The invention discloses an active page generation method, a computing device and a computer storage medium. The method comprises the following steps: displaying at least one candidate basic component generated in advance in a candidate component area, and responding to component selection operation, displaying basic components corresponding to the selected candidate basic components in a component arrangement area; recording the display position of any base component in response to the arrangement operation of the base component; responding to data component binding operation aiming at any basic component, and binding the data component corresponding to the basic component to generate a composite component; generating component configuration data of the composite component according to the display position of the basic component in the composite component, the component information of the basic component and the component information of the data component; page configuration data is generated from the component configuration data of the composite component for generating an active page from the page configuration data. By adopting the scheme, the generation efficiency of the active page can be improved.

Description

Active page generation method, computing device and computer storage medium

Technical Field

The present invention relates to the field of data processing technologies, and in particular, to an active page generating method, a computing device, and a computer storage medium.

Background

With the continuous development of science and technology and society, electronic books are favored by people due to the characteristics of flexibility, convenience, large capacity, environmental protection and the like. Some e-book platforms typically provide users with some operational activity pages in order to increase user retention.

However, the inventors found in practice that the following drawbacks exist in the prior art: in the prior art, a developer is required to compile page codes for each operation activity page, so as to generate a corresponding activity page. However, by adopting the mode, the generation cost of the active page is increased, and the generation efficiency of the active page is reduced.

Disclosure of Invention

The present invention has been made in view of the above problems, and provides an active page generating method, a computing device, and a computer storage medium that overcome or at least partially solve the above problems.

According to one aspect of the present invention, there is provided an active page generation method including:

displaying at least one candidate basic component generated in advance in a candidate component area, and responding to component selection operation, displaying basic components corresponding to the selected candidate basic components in a component arrangement area;

Recording the display position of any base component in response to the arrangement operation of the base component;

responding to data component binding operation aiming at any basic component, and binding the data component corresponding to the basic component to generate a composite component;

for any composite component, generating component configuration data of the composite component according to the display position of the basic component in the composite component, the component information of the basic component and the component information of the data component;

and generating page configuration data according to the component configuration data of the composite component so as to generate an active page according to the page configuration data.

According to another aspect of the present invention, there is provided a computing device comprising: the device comprises a processor, a memory, a communication interface and a communication bus, wherein the processor, the memory and the communication interface complete communication with each other through the communication bus;

the memory is configured to store at least one executable instruction that causes the processor to:

According to still another aspect of the present invention, there is provided a computer storage medium having stored therein at least one executable instruction for causing a processor to perform operations corresponding to the active page generation method described above.

The invention provides an active page generation method, a computing device and a computer storage medium, wherein: displaying at least one candidate basic component generated in advance in a candidate component area, and responding to component selection operation, displaying basic components corresponding to the selected candidate basic components in a component arrangement area; recording the display position of any base component in response to the arrangement operation of the base component; responding to data component binding operation aiming at any basic component, and binding the data component corresponding to the basic component to generate a composite component; generating component configuration data of the composite component according to the display position of the basic component in the composite component, the component information of the basic component and the component information of the data component; page configuration data is generated from the component configuration data of the composite component for generating an active page from the page configuration data. By adopting the scheme, the generation efficiency of the active page can be improved.

The foregoing description is only an overview of the present invention, and is intended to be implemented in accordance with the teachings of the present invention in order that the same may be more clearly understood and to make the same and other objects, features and advantages of the present invention more readily apparent.

Drawings

Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the following detailed description of the preferred embodiments. The drawings are only for purposes of illustrating the preferred embodiments and are not to be construed as limiting the invention. Also, like reference numerals are used to designate like parts throughout the figures. In the drawings:

fig. 1 is a schematic flow chart of an active page generating method according to a first embodiment of the present invention;

FIG. 2 illustrates a schematic diagram of a candidate base component provided in accordance with a first embodiment of the present invention;

FIG. 3 is a schematic diagram of an interface of an active page creation workbench according to an embodiment of the invention;

FIG. 4 is a schematic diagram of an interface of another active page creation workbench according to the first embodiment of the invention;

fig. 5 is a schematic flow chart of an active page generating method according to a second embodiment of the present invention;

Fig. 6 is a schematic flow chart of another active page generating method according to the second embodiment of the present invention;

fig. 7 is a schematic flow chart of an active page generating method according to a third embodiment of the present invention;

fig. 8 is a flow chart illustrating a method for rendering an active page according to a third embodiment of the present invention;

fig. 9 shows a schematic structural diagram of a computing device according to a fifth embodiment of the present invention.

Detailed Description

Exemplary embodiments of the present invention will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present invention are shown in the drawings, it should be understood that the present invention may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the invention to those skilled in the art.

Example 1

Fig. 1 shows a flowchart of an active page generating method according to an embodiment of the present invention.

The method may be performed by an operating platform.

As shown in fig. 1, the method specifically includes the following steps:

step S110, at least one candidate basic component generated in advance is displayed in the candidate component area.

The user can trigger the generation of the active page according to the embodiment of the invention through the active page generation operation executed on the operation platform. For example, after clicking on the "create active page" control in the operations platform, the user enters the active page creation process.

Specifically, the embodiment of the invention pre-generates one or more candidate base components, each candidate base component has a respective matched display form and/or interaction form, each candidate base component represents one type of display form and/or interaction form, and the display forms and/or interaction forms of different candidate base components are different. The candidate base component 1, the candidate base component 2, the candidate base component 3, and the candidate base component 4 shown in fig. 2 correspond to four component presentation forms, respectively. For example, the candidate base component 1 includes data filling areas a and B, in which two data filling areas may be used to fill in data such as book covers; the candidate base component 2 comprises a data pad area C which can be used to pad booklet data; the candidate base component 3 is a carousel-like welfare presentation form that includes a data pad D, E, F, G, H, I, J that can be used to pad different welfare data; the candidate base component 4 is a slot machine welfare presentation form that contains a data stuffing area L, M, N that can be used to stuff different welfare data, and so on.

The presentation morphology of the candidate base component is embodied by display attribute data of the candidate base component, including, but not limited to: arrangement of data filling areas, transparency, etc. The interaction morphology of the candidate base component is embodied by interaction attribute data of the candidate base component, including, but not limited to: after triggering a certain area, starting a corresponding display effect, for example, clicking the "start" in the candidate base component 3 in fig. 2, and then sequentially making D, E … … K in a highlight state, so as to realize the interaction effect of the large turntable, and the like.

The operation platform is provided with the candidate component area, and the pre-generated candidate basic components can be displayed in the candidate component area, so that a user of the operation platform can intuitively check the candidate basic components, and the user can conveniently select the corresponding candidate basic components according to requirements.

In an alternative embodiment, the categories of the candidate base components are determined and the candidate base components are displayed within the candidate component area in categories. For example, the candidate base component 1 and the candidate base component 2 shown in fig. 2 may be used to display commodity information such as books and books, respectively, so that the types of the candidate base component 1 and the candidate base component 2 may be commodity components; the candidate base component 3 and the candidate base component 4 shown in fig. 2 are in two different forms of benefit issuance, whereby the categories of the candidate base component 3 and the candidate base component 4 may be benefit categories or operation category components, and so on. By adopting the method, the candidate basic components can be conveniently searched and selected by a user based on the component category.

In yet another alternative embodiment, the candidate base components are arranged in order from high to low according to the historical selection frequency of the candidate base components. By adopting the implementation mode, convenience can be provided for subsequent users based on the historical big data, and the users can conveniently find and select candidate basic components based on component categories.

In addition, the above two embodiments may be combined to apply, that is, determine the category of each candidate base component, sequentially arrange each category according to the order of the historical use frequency from high to low, and sequentially arrange the candidate base components under each category according to the order of the historical use frequency of the candidate base component from high to low.

In still another optional implementation manner, the user may select a terminal type of a terminal mainly put on the active page in the operation platform at the early stage of creating the active page, and then the operation platform detects a selection operation of the terminal type of the active page application, and determines the terminal type of the active page application; and then at least one candidate basic component which is matched with the terminal type of the active page application and is generated in advance is displayed in the candidate component area. The terminal types include, but are not limited to: a mobile phone end, a tablet end, a reader end, a PC end and the like. The types of terminals of the active page application are different, and the displayed candidate basic components are different, or the arrangement sequence of the displayed candidate basic components is different. For example, if the terminal type of the active page application is a mobile phone terminal, the candidate base component 2 in fig. 2 may be displayed; if the terminal type of the active page application is the reader side, the candidate base component 1 of FIG. 2, etc. may be shown. In a specific implementation process, for any candidate base component, counting terminal types of terminal equipment loading the candidate base component in a preset history period, determining the terminal type with the highest loading frequency as the terminal type matched with the candidate base component, and then displaying the candidate base component preferentially when a subsequent user selects the terminal type. Wherein, the preset history period may be the last period, such as the last week, etc.; the historical period of the same holiday as the operation activity corresponding to the activity page can be also used, for example, the activity page is a primordial marketing activity, and the preset historical period can be a primordial period of the last year, and the like.

In step S120, in response to the component selection operation, the base components corresponding to the selected candidate base components are displayed in the component arrangement area.

The operation platform is further provided with the component arrangement area besides the candidate component area, and the embodiment of the invention does not limit the specific arrangement modes of the candidate component area and the component arrangement area. The user can select candidate basic components through component selection operation according to own requirements. For example, by dragging the candidate base component to the component placement area, the dragged candidate base component is the candidate base component selected by the user. In addition, candidate basic components can be selected by clicking, voice control, shortcut key operation and the like, and in a word, the embodiment of the invention does not limit the specific operation type of the selection operation.

After determining the selected candidate basic components, basic components corresponding to the selected candidate basic components are displayed in a component arrangement area, namely, the basic components in the component arrangement area are the repeated engraving of the selected candidate basic components, and the display form and/or interaction form of the basic components initially created in the component arrangement area are consistent with the candidate basic components. For example, the user creates a base component P1 corresponding to the candidate base component C1 in the component arrangement area by dragging the candidate base component C1 to the component arrangement area, and if the user drags the candidate base component C1 again to the component arrangement area after creating the base component P1, the component arrangement area creates a base component P2 corresponding to the candidate base component C1 again.

Step S130, for any base component, responding to the arrangement operation for the base component, and recording the display position of the base component.

The user can move, scale, rotate and the like the basic components in the component arrangement area through the arrangement operation of the component arrangement area, so that the operation platform responds to the arrangement operation of the basic components, determines the display position of the basic components in the component arrangement area, renders the basic components in the display position, and records the display position of the basic components in the component arrangement area.

In an alternative implementation manner, in order to facilitate the user to accurately create the active page, the area size of the component arrangement area in the embodiment of the present invention may be dynamically changed according to the terminal type of the application of the active page. Specifically, a user can select the terminal type of a terminal mainly put in an active page in an operation platform at the initial stage of creating the active page, the operation platform detects the selection operation of the terminal type of the active page application, determines the terminal type of the active page application, and then displays a component arrangement area matched with the terminal type of the active page application; wherein the area sizes of the component arrangement areas matched with different terminal types are different. For example, if the created active page is mainly placed on the mobile phone end, the user may select "mobile phone end" from terminal type options of the operation platform, so that the area size of the operation platform may be 720×1280 or 1080×1920, i.e. the aspect ratio is greater than 1; if the created active page is mainly put on the PC side, the user may select "PC side" from terminal type options of the operation platform, so that the area size of the operation platform may be 1920×1080, i.e. the aspect ratio is smaller than 1. By adopting the mode, the arrangement effect of the basic components in the component arrangement area is approximate to the arrangement effect of the actually generated active pages, and the creation efficiency of the active pages of the user is improved.

In yet another alternative embodiment, in some scenarios, to simplify page construction logic, the lateral control in the component placement area allows only a single base component to be placed, such that multiple base components are placed in the component placement area in a top-down order. In this case, when recording the display position of the base component, only the arrangement order of the base component from top to bottom may be recorded, thereby simplifying the page generation logic.

In yet another alternative embodiment, the user may delete the base component in the component arrangement area by a delete operation. The plurality of base components may also be processed in batches by the multiple option operation, for example, the plurality of base components may be deleted in batches by the multiple option operation, the plurality of base components may be moved in batches by the multiple option operation, and so on.

In addition, in order to improve the display effect of the active page, the operation platform further provides a layout optimization function for the user so that the page layout reaches a better state. Specifically, in response to a layout optimization operation for at least one base component in the component arrangement area, acquiring the number of components of the base component corresponding to the layout optimization operation; searching a layout template matched with the number of components, and adjusting the display position of the basic component corresponding to the layout optimization operation based on the matched layout template. In the actual implementation process, pre-constructing layout templates corresponding to different component numbers, wherein each layout template has a better layout effect under corresponding component data, determining the number of selected basic components after detecting layout optimization operation for at least one basic component in a component arrangement area, taking a layout template as a layout template matched with the component number of the basic component corresponding to the layout optimization operation if the component data corresponding to a certain layout template is consistent with the number of the selected basic components, and laying out the selected basic components according to the layout template, thereby improving the page layout effect.

Step S140, responding to the data component binding operation aiming at any basic component, and binding the data component corresponding to the basic component to generate the composite component.

The base component in the component placement area can only determine the layout of the active page, whereby the user needs to further configure the data required for the active page. In the embodiment of the invention, in order to simplify the creation process of the active page and improve the page creation efficiency, the data acquisition, the data processing, the data transmission to the base component and the like are realized through the data component.

In the implementation process, after detecting the data component binding operation for any base component, the data component corresponding to the base component is created. For example, the user may trigger binding of the data component by right-key operation, voice-controlled operation, and/or preset shortcut key operation, etc. Wherein one or more data components may be bound for one base component.

In an alternative embodiment, after the creation of the data component, in response to an editing operation for the data component, an editing component of the data component is presented in a component editing area; and acquiring component configuration data input by editing the component, and generating component information of the data component according to the component configuration data. Specifically, the operation platform is provided with a candidate assembly area and an assembly arrangement area, and is also provided with an assembly editing area, wherein the assembly editing area is used for displaying editing assemblies of currently selected data assemblies, so that the influence on the assembly arrangement area display effect in the data assembly editing process is avoided.

In the implementation process, at least one configuration item is displayed in the editing component, configuration data of the input configuration item are obtained, and then for any configuration item, attribute values of component attributes in the data component matched with the configuration item are generated according to the configuration data of the configuration item. That is, the configuration items in the configuration component correspond to the component attributes in the data component, and the configuration data of the configuration items are used as attribute values of the corresponding component attributes. For example, configuration data of each configuration item may be used as a value of a corresponding pro of the data component, and each configuration item corresponds to each pro. The configuration item can be a data source configuration item, and a user can configure a request address, a request parameter and the like in the configuration item, so that the component information of the data component contains a data source attribute, and the attribute value of the data source attribute is the request address, the request parameter and the like; the configuration item may also be a data processing algorithm configuration item in which a user may configure a data processing algorithm or the like so that the component information of the data component contains a data processing algorithm attribute whose attribute value is the above-described data processing algorithm or the like. Further optionally, each configuration item may be presented in a form, so that configuration of the data component can be quickly completed by means of form configuration and submission.

And binding the data component corresponding to the foundation component to generate a composite component, namely combining the foundation component and the data component to form the composite component, wherein the foundation component and the data component in the composite component have binding relation, and the data component in the composite component is used for acquiring data and transmitting the data to the foundation component to perform component rendering.

Step S150, for any composite component, generating component configuration data of the composite component according to the display position of the basic component in the composite component, the component information of the basic component and the component information of the data component.

The component configuration data of the composite component includes component information of the base component in the composite component. In an alternative embodiment, the component information of the base component specifically includes: an attribute value for a component attribute of the base component, the component attribute comprising: component styles, component interactions, etc. can embody properties of the component layout. In this embodiment, specifically, a candidate base component corresponding to the base component is determined, and because the candidate base component is pre-generated, component information of the candidate base component is pre-stored, and then the component information of the candidate base component is used as component information of the base component. In another alternative embodiment, since candidate base components are typically stored in respective component libraries, the component information of the base component in this embodiment may include a component identification or storage address of the corresponding candidate base component, thereby facilitating the candidate to load the candidate base component based on the component identification or storage address. The component configuration data of the composite component includes component information of the data component bound by the base component in the composite component, and as can be seen from the above description, the component information of the data component may include: request address, request parameters, data processing algorithms, etc. In addition, the component configuration data of the composite component also includes a presentation location of the base component in the composite component.

In an alternative embodiment, after the composite component is generated, the user may still arrange the base component in the component arrangement area, and then the operation platform responds to the arrangement operation of the user, and moves the whole composite component corresponding to the base component. And under the condition that the display position of the composite component is changed, recording the display position of the basic component in the composite component after the change, and then updating the component configuration data of the composite component.

In yet another alternative embodiment, after the composite component is generated, the user may still edit the data component in the composite component, and then the operation platform responds to the editing operation of the user on the data component in the composite component, and displays the editing component corresponding to the data component, and then obtains new configuration data through the editing component, and updates the component information of the data component in the composite component.

Step S160, generating page configuration data according to the component configuration data of the composite component, so as to generate an active page according to the page configuration data.

Specifically, the component configuration data of the composite component in the current component arrangement area is merged into page configuration data. The active page is then restored by the page configuration data. Optionally, this step may be performed under the triggering of a corresponding event, for example, after detecting a save operation, a preview operation, and a release operation of the user, the latest component configuration data of the composite component in the current component arrangement area is merged to generate the page configuration data.

The implementation of the embodiment of the present invention is illustrated in detail in fig. 3 and 4:

fig. 3 is a schematic diagram of an active page creation workbench provided for a user in an operation platform, where the active page creation workbench is for an active page-oriented creation user, and the active page creation workbench includes a candidate component area and a component arrangement area. The candidate component area displays pre-generated candidate base components, in fig. 3, part of candidate base components, namely candidate base components 1, 2, 3 and 4, are displayed according to different categories, such as displaying candidate base components 1 and 2 under the category of commodity components, and displaying candidate base components 3 and 4 under the category of operation components. After a user drags the candidate basic components 1 to the component arrangement area, a basic component A is generated in the component arrangement area, and after the user drags the candidate basic components 1 to the component arrangement area again, a basic component B is generated in the component arrangement area.

The active page creation workbench may also contain a component edit section, as shown in fig. 4, where the user binds the data component Q for the base component a to generate the composite component 1, and correspondingly binds the data component P for the base component B to generate the composite component 2. When the user double clicks the data component Q, an editing component M corresponding to the data component Q is displayed in a component editing area, the editing component M comprises corresponding configuration items, and the user can configure each configuration item so as to generate component information of the data component Q.

Therefore, in the embodiment of the invention, the automatic generation of the active pages can be realized by only selecting, arranging and binding the corresponding components, and corresponding codes are not required to be compiled for each active page, so that the generation process of the active pages is simplified, the generation efficiency of the active pages is improved, and the operation cost is reduced.

Example two

Fig. 5 shows a flowchart of an active page generating method according to a second embodiment of the present invention.

The method may be performed by an operating platform.

As shown in fig. 5, the method specifically includes the following steps:

step S510, in response to the active page publishing operation, generates page configuration data based on the component configuration data of the composite component in the current component arrangement area.

After the user completes the configuration of the active page, the active page creation workstation may perform an active page publishing operation. For example, the user may click on the "publish" button shown in FIG. 3 or FIG. 4, thereby entering the active page publish process.

After the active page publishing operation is detected, generating page configuration data based on the component configuration data of the composite component in the current component arrangement area, wherein the specific generation process of the page configuration data is described in the first embodiment, and is not described herein. Wherein the execution subject of this step can create a workbench for the active page in the operation platform.

Step S520, obtaining a page code template, and compiling the page code template by using page configuration data to generate a page file of the active page.

The step S510 generates page configuration data, and the terminal device of the active page delivery cannot render the active page based on the page configuration data only. Therefore, the embodiment of the invention converts the page configuration data into the page file of the active page through the step, so that the terminal equipment put in the active page can obtain the corresponding active page after analyzing the page file through the engine such as a browser.

The step may be performed by a corresponding page building server, for example, may be performed by an H5 building server. The page construction server side obtains page code templates and page configuration data of the active pages. The page code template can be obtained from a preset code template library, and the embodiment of the invention does not limit the specific page code template.

And further utilizing page configuration data of the active page to carry out template compiling on the page code template to generate a page file of the active page. Specifically, analyzing page configuration data, acquiring component identifiers of composite components in the page configuration data, and generating a component list based on the component identifiers; and then filling the component list and the component configuration data of each composite component into a page code template for template compiling to generate a page file of the active page. The page file is specifically a page file that can be parsed by the terminal device to generate an active page, and for example, the page file may include js file css file, html file, and the like. Further optionally, the component list and the component configuration data of each composite component may be filled into a page code template to obtain a vue file after template compiling, and further generate js file css file and html file based on vue file.

In step S530, the static resource of the page file is obtained, and the static resource is deployed to the static resource server.

The terminal equipment can access the active page through the corresponding server, so that the static resource of the page file is deployed in the static resource server, wherein the static resource is a fixed resource in the active page, such as a display style resource, a jump rule resource and the like.

The implementation of the embodiment of the present invention is illustrated in detail below by taking fig. 6 as an example:

and the user of the operation platform establishes the active page through the visual active page establishing workbench in the operation platform, and generates page configuration data of the active page, wherein the page configuration data is stored in a workbench server side of the operation platform. In addition, the user can also change the arrangement of the components or the configuration information of the data components and the like in the active page creation workbench, so that the page configuration data in the workbench server side is updated, and in addition, the user can delete and inquire the corresponding page configuration data and the like through the active page creation workbench.

And after the user executes the issuing operation on the active page creation workbench, generating an issuing instruction. The issue instruction is sent to the H5 build service, which then pulls the page configuration data of the active page from the workbench server to create the page. In the process of acquiring page configuration data, the H5 construction service further requests to the service server to acquire corresponding data, for example, the page configuration data only indicates the book ID of the book cover to be acquired, and the workbench service further needs to acquire the book cover of the book ID from the book information server and the like; or, if the page configuration data only indicates the applied operation rule ID, the working server needs to further obtain the operation rule of the operation rule ID from the CPS server.

And H5, the construction service generates a page file of the active page after acquiring the page configuration data, and stores the acquisition address of the active page in the workbench server. After the terminal equipment sends a page access request to the H5 front end, the H5 front end makes an interface request to the workbench server end to acquire relevant resources of the active page, and feeds back to the terminal equipment for page rendering.

Therefore, the embodiment of the invention generates the page file of the active page according to the page code template and the page configuration data, so that the terminal equipment can access and render the active page and release the active page.

Fig. 7 is a schematic flow chart of an active page generating method according to a third embodiment of the present invention.

The method may be performed by an operating platform.

As shown in fig. 7, the method specifically includes the following steps:

in step S710, page configuration data is generated based on the component configuration data of the composite component in the current component arrangement area in response to the active page preview operation.

And the user can execute the preview operation of the active page in the configuration process of the active page by the active page creation workbench. For example, the user may click on the "preview" button shown in fig. 3 or 4, thereby entering the active page preview process.

After the active page preview operation is detected, generating page configuration data based on the component configuration data of the composite component in the current component arrangement area, wherein the specific generating process of the page configuration data is described in the first embodiment, and is not described herein. Wherein the execution subject of this step can create a workbench for the active page in the operation platform.

In step S720, a page file of the active page is generated and static resources of the active page are deployed.

The specific implementation of this step may refer to the description in the second embodiment, and will not be described herein.

In step S730, an active page is generated based on the page file, and the active page is displayed in the preview area.

In this embodiment, the preview area is provided in the visualized active page creation table, so that the active page can be restored and rendered in the preview area by the page file. In one embodiment, when the active page is displayed in the preview area, each composite component can be used as a sub-application, the whole active page is used as a main application, the composite component and the active page are communicated with each other in a manner of the sub-application and the main application, and the manner can fully restore the display state of the active page in the terminal equipment; in another embodiment, when the acquisition page is presented in the preview area, each composite component is rendered in the form of a component in the active page, thereby simplifying the business processing logic.

In an alternative embodiment, the rendering of the active page may be implemented with reference to the flow shown in FIG. 8:

as shown in fig. 8, the process includes the steps of:

s810, loading a data component of the active page based on the page file.

Specifically, the page file is parsed to obtain data components in each composite component in the active page, and then each data component is loaded.

S820, the data component initiates a data request based on the data source address and the request parameter, and obtains a request result corresponding to the data request.

The data component initiates a data request according to data source information, request parameters and the like corresponding to the data component in the page file, so that a corresponding request result is obtained. In the request process, the data component may request the workbench server or the service server to obtain a corresponding request result.

And S830, the data component processes the request result and transmits the processed result to the corresponding base component.

The data component performs logic operation or data splicing and the like on the request result according to the corresponding data processing algorithm, for example, static data originally configured by the data component and S820 are spliced with dynamic data obtained by request to obtain a processing result, and after post-processing such as format matching (for example case-to-case conversion) and the like of the processing result, the data can be transmitted to the base component bound with the processing result.

And S840, loading the base assembly, and rendering the processing result and the base assembly according to the processing result transmitted to the base assembly.

The base component can perform processing results and rendering of the base component by a responsive mode and the like.

The steps shown in fig. 8 may also be applied to the process of rendering the active page by the terminal device after the active page is released in the second embodiment.

Step S740, generating an acquisition address or an identification code for acquiring the loading active page, so that the test terminal loads the active page based on the acquisition address or the identification code.

In this embodiment, an acquisition address or an identification code for acquiring the loading active page is generated, and for example, the identification code may be a two-dimensional code. The tester or operator can scan the two-dimensional code or click the acquired address through the terminal equipment used by the tester or operator, and the active page is loaded in the terminal equipment, so that the display effect of the active page in the terminal equipment can be accurately checked.

Therefore, the embodiment of the invention can provide the function of previewing the active page, is convenient for a user to implement and view the active page in the process of configuring the active page, and improves the final presentation effect of the active page.

Example IV

A fourth embodiment of the present invention provides a non-volatile computer storage medium, where at least one executable instruction is stored, where the computer executable instruction may perform the active page generating method in any of the foregoing method embodiments.

The executable instructions may be particularly useful for causing a processor to: displaying at least one candidate basic component generated in advance in a candidate component area, and responding to component selection operation, displaying basic components corresponding to the selected candidate basic components in a component arrangement area; recording the display position of any base component in response to the arrangement operation of the base component; responding to data component binding operation aiming at any basic component, and binding the data component corresponding to the basic component to generate a composite component; for any composite component, generating component configuration data of the composite component according to the display position of the basic component in the composite component, the component information of the basic component and the component information of the data component; and generating page configuration data according to the component configuration data of the composite component so as to generate an active page according to the page configuration data.

In an alternative embodiment, the executable instructions cause the processor to perform the following: detecting a selection operation aiming at the terminal type of the active page application, and determining the terminal type of the active page application; and displaying the component arrangement area matched with the terminal type of the active page application.

In an alternative embodiment, the executable instructions cause the processor to perform the following: detecting a selection operation aiming at the terminal type of the active page application, and determining the terminal type of the active page application; the exposing the pre-generated at least one candidate base component in the candidate component area further comprises: and displaying at least one candidate basic component which is matched with the terminal type of the active page application and is generated in advance in a candidate component area.

In an alternative embodiment, the executable instructions cause the processor to perform the following: responding to the layout optimization operation aiming at least one basic component in the component arrangement area, and acquiring the component number of the basic component corresponding to the layout optimization operation; searching a layout template matched with the number of the components, and adjusting the display position of the basic component corresponding to the layout optimization operation based on the matched layout template.

In an alternative embodiment, the executable instructions cause the processor to perform the following: responsive to an edit operation for a data component, exposing an edit component of the data component in a component edit area; and acquiring configuration data input through the editing component, and generating component information of the data component according to the input configuration data.

In an alternative embodiment, the executable instructions cause the processor to perform the following: at least one configuration item is displayed in the editing component; acquiring configuration data of an input configuration item; for any configuration item, generating an attribute value of a component attribute matched with the configuration item in the data component according to the configuration data of the configuration item.

In an alternative embodiment, the executable instructions cause the processor to perform the following: and acquiring a page code template, and compiling the page code template by utilizing the page configuration data to generate a page file of the active page.

In an alternative embodiment, the executable instructions cause the processor to perform the following: analyzing the page configuration data, acquiring component identifiers of composite components in the page configuration data, and generating a component list based on the component identifiers; and filling the component list and the component configuration data of each composite component into the page code template for template compiling to generate a page file of the active page.

In an alternative embodiment, the executable instructions cause the processor to perform the following: and acquiring the static resources of the page file, and deploying the static resources to a static resource server.

In an alternative embodiment, the executable instructions cause the processor to perform the following: generating the active page based on the page file, and displaying the active page in a preview area; and generating an acquisition address or an identification code for acquiring and loading the active page so as to enable the test terminal to load the active page based on the acquisition address or the identification code.

Example five

Fig. 9 shows a schematic structural diagram of a computing device according to a fifth embodiment of the present invention. The specific embodiments of the present invention are not limited to a particular implementation of a computing device.

As shown in fig. 9, the computing device may include: a processor 902, a communication interface (Communications Interface), a memory 906, and a communication bus 908.

Wherein: processor 902, communication interface 904, and memory 906 communicate with each other via a communication bus 908. A communication interface 904 for communicating with network elements of other devices, such as clients or other servers. The processor 902 is configured to execute the program 910, and may specifically perform relevant steps in the foregoing method embodiments.

In particular, the program 910 may include program code including computer-operating instructions.

The processor 902 may be a central processing unit, CPU, or a specific integrated circuit ASIC (Application Specific Integrated Circuit), or one or more integrated circuits configured to implement embodiments of the present invention. The one or more processors included by the computing device may be the same type of processor, such as one or more CPUs; but may also be different types of processors such as one or more CPUs and one or more ASICs.

A memory 906 for storing a program 910. Memory 906 may comprise high-speed RAM memory or may also include non-volatile memory (non-volatile memory), such as at least one disk memory.

The program 910 may be used to cause the processor 902 to perform operations comprising:

displaying at least one candidate basic component generated in advance in a candidate component area, and responding to component selection operation, displaying basic components corresponding to the selected candidate basic components in a component arrangement area; recording the display position of any base component in response to the arrangement operation of the base component; responding to data component binding operation aiming at any basic component, and binding the data component corresponding to the basic component to generate a composite component; for any composite component, generating component configuration data of the composite component according to the display position of the basic component in the composite component, the component information of the basic component and the component information of the data component; and generating page configuration data according to the component configuration data of the composite component so as to generate an active page according to the page configuration data.

In an alternative embodiment, the program 910 may be specifically configured to cause the processor 902 to: detecting a selection operation aiming at the terminal type of the active page application, and determining the terminal type of the active page application; and displaying the component arrangement area matched with the terminal type of the active page application.

In an alternative embodiment, the program 910 may be specifically configured to cause the processor 902 to: detecting a selection operation aiming at the terminal type of the active page application, and determining the terminal type of the active page application; the exposing the pre-generated at least one candidate base component in the candidate component area further comprises: and displaying at least one candidate basic component which is matched with the terminal type of the active page application and is generated in advance in a candidate component area.

In an alternative embodiment, the program 910 may be specifically configured to cause the processor 902 to: responding to the layout optimization operation aiming at least one basic component in the component arrangement area, and acquiring the component number of the basic component corresponding to the layout optimization operation; searching a layout template matched with the number of the components, and adjusting the display position of the basic component corresponding to the layout optimization operation based on the matched layout template.

In an alternative embodiment, the program 910 may be specifically configured to cause the processor 902 to: responsive to an edit operation for a data component, exposing an edit component of the data component in a component edit area; and acquiring configuration data input through the editing component, and generating component information of the data component according to the input configuration data.

In an alternative embodiment, the program 910 may be specifically configured to cause the processor 902 to: at least one configuration item is displayed in the editing component; acquiring configuration data of an input configuration item; for any configuration item, generating an attribute value of a component attribute matched with the configuration item in the data component according to the configuration data of the configuration item.

In an alternative embodiment, the program 910 may be specifically configured to cause the processor 902 to: and acquiring a page code template, and compiling the page code template by utilizing the page configuration data to generate a page file of the active page.

In an alternative embodiment, the program 910 may be specifically configured to cause the processor 902 to: analyzing the page configuration data, acquiring component identifiers of composite components in the page configuration data, and generating a component list based on the component identifiers; and filling the component list and the component configuration data of each composite component into the page code template for template compiling to generate a page file of the active page.

In an alternative embodiment, the program 910 may be specifically configured to cause the processor 902 to: and acquiring the static resources of the page file, and deploying the static resources to a static resource server.

In an alternative embodiment, the program 910 may be specifically configured to cause the processor 902 to: generating the active page based on the page file, and displaying the active page in a preview area; and generating an acquisition address or an identification code for acquiring and loading the active page so as to enable the test terminal to load the active page based on the acquisition address or the identification code.

The algorithms or displays presented herein are not inherently related to any particular computer, virtual system, or other apparatus. Various general-purpose systems may also be used with the teachings herein. The required structure for a construction of such a system is apparent from the description above. In addition, embodiments of the present invention are not directed to any particular programming language. It will be appreciated that the teachings of the present invention described herein may be implemented in a variety of programming languages, and the above description of specific languages is provided for disclosure of enablement and best mode of the present invention.

In the description provided herein, numerous specific details are set forth. However, it is understood that embodiments of the invention may be practiced without these specific details. In some instances, well-known methods, structures and techniques have not been shown in detail in order not to obscure an understanding of this description.

Similarly, it should be appreciated that in the above description of exemplary embodiments of the invention, various features of the embodiments of the invention are sometimes grouped together in a single embodiment, figure, or description thereof for the purpose of streamlining the disclosure and aiding in the understanding of one or more of the various inventive aspects. However, the disclosed method should not be construed as reflecting the intention that: i.e., the claimed invention requires more features than are expressly recited in each claim. Rather, as the following claims reflect, inventive aspects lie in less than all features of a single foregoing disclosed embodiment. Thus, the claims following the detailed description are hereby expressly incorporated into this detailed description, with each claim standing on its own as a separate embodiment of this invention.

Those skilled in the art will appreciate that the modules in the apparatus of the embodiments may be adaptively changed and disposed in one or more apparatuses different from the embodiments. The modules or units or components of the embodiments may be combined into one module or unit or component and, furthermore, they may be divided into a plurality of sub-modules or sub-units or sub-components. Any combination of all features disclosed in this specification (including any accompanying claims, abstract and drawings), and all of the processes or units of any method or apparatus so disclosed, may be used in combination, except insofar as at least some of such features and/or processes or units are mutually exclusive. Each feature disclosed in this specification (including any accompanying claims, abstract and drawings), may be replaced by alternative features serving the same, equivalent or similar purpose, unless expressly stated otherwise.

Furthermore, those skilled in the art will appreciate that while some embodiments herein include some features but not others included in other embodiments, combinations of features of different embodiments are meant to be within the scope of the invention and form different embodiments. For example, in the following claims, any of the claimed embodiments can be used in any combination.

Various component embodiments of the invention may be implemented in hardware, or in software modules running on one or more processors, or in a combination thereof. Those skilled in the art will appreciate that some or all of the functionality of some or all of the components according to embodiments of the present invention may be implemented in practice using a microprocessor or Digital Signal Processor (DSP). The present invention can also be implemented as an apparatus or device program (e.g., a computer program and a computer program product) for performing a portion or all of the methods described herein. Such a program embodying the present invention may be stored on a computer readable medium, or may have the form of one or more signals. Such signals may be downloaded from an internet website, provided on a carrier signal, or provided in any other form.

It should be noted that the above-mentioned embodiments illustrate rather than limit the invention, and that those skilled in the art will be able to design alternative embodiments without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses shall not be construed as limiting the claim. The word "comprising" does not exclude the presence of elements or steps not listed in a claim. The word "a" or "an" preceding an element does not exclude the presence of a plurality of such elements. The invention may be implemented by means of hardware comprising several distinct elements, and by means of a suitably programmed computer. In the unit claims enumerating several means, several of these means may be embodied by one and the same item of hardware. The use of the words first, second, third, etc. do not denote any order. These words may be interpreted as names. The steps in the above embodiments should not be construed as limiting the order of execution unless specifically stated.

The invention discloses a method for preparing a composite material, which comprises the following steps: A1. an active page generation method, comprising:

A2. The method according to A1, wherein before the presenting, in the component arrangement area, the base component corresponding to the selected candidate base component, the method further comprises:

detecting a selection operation aiming at the terminal type of the active page application, and determining the terminal type of the active page application;

And displaying the component arrangement area matched with the terminal type of the active page application.

A3. The method of A1, wherein prior to said exposing the pre-generated at least one candidate base component in the candidate component region, the method further comprises: detecting a selection operation aiming at the terminal type of the active page application, and determining the terminal type of the active page application;

the exposing the pre-generated at least one candidate base component in the candidate component area further comprises: and displaying at least one candidate basic component which is matched with the terminal type of the active page application and is generated in advance in a candidate component area.

A4. The method of any one of A1-A3, wherein the method further comprises:

responding to the layout optimization operation aiming at least one basic component in the component arrangement area, and acquiring the component number of the basic component corresponding to the layout optimization operation;

searching a layout template matched with the number of the components, and adjusting the display position of the basic component corresponding to the layout optimization operation based on the matched layout template.

A5. The method of any one of A1-A4, wherein the method further comprises:

responsive to an edit operation for a data component, exposing an edit component of the data component in a component edit area;

And acquiring configuration data input through the editing component, and generating component information of the data component according to the input configuration data.

A6. The method of A5, wherein the obtaining configuration data entered by the editing component further comprises: at least one configuration item is displayed in the editing component; acquiring configuration data of an input configuration item;

the generating component information for the data component from the component configuration data further comprises: for any configuration item, generating an attribute value of a component attribute matched with the configuration item in the data component according to the configuration data of the configuration item.

A7. The method of any of A1-A6, wherein the generating an active page from the page configuration data further comprises:

and acquiring a page code template, and compiling the page code template by utilizing the page configuration data to generate a page file of the active page.

A8. The method of A7, wherein the generating the page file of the active page after the page code template is compiled by using the page configuration data further comprises:

analyzing the page configuration data, acquiring component identifiers of composite components in the page configuration data, and generating a component list based on the component identifiers;

And filling the component list and the component configuration data of each composite component into the page code template for template compiling to generate a page file of the active page.

A9. The method of A7, wherein after the generating the pagefile of the active page after the template compiling the page code template using the page configuration data, the method further comprises:

and acquiring the static resources of the page file, and deploying the static resources to a static resource server.

A10. The method of any of A7-A9, wherein after the generating a pagefile of an active page after template compiling the page code template with the page configuration data, the method further comprises:

generating the active page based on the page file, and displaying the active page in a preview area;

and generating an acquisition address or an identification code for acquiring and loading the active page so as to enable the test terminal to load the active page based on the acquisition address or the identification code.

The invention also discloses a computing device comprising: the device comprises a processor, a memory, a communication interface and a communication bus, wherein the processor, the memory and the communication interface complete communication with each other through the communication bus;

B12. The computing device of B11, wherein the executable instructions cause the processor to:

B13. The computing device of B11, wherein the executable instructions cause the processor to:

B14. The computing device of any of B11-B13, wherein the executable instructions cause the processor to:

B15. The computing device of any of B11-B14, wherein the executable instructions cause the processor to:

B16. The computing device of B15, wherein the executable instructions cause the processor to:

at least one configuration item is displayed in the editing component; acquiring configuration data of an input configuration item;

for any configuration item, generating an attribute value of a component attribute matched with the configuration item in the data component according to the configuration data of the configuration item.

B17. The computing device of any of B11-B16, wherein the executable instructions cause the processor to:

B18. The computing device of B17, wherein the executable instructions cause the processor to:

B19. The computing device of B17, wherein the executable instructions cause the processor to:

B20. The computing device of any of B17-B19, wherein the executable instructions cause the processor to:

The invention also discloses: C21. a computer storage medium having stored therein at least one executable instruction for causing a processor to perform operations corresponding to the active page generation method of any one of A1-a 10.

Claims

1. An active page generation method, comprising:

2. The method of claim 1, wherein prior to the presenting of the base component corresponding to the selected candidate base component in the component placement area, the method further comprises:

3. The method of claim 1, wherein prior to said exposing the pre-generated at least one candidate base component in the candidate component region, the method further comprises: detecting a selection operation aiming at the terminal type of the active page application, and determining the terminal type of the active page application;

4. A method according to any one of claims 1-3, wherein the method further comprises:

5. The method of any of claims 1-4, wherein the method further comprises:

6. The method of claim 5, wherein the obtaining configuration data entered by the editing component further comprises: at least one configuration item is displayed in the editing component; acquiring configuration data of an input configuration item;

7. The method of any of claims 1-6, wherein the generating an active page from the page configuration data further comprises:

8. The method of claim 7, wherein the generating a pagefile of an active page after template compiling the page code template using the page configuration data further comprises:

9. A computing device, comprising: the device comprises a processor, a memory, a communication interface and a communication bus, wherein the processor, the memory and the communication interface complete communication with each other through the communication bus;

10. A computer storage medium having stored therein at least one executable instruction for causing a processor to perform operations corresponding to the active page generation method of any one of claims 1-8.