WO2016015432A1 - Page construction method, apparatus, system and device, and nonvolatile computer storage medium - Google Patents

Abstract

A page construction method, apparatus, system and device, and a nonvolatile computer storage medium. Page component data of a page is acquired, wherein the page component data comprises identification information of each target page component of N target page components, identification information of component configuration information of each target page component and assembly information of the N target page components, and N is an integer greater than or equal to 1 (101); then, page source codes of each target page component are acquired according to the identification information of each target page component and the identification information of the component configuration information of each target page component (102); so that the page source codes of each target page component can be assembled according to the assembly information, so as to generate page source codes of the page (103). Because the page source codes of the page are automatically generated according to the page component data of the page, a developer just needs to configure the page source codes of the page components in advance and does not need to configure page source codes of a template page in advance, and therefore the page development efficiency is improved.

Description

Page construction method, device, system, device and non-volatile computer storage medium

The present application claims the priority of the Chinese patent application whose application date is July 28, 2014, and whose application number is 201410364136.0, and the name of the invention is "the construction method, device and system of the page".

Technical field

The present invention relates to a page processing technology, and in particular, to a page construction method, apparatus, system, device, and non-volatile computer storage medium.

Background technique

A page, sometimes called a World Wide Web (Web) page, can be a Web Page based on HyperText Markup Language (HTML), or an HTML page, or it can be based on HTML and A web page written in the Java language, a Java Server Page (JSP), or a web page that can also be written in other languages. When the user needs to build the page, the specified application is used to access the pre-configured template page, and the information and the set style that the user needs to publish are moved to the template page to generate the required page.

However, since the template page is a pre-configured fixed page by the developer according to the publishing requirements of each to-be-published information, the development cycle is long, resulting in a decrease in the development efficiency of the page.

Summary of the invention

Aspects of the present invention provide a page construction method, apparatus, system, device, and non-volatile computer storage medium for improving page development efficiency.

An aspect of the present invention provides a method for constructing a page, including:

Obtaining page component data of the page, the page component data includes identification information of each target page component of the N target page components, identification information of component configuration information of each target page component, and assembly of N target page components Information, N is an integer greater than or equal to 1;

Obtaining, according to the identification information of each target page component and the identification information of component configuration information of each target page component, a page source code of each target page component;

According to the assembly information, the page source code of each target page component is assembled to generate a page source code of the page.

The aspect as described above and any possible implementation manner further provide an implementation manner, where the identifier information of each target page component and the identifier information of the component configuration information of each target page component are obtained. The page source code of each target page component includes:

Sending, to the page component platform, the identification information of each of the target page components and the identification information of the component configuration information of each of the target page components, so that the page component platform is based on the identification information of each of the target page components and The identification information of the component configuration information of each target page component is obtained by obtaining the page source code of each target page component;

Receiving page source code of each of the target page components sent by the page component platform.

The aspect as described above, and any possible implementation manner, further providing an implementation manner, the sending, to the page component platform, the identification information of each target page component and the component configuration information of each target page component Identification information, including:

And sending, to the page component platform, identification information of each target page component and identification information of component configuration information of each target page component; or

At the same time, the identification information of each of the target page components and the identification information of the component configuration information of each of the target page components are sent to the page component platform.

The aspect as described above, and any possible implementation manner, further provide an implementation manner, before the acquiring the page component data of the page, the method further includes:

Showing the identifiers of the M candidate page components, where M is an integer greater than or equal to N;

Collecting operation instructions input by the input device;

Selecting, according to the operation instruction, an identifier of a candidate page component from the identifiers of the M candidate page components, to use the one candidate page component as the target page component;

Presenting a configuration page of the target page component;

Collecting component configuration information input by the input device in the configuration page;

Performing storage processing on the identification information of the target page component, the identification information of the component configuration information of the target page component, and the component configuration information of the target page component.

The aspect as described above, and any possible implementation manner, further provide an implementation manner, before the acquiring the page component data of the page, the method further includes:

Obtaining an initial source code of the page according to the identification information of the page;

Presenting the page according to an initial source code of the page;

And moving, according to the operation instruction, an identifier of one candidate page component of the identifiers of the M candidate page components to a specified position in the page;

Obtaining a template source code of the one candidate page component according to the identifier information of the one candidate page component;

And displaying, according to the template source code of the one candidate page component, a component template of the one candidate page component at the specified location.

The aspect as described above, and any possible implementation manner, further providing an implementation manner, according to the template source code of the one candidate page component, displaying the component template of the one candidate page component at the specified location At the same time or after, it also includes:

Obtaining a page source code of the one candidate page component according to the template source code of the one candidate page component and the identification information of the component configuration information of the one candidate page component;

Deriving a component instance of the one candidate page component at the specified location according to the page source code of the one candidate page component.

In an aspect as described above and any possible implementation, an implementation is further provided, the operation instruction comprising a click operation instruction or a drag operation instruction.

In an aspect as described above and any possible implementation, an implementation is further provided, the page component comprising at least one page element.

In another aspect of the present invention, a device for constructing a page is provided, including:

An obtaining unit, configured to acquire page component data of a page, where the page component data includes Identification information of each target page component of the N target page components, identification information of component configuration information of each target page component, and assembly information of N target page components, where N is an integer greater than or equal to 1;

a rendering unit, configured to obtain, according to the identification information of each target page component and the identification information of component configuration information of each target page component, a page source code of each target page component;

The assembling unit is configured to assemble the page source code of each target page component according to the assembling information to generate a page source code of the page.

An aspect of the foregoing, and any possible implementation, further providing an implementation manner, where the rendering unit is specifically configured to

Sending, to the page component platform, the identification information of each of the target page components and the identification information of the component configuration information of each of the target page components, so that the page component platform is based on the identification information of each of the target page components and The identification information of the component configuration information of each target page component is obtained, and the page source code of each target page component is obtained;

Receiving page source code of each of the target page components sent by the page component platform.

An aspect of the foregoing, and any possible implementation, further providing an implementation manner, where the rendering unit is specifically configured to

And sending, to the page component platform, identification information of each target page component and identification information of component configuration information of each target page component; or

At the same time, the identification information of each of the target page components and the identification information of the component configuration information of each of the target page components are sent to the page component platform.

An aspect of the foregoing, and any possible implementation, further providing an implementation, the device further comprising a configuration unit, configured to:

Showing the identifiers of the M candidate page components, where M is an integer greater than or equal to N;

Collecting operation instructions input by the input device;

Selecting, according to the operation instruction, an identifier of a candidate page component from the identifiers of the M candidate page components, to use the one candidate page component as the target page component;

Presenting a configuration page of the target page component;

Collecting component configuration information input by the input device in the configuration page;

Performing storage processing on the identification information of the target page component, the identification information of the component configuration information of the target page component, and the component configuration information of the target page component.

An aspect of the foregoing, and any possible implementation, further providing an implementation manner, where the configuration unit is further used to

Obtaining an initial source code of the page according to the identification information of the page;

Presenting the page according to an initial source code of the page;

And moving, according to the operation instruction, an identifier of one candidate page component of the identifiers of the M candidate page components to a specified position in the page;

Obtaining template source code of the one candidate page component according to the identifier information of the one candidate page component;

And displaying, according to the template source code of the one candidate page component, a component template of the one candidate page component at the specified location.

An aspect of the foregoing, and any possible implementation, further providing an implementation manner, where the configuration unit is further used to

Obtaining a page source code of the one candidate page component according to the template source code of the one candidate page component and the identification information of component configuration information of the one candidate page component;

Deriving a component instance of the one candidate page component at the specified location according to the page source code of the one candidate page component.

In an aspect as described above and any possible implementation, an implementation is further provided, the operation instruction comprising a click operation instruction or a drag operation instruction.

In an aspect as described above and any possible implementation, an implementation is further provided, the page component comprising at least one page element.

Another aspect of the present invention provides a page construction system, including a page component platform and a device for constructing a page according to the above aspect;

The page component platform for

Receiving identification information of each target page component sent by the constructing device of the page and identification information of component configuration information of each target page component;

Obtaining, according to the identification information of each target page component and the identification information of the component configuration information of each target page component, the page source code of each target page component;

Sending each of the targets sent by the page component platform to a build device of the page The page source code for the page component.

An aspect of the foregoing, and any possible implementation manner, further provide an implementation manner, where the page component platform is specifically used to

Obtaining template source code of each target page component according to the identification information of each target page component;

Obtaining component configuration information of each of the target page components according to the identification information of the component configuration information of each target page component;

And obtaining page source code of each target page component according to the template source code and component configuration information of each target page component.

An aspect of the foregoing, and any possible implementation, further providing an implementation manner, the page component platform is further used to

The storage processing is performed on the identification information of each of the target page components and the template source code of each of the target page components.

In another aspect of the invention, an apparatus is provided, comprising:

One or more processors;

Memory

One or more programs, the one or more programs being stored in the memory, when executed by the one or more processors:

Obtaining page component data of the page, the page component data including identification information of each target page component of the N target page components, component configuration of each of the target page components The identification information of the information and the assembly information of the N target page components, where N is an integer greater than or equal to 1;

Obtaining, according to the identification information of each target page component and the identification information of component configuration information of each target page component, a page source code of each target page component;

According to the assembly information, the page source code of each target page component is assembled to generate a page source code of the page.

In another aspect of the present invention, a nonvolatile computer storage medium storing one or more programs when the one or more programs are executed by a device causes The device:

Obtaining page component data of the page, the page component data includes identification information of each target page component of the N target page components, identification information of component configuration information of each target page component, and assembly of N target page components Information, N is an integer greater than or equal to 1;

Obtaining, according to the identification information of each target page component and the identification information of component configuration information of each target page component, a page source code of each target page component;

According to the assembly information, the page source code of each target page component is assembled to generate a page source code of the page.

According to the foregoing technical solution, the embodiment of the present invention obtains page component data of a page, where the page component data includes identifier information of each target page component of the N target page components, and component configuration information of each target page component. Identification information and assembly information of N target page components, N being an integer greater than or equal to 1, and then according to each target page The identification information of the face component and the identification information of the component configuration information of each target page component obtain the page source code of each target page component, so that each target page component can be obtained according to the assembly information The page source code is assembled to generate the page source code of the page. Since the page source code of the page is automatically generated according to the page component data of the page, the developer only needs to pre-configure the page source code of the page component without pre-configuring the template. The page source code of the page, which improves the development efficiency of the page.

In addition, according to the technical solution provided by the present invention, since the page source code of the page is automatically generated according to the page component data of the page, the developer only needs to pre-configure the page source code of the page component, and does not need to pre-configure the page source code of the template page, thereby saving The development cost of the page.

In addition, according to the technical solution provided by the present invention, the developer only needs to reconfigure the page source code of the page component, and the page source code of the template page does not need to be reconfigured, thereby further improving the page development. Efficiency, and can further reduce the development cost of the page.

In addition, by using the technical solution provided by the present invention, by collecting an operation instruction input by the input device, and according to the operation instruction, selecting an identifier of the candidate page component from the identifiers of the M candidate page components, to The candidate page component is used as a target page component in the page component data. Since the template page of the fixed content is no longer completely dependent on the template construction of the fixed content, the page is constructed in conjunction with the operation instruction input by the input device, so that the constructed page is made. Can basically meet the true intention of the user to build the page, therefore, able to The problem of increasing the data interaction between the application and the server caused by the user repeatedly adjusting the template page by specifying the application in the prior art is avoided, thereby reducing the processing load of the server.

In addition, with the technical solution provided by the present invention, since the template page of the fixed content is no longer completely dependent on the construction of the page, the page is constructed in conjunction with the operation instruction input by the input device, so that the constructed page can basically satisfy the user's construction. The true intent of the page, therefore, can effectively improve the effectiveness of page construction.

In addition, with the technical solution provided by the present invention, since the template page of the fixed content is no longer completely dependent on the construction of the page, the page is constructed in conjunction with the operation instruction input by the input device, so that the constructed page can basically satisfy the user's construction. The true intent of the page, therefore, can effectively improve the efficiency of page construction.

DRAWINGS

In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings used in the embodiments or the prior art description will be briefly described below. Obviously, the drawings in the following description are the present invention. For some embodiments, other drawings may be obtained from those of ordinary skill in the art in light of the inventive workability.

1 is a schematic flowchart of a method for constructing a page according to an embodiment of the present invention;

2 is a schematic flowchart of a method for constructing a page according to another embodiment of the present invention;

3 is a schematic diagram showing an interface in the embodiment corresponding to FIG. 2;

4 is a schematic diagram showing another interface in the embodiment corresponding to FIG. 2;

FIG. 5 is a schematic diagram showing another interface in the embodiment corresponding to FIG. 2; FIG.

6 is a schematic diagram showing another interface in the embodiment corresponding to FIG. 2;

FIG. 7 is a schematic structural diagram of a device for constructing a page according to another embodiment of the present invention;

FIG. 8 is a schematic structural diagram of a device for constructing a page according to another embodiment of the present invention;

FIG. 9 is a schematic structural diagram of a system for constructing a page according to another embodiment of the present invention.

detailed description

The technical solutions in the embodiments of the present invention will be clearly and completely described in conjunction with the drawings in the embodiments of the present invention. It is a partial embodiment of the invention, and not all of the embodiments. All other embodiments obtained by those skilled in the art based on the embodiments of the present invention without creative efforts are within the scope of the present invention.

It can be understood that the page involved in the present invention may also be referred to as a Web page, and may be a Web page written based on HyperText Markup Language (HTML), that is, an HTML page, or may be based on Web pages written in the HTML and Java languages, that is, Java Server Pages (JSPs), or web pages that can also be written in other languages, are not specifically limited in this embodiment.

A page may include a display block defined by one or more page tags, such as HTML tags, JSP tags, etc., called page elements, such as text, images, hyperlinks, buttons, input boxes, drop-down boxes, etc. The embodiment is not particularly limited thereto.

It should be noted that the terminals involved in the embodiments of the present invention may include, but are not limited to, a mobile phone, a personal digital assistant (PDA), a wireless handheld device, a wireless netbook, a personal computer, a portable computer, and a personal computer (Personal Computer). , PC), MP3 player, MP4 player, etc.

In addition, the term "and/or" herein is merely an association relationship describing an associated object, indicating that there may be three relationships, for example, A and/or B, which may indicate that A exists separately, and A and B exist at the same time. There are three cases of B alone. In addition, the character "/" in this article generally indicates that the contextual object is an "or" relationship.

It should be noted that the page involved in this embodiment may be a page of a PC site, or may also be a page of a mobile site, which is not specifically limited in this embodiment.

With the development of mobile Internet, the wave of construction of mobile sites is on the rise. At the same time, a number of mobile site building tools and services for individuals and small and medium-sized enterprises have emerged. The common feature is to provide users with a visual, WYSIWYG online site construction platform, including page content construction, page style configuration, site hosting, domain name deployment and other functions to help users create and manage mobile quickly and easily. Site.

Compared with traditional PC sites, mobile sites have the characteristics of small page size, simple layout (mainly vertical), simple specification of page elements, and content-based interaction. Since the template page is known for its site style and style, the page used by the mobile site is built using the template page, which causes a lot of redundancy or page elements to be modified in the template page, which may make the constructed page unsatisfactory. The user's true intention is that the user needs to increase the data interaction between the application and the server caused by the repeated adjustment of the template page by the specified application, thereby causing an increase in the processing load of the server.

FIG. 1 is a schematic flowchart of a method for constructing a page according to an embodiment of the present invention, as shown in FIG. 1 .

101. Obtain page component data of a page, where the page component data includes identification information of each target page component of the N target page components, and a group of each target page component. The identification information of the piece configuration information and the assembly information of the N target page components, and N is an integer greater than or equal to 1.

The identification information of the target page component may include, but is not limited to, an identity (IDentity, ID), a number, and the like of the page component.

The identification information of the component configuration information of the target page component may include, but is not limited to, an ID, a number, and the like of the component configuration information of the target page component.

102. Obtain, according to the identifier information of each target page component and the identifier information of component configuration information of each target page component, a page source code of each target page component.

103. Perform, according to the assembling information, a page source code of each target page component to assemble a page source code of the page.

At this point, get the page source code of a complete page, for example, HTML page source code or JSP source code. The HTML source code corresponding to the page source code is provided to the user to access the application of the page, so that the application presents the page to the user according to the page source code.

Optionally, in a possible implementation manner of the embodiment, the page component may include, but is not limited to, at least one page element, that is, the page component is a set of page elements.

Specifically, the page component may include, but is not limited to, a title component, a navigation component, a directory component, an image upload component, a text component, a table component, a map component, a tab (TAB) component, a link component, an editing component, a sharing component, The contact component, the third-party component, and other components are not specifically limited in this embodiment.

For example, the title component can text this page element.

Or, for example, the picture component can include page elements such as hyperlinks, input boxes, buttons, and drop down boxes.

Or, for example, the editing component can include page elements such as input boxes and buttons.

Alternatively, for example, the contact component can include page elements such as input boxes, buttons, and drop down boxes.

In this embodiment, the so-called page component is not a static entity, but a dynamic entity including a front-end presentation template, business logic code, and data storage, which can provide users with richer interaction effects, and Pages can be exchanged and collaborated with information through event-driven mechanisms to further enhance the expressive capabilities of page components.

These page components are deployed in a page component platform, such as a component hosting module, and each page component has unique identifying information, such as the ID or number of the page component.

The page component platform is a running and management platform for various page components, and is responsible for various operations in the life cycle of submitting, reviewing, installing, running, and updating the page components. In order to facilitate the development of page components and to run more efficiently, the page component platform provides detailed page component development specifications and page component development framework. According to the development specification, the developer can implement the application of the page component permission, the page component dependency description, the page component interface export, the page component data table application, etc. through the configuration file; the development framework provides the template component, the page cache, and the page component. For basic services such as database access, URL mapping, and static file access, page component developers only need to focus on the business logic of the page component, that is, the development of the business source code business logic.

Optionally, in a possible implementation manner of the embodiment, the assembling information may include, but is not limited to, at least one of header information of the page, navigation information of the page, body information of the page, and tail information of the page. , as well as layout information for page components. among them,

The header information of the page may be used to indicate content in a portion between the upper border of the page and the body of the page, for example, a page title, a page description, a page keyword, and the like.

The navigation information of the page may be used to indicate the content in the navigation bar of the page. The general page has a navigation bar for user browsing. The navigation bar of the so-called page refers to the general name of the form such as the column, menu, online help, classification and other layout structures that guide the user to visit the website. Therefore, in the process of website construction, the navigation structure of the website must be clear, and the user can find the content that he likes in the shortest time.

The body information of the page may be used to indicate the content of the page, such as articles, directories, and the like.

The tail information of the page may be used to indicate content in a portion between the body of the page and the bottom border of the page, for example, copyright information and the like.

It should be noted that the execution body of 101 to 103 may be an application located in a local terminal, or may be a plug-in or a software development kit (SDK) functional unit located in an application of the local terminal, or The processing engine in the server on the network side, or the distributed system on the network side, may not be specifically limited in this embodiment.

It can be understood that the application may be an application installed on the terminal (Native App), or may be a web application of the browser, which is not limited in this embodiment.

In this way, by acquiring page component data of the page, the page component data includes identification information of each target page component of the N target page components, identification information of component configuration information of each target page component, and N target pages. The assembly information of the component, N is an integer greater than or equal to 1, and further according to the identification information of each target page component and each of the Identification information of the component configuration information of the target page component, obtaining the page source code of each target page component, so that the page source code of each target page component is assembled according to the assembly information, The page source code of the page is generated. Since the page source code of the page is automatically generated according to the page component data of the page, the developer only needs to pre-configure the page source code of the page component, and does not need to pre-configure the page source code of the template page, thereby improving the page source code. The efficiency of page development.

Optionally, in a possible implementation manner of the embodiment, in 101, a page access request sent by a client may be received, where the page access request includes identifier information of the page, for example, uniform resource location of the page. Uniform Resource Locator (URL), sometimes referred to as a web page address. Further, the page component data of the page may be obtained according to the identification information of the page.

Optionally, in a possible implementation manner of this embodiment, in 102, the identifier information of each target page component and the component configuration information of each target page component may be specifically sent to the page component platform. The information is identified such that the page component platform obtains the page source code of each of the target page components according to the identification information of each of the target page components and the identification information of the component configuration information of each of the target page components. Then, the page source code of each of the target page components sent by the page component platform may be received.

Specifically, the identification information of each target page component and the identification information of component configuration information of each target page component may be sent to the page component platform in sequence. For example, the request may be sent to the page component platform in turn, and each time the sent request includes only the identification information of one target page component and the identification information of component configuration information of a target page component. In this way, the page construction is not efficient due to the serial method of requesting to the page component platform.

Specifically, the identification information of each target page component and the identification information of component configuration information of each target page component may be sent to the page component platform at the same time. For example, a request may be sent to the page component platform, the one request containing identification information of each target page component and identification information of component configuration information of each target page component. In this way, since the request is made to the page component platform in a parallel manner, the efficiency of page construction can be effectively improved.

Optionally, in a possible implementation manner of the embodiment, in 103, specifically, according to the assembling information, and using a page label, for example, an HTML tag, a JSP tag, or the like, for each target page component. The page source code is assembled to generate the page source code for the page.

For example, a DIV tag can be specifically utilized. DIV tags are elements used to provide structure and context for content in several areas within an HTML page. Everything between the start and end tags of a DIV tag is used to define this area, where the properties of the included page component are controlled by the properties of the DIV tag, or by using a cascading style sheet (Cascading Style). Sheet, CSS) Format this area for control. For a detailed description of the DIV tag, refer to related content in the prior art, and details are not described herein again.

In this embodiment, by acquiring page component data of a page, the page component data includes identification information of each target page component of the N target page components, identification information of component configuration information of each target page component, and N The assembly information of the target page components, N is an integer greater than or equal to 1, and the obtained information is obtained according to the identification information of each target page component and the identification information of the component configuration information of each target page component. The page source code of the target page component enables the page source code of each target page component to be assembled according to the assembly information to generate a page source code of the page. Since the page source code of the page is automatically generated according to the page component data of the page, the developer only needs to pre-configure the page source code of the page component, and does not need to pre-configure the page source code of the template page, thereby improving the development efficiency of the page.

In addition, according to the technical solution provided by the present invention, since the page source code of the page is automatically generated according to the page component data of the page, the developer only needs to pre-configure the page source code of the page component, and does not need to pre-configure the page source code of the template page, thereby saving The development cost of the page.

In addition, according to the technical solution provided by the present invention, the developer only needs to reconfigure the page source code of the page component, and the page source code of the template page does not need to be reconfigured, thereby further improving the page development. Efficiency, and can further reduce the development cost of the page.

Optionally, in another embodiment of the present invention, prior to 101, an instantiation operation may be further performed on the target page component included in the page to obtain a component instance of the target page component. Specifically, a visual editing platform, hereinafter referred to as a website building platform, may be specifically used to complete the foregoing operations. The website platform can provide users with site and page creation and management functions. The core of the site is a WYSIWYG page editor. Users who use the page editor can click the page component or drag and drop page components to perform page components. The choice to complete the page's build and live preview of the effect. When a user creates a site using the website, he or she can first fill in the basic information of the site, such as the site name, and then fill in the basic information of the page such as the page name, and then perform the page construction operation. FIG. 2 is a schematic flowchart diagram of a method for constructing a page according to another embodiment of the present invention.

201. The website platform displays identifiers of M candidate page components, where M is an integer greater than or equal to N.

For example, as shown in FIG. 3, the station platform in FIG. 3 presents a component library interface in the leftmost area of the interface, and sometimes may also be referred to as a component panel. The component panel specifically displays the identifiers of the navigation component, the identifier of the slide component, the identifier of the picture component, and the identifier of the text component, etc., for the user to select. The identifier of the candidate page component may be a picture label of the candidate page component, and the like.

202. The website platform collects an operation instruction input by the input device.

It should be noted that the input device in this embodiment may include, but is not limited to, a mouse, a keyboard, or a touch screen, which is not specifically limited in this embodiment.

Specifically, the operation instruction may include, but is not limited to, a click operation instruction or a drag operation instruction, which is not specifically limited in this embodiment.

Specifically, in a possible implementation manner of the embodiment, in 202, the website establishing platform may specifically collect an operation instruction of the input device used by the user on the interface displayed by the website, for example, the user selects by using the input device. The identification of the candidate page component or the selection of the selected candidate page component by the preset distance, and the like.

203. The website platform selects, according to the operation instruction, an identifier of a candidate page component from the identifiers of the M candidate page components, to use the one candidate page component as the target page component.

204. The website platform displays a configuration page of the target page component.

For example, as shown in FIG. 3, the station platform in FIG. 3 presents a component management interface in the rightmost area of the interface, and sometimes may also be referred to as a component instance configuration panel. The component instance configuration panel specifically displays the configuration options of the target page component, such as component content, component style, etc., for the user to select and configure.

205. The website platform collects component components input by the input device in the configuration page. Set the information.

Specifically, the website platform may specifically collect component configuration information input by the input device used by the user in the configuration option of the target page component displayed on the configuration page. If the website platform collects the input operation of the input device displayed by the user on the specified button displayed on the configuration page, the input operation is ended, and the configuration page of the target page component is no longer displayed.

For example, referring to FIG. 3, the user can click the save button to end the input operation.

206. The website platform performs storage processing on the identifier information of the target page component, the identifier information of the component configuration information of the target page component, and the component configuration information of the target page component.

Specifically, the website platform may specifically store the identification information of the target page component and the identification information of the component configuration information of the target page component as a data pair as a record in the structured data list. Further, the website platform moves the component configuration information of the target page component to the corresponding record as structured data of a complete target page component. These structured data can be stored in a distributed database.

It can be understood that the component configuration information of the target page component can be directly used as a data item of a record in the structured data list, or can also be in one-to-one correspondence with the identification information of the component configuration information of the target page component. Stored in another structured data list. This embodiment is not particularly limited.

Optionally, the records of each target page component in the component instance list may be arranged according to the relative positional relationship of the target page components. For example, the relative positional relationship of the target page components is sequentially arranged downward, and accordingly, the records of the target page components are also sequentially configured downward according to the order of the target page components.

At this point, get a component instance of the target page component. By analogy, 201 to 206 can be repeatedly executed to obtain a component instance of other target page components included in the page, which is not described in this embodiment.

It should be noted that the website construction platform of 201 to 206 may be an application located in a local terminal, or may be a plug-in or a software development kit (SDK) functional unit located in an application of the local terminal, or The processing engine in the server on the network side, or the distributed system on the network side, may not be specifically limited in this embodiment.

It can be understood that the application may be an application installed on the terminal (Native App), or may be a web application of the browser, which is not limited in this embodiment.

In this way, by using the technical solution provided by the present invention, by collecting an operation instruction input by the input device, and according to the operation instruction, selecting an identifier of the candidate page component from the identifiers of the M candidate page components, to The candidate page component is used as a target page component in the page component data. Since the template page of the fixed content is no longer completely dependent on the template construction of the fixed content, the page is constructed in conjunction with the operation instruction input by the input device, so that the constructed page is made. It can basically satisfy the true intention of the user to build the page. Therefore, the problem of increasing the data interaction between the application and the server caused by the user repeatedly adjusting the template page through the specified application can be avoided in the prior art, thereby reducing the processing of the server. burden.

Optionally, in a possible implementation manner of the embodiment, the website platform may further perform real-time display on the constructed page.

First, the website platform can obtain the beginning of the page according to the identification information of the page. The source code, and then the page can be presented based on the initial source code of the page. The initial source code may include a page code corresponding to the information such as the page name, as shown in FIG. 4, and only the page including the page name "Baidu Light Application" is displayed.

Then, the website platform may move the identifier of one candidate page component of the identifiers of the M candidate page components to the specified position in the page according to the operation instruction.

As shown in FIG. 5, in FIG. 5, the website building platform may specifically move the identifier of the article list to a specified position in the displayed page according to the drag operation command input by the collected input device.

It can be understood that the so-called specified location may be a pre-configured location, for example, a position in which each target page component is sequentially arranged downward, or may also be used by a developer to use a format component such as a TAB component, a column component, or The position specified by the page component such as the table component is not particularly limited in this embodiment.

Then, the website platform can obtain the template source code of the one candidate page component according to the identification information of the one candidate page component.

Specifically, the website platform may specifically send the identifier information of the one candidate page component to the page component platform, so that the page component platform obtains the template source code of the one candidate page component according to the identifier information of the one candidate page component. Further, the website platform can receive the template source code of the one candidate page component sent by the page component platform.

Finally, the website platform may display the component template of the one candidate page component at the specified location according to the template source code of the one candidate page component.

As shown in FIG. 6, the website platform may further display the template source code of the one candidate page component and the component configuration information of the one candidate page component while displaying the component template of the one candidate page component. Identification information, obtain the one The page source code of the candidate page component, and then the component instance of the one candidate page component is presented at the specified location according to the page source code of the one candidate page component.

Specifically, the website platform may specifically send the identifier information of the component configuration information of the one candidate page component to the page component platform, so that the page component platform obtains the one according to the identifier information of the component configuration information of the one candidate page component. Component configuration information for candidate page components. Further, the website platform can receive component configuration information of the one candidate page component sent by the page component platform. Then, the website platform may obtain the page source code of the one candidate page component according to the template source code of the one candidate page component and the component configuration information of the one candidate page component.

Continuing to refer to FIG. 6, the user can click on the preview button displayed in the interface, and the website platform can display the page for the user to preview the actual effect of the page.

In this embodiment, by collecting an operation instruction input by the input device, and according to the operation instruction, selecting an identifier of the candidate page component from the identifiers of the M candidate page components, to form the candidate page component as a component. A target page component in the page component data, because the template page of the fixed content is no longer completely dependent on the template construction of the fixed content, but the page is constructed in accordance with the operation instruction input by the input device, so that the constructed page can basically satisfy the user's construction. The true intention of the page, therefore, the problem of increasing the data interaction between the application and the server caused by the user repeatedly adjusting the template page by the specified application in the prior art can be avoided, thereby reducing the processing load of the server.

In addition, with the technical solution provided by the present invention, since the template page of the fixed content is no longer completely dependent on the construction of the page, the page is constructed in conjunction with the operation instruction input by the input device, so that the constructed page can basically satisfy the user's construction. The true intent of the page, therefore, can effectively improve the effectiveness of page construction.

In addition, with the technical solution provided by the present invention, since the template page of the fixed content is no longer completely dependent on the construction of the page, the page is constructed in conjunction with the operation instruction input by the input device, so that the constructed page can basically satisfy the user's construction. The true intent of the page, therefore, can effectively improve the efficiency of page construction.

It should be noted that, for the foregoing method embodiments, for the sake of simple description, they are all expressed as a series of action combinations, but those skilled in the art should understand that the present invention is not limited by the described action sequence. Because certain steps may be performed in other sequences or concurrently in accordance with the present invention. In addition, those skilled in the art should also understand that the embodiments described in the specification are all preferred embodiments, and the actions and modules involved are not necessarily required by the present invention.

In the above embodiments, the descriptions of the various embodiments are different, and the details that are not detailed in a certain embodiment can be referred to the related descriptions of other embodiments.

FIG. 7 is a schematic structural diagram of a device for constructing a page according to another embodiment of the present invention, as shown in FIG. 7. The construction apparatus of the page of the present embodiment may include an acquisition unit 71, a rendering unit 72, and a splicing unit 73. The obtaining unit 71 is configured to acquire page component data of a page, where the page component data includes identifier information of each target page component of the N target page components, and identifier information of component configuration information of each target page component. The assembly information of the N target page components, N is an integer greater than or equal to 1; the rendering unit 72 is configured to identify, according to the identification information of each target page component and the component configuration information of each target page component Information, obtaining the page source code of each target page component; the assembling unit 73, configured to assemble the page source code of each target page component according to the assembly information, to generate a page of the page Source code.

It should be noted that the device for constructing the page provided in this embodiment may be located in the present embodiment. The application of the local terminal, or may be a plug-in or a software development kit (SDK) functional unit located in the application of the local terminal, or may be a processing engine located in a server on the network side, or may also For the distributed system located on the network side, this embodiment does not specifically limit this.

It can be understood that the application may be an application installed on the terminal (Native App), or may be a web application of the browser, which is not limited in this embodiment.

Optionally, in a possible implementation manner of the embodiment, the page component may include, but is not limited to, at least one page element, that is, the page component is a set of page elements.

Optionally, in a possible implementation manner of the embodiment, the rendering unit 72 may be specifically configured to send, to the page component platform, identifier information of each target page component and each of the target page components. And the identification information of the component configuration information, so that the page component platform obtains the identifier information of each of the target page components according to the identification information of each of the target page components and the identification information of the component configuration information of each of the target page components. a page source code; and a page source code for receiving each of the target page components sent by the page component platform.

Specifically, the rendering unit 72 may be configured to sequentially send identifier information of each target page component and identifier information of component configuration information of each target page component to the page component platform.

Specifically, the rendering unit 72 may be configured to send identifier information of each target page component and identifier information of component configuration information of each target page component to the page component platform at the same time.

Optionally, in a possible implementation manner of this embodiment, as shown in FIG. The apparatus for constructing the page provided by the embodiment may further include a configuration unit 81 for displaying the identifiers of the M candidate page components, M being an integer greater than or equal to N; collecting an operation instruction input by the input device; The instruction, from the identifiers of the M candidate page components, select an identifier of the candidate page component to use the one candidate page component as the target page component; display the configuration page of the target page component; and collect the input device in the The component configuration information input in the configuration page; and the identification information of the target page component, the identification information of the component configuration information of the target page component, and the component configuration information of the target page component are stored.

Further, the configuration unit 81 may be further configured to: obtain an initial source code of the page according to the identifier information of the page; and display the page according to an initial source code of the page; An operation instruction, moving an identifier of one candidate page component of the identifiers of the M candidate page components to a specified position in the page; obtaining a template source of the one candidate page component according to the identifier information of the one candidate page component And displaying a component template of the one candidate page component at the specified location according to the template source code of the one candidate page component.

Further, the configuration unit 81 may be further configured to obtain, according to the template source code of the one candidate page component and the identifier information of the component configuration information of the one candidate page component, the one candidate page component is obtained. a page source code; and a component instance of the one candidate page component is presented at the specified location according to the page source code of the one candidate page component.

The operation instruction may include, but is not limited to, a click operation instruction or a drag operation instruction, which is not specifically limited in this embodiment.

It should be noted that the method in the embodiment corresponding to FIG. 1 can be provided by the embodiment. The construction of the page is implemented. For details, refer to related content in the embodiment corresponding to FIG. 1, and details are not described herein again.

In this embodiment, the page component data of the page is acquired by the obtaining unit, where the page component data includes identification information of each target page component of the N target page components, and identifier information of component configuration information of each target page component. And N pieces of target page component assembly information, N is an integer greater than or equal to 1, and further, the rendering unit is configured according to the identification information of each target page component and the identification information of component configuration information of each target page component. Obtaining a page source code of each target page component, so that the assembling unit is capable of assembling the page source code of each target page component according to the assembling information to generate a page source code of the page, According to the page component data of the page, the page source code of the page is automatically generated. The developer only needs to pre-configure the page source code of the page component, and does not need to pre-configure the page source code of the template page, thereby improving the development efficiency of the page.

In addition, according to the technical solution provided by the present invention, since the page source code of the page is automatically generated according to the page component data of the page, the developer only needs to pre-configure the page source code of the page component, and does not need to pre-configure the page source code of the template page, thereby saving The development cost of the page.

In addition, according to the technical solution provided by the present invention, the developer only needs to reconfigure the page source code of the page component, and the page source code of the template page does not need to be reconfigured, thereby further improving the page development. Efficiency, and can further reduce the development cost of the page.

In addition, by using the technical solution provided by the present invention, by collecting an operation instruction input by the input device, and according to the operation instruction, selecting an identifier of the candidate page component from the identifiers of the M candidate page components, to Candidate page component as a component page group A target page component in the piece of data, because the template page of the fixed content is no longer completely dependent on the construction of the page, but the operation of the input device is used to construct the page, so that the constructed page can basically satisfy the user to build the page. The real intention is to avoid the problem of increasing the data interaction between the application and the server caused by the user repeatedly adjusting the template page by specifying the application in the prior art, thereby reducing the processing load of the server.

In addition, with the technical solution provided by the present invention, since the template page of the fixed content is no longer completely dependent on the construction of the page, the page is constructed in conjunction with the operation instruction input by the input device, so that the constructed page can basically satisfy the user's construction. The true intent of the page, therefore, can effectively improve the effectiveness of page construction.

In addition, with the technical solution provided by the present invention, since the template page of the fixed content is no longer completely dependent on the construction of the page, the page is constructed in conjunction with the operation instruction input by the input device, so that the constructed page can basically satisfy the user's construction. The true intent of the page, therefore, can effectively improve the efficiency of page construction.

FIG. 9 is a schematic structural diagram of a page construction system according to another embodiment of the present invention, as shown in FIG. 9. The construction system of the page of this embodiment may include the page component platform 91 and the construction means 92 of the page provided by the embodiment corresponding to FIG. 7 or FIG. The page component platform 91 is configured to receive identification information of each target page component sent by the construction device 92 of the page, and identification information of component configuration information of each target page component; Identification information of each target page component and identification information of component configuration information of each target page component, obtaining page source code of each target page component; and transmitting the page to the construction device 92 of the page The page source code of each of the target page components sent by the component platform.

For a detailed description of the construction device 92 of the page, refer to related content in the embodiment corresponding to FIG. 7 or FIG. 8 , and details are not described herein again.

Optionally, in a possible implementation manner of the embodiment, the page component platform 91 is specifically configured to obtain a template source of each target page component according to the identification information of each target page component. a code; obtaining, according to the identification information of the component configuration information of each target page component, component configuration information of each of the target page components; and component configuration information according to the template source code and the each target page component Get the page source code of each target page component.

Optionally, in a possible implementation manner of the embodiment, the page component platform 91 may further be used to identify information about each target page component and a template source of each target page component. Code, for storage processing.

A person skilled in the art can clearly understand that for the convenience and brevity of the description, the specific working process of the system, the device and the unit described above can refer to the corresponding process in the foregoing method embodiment, and details are not described herein again.

In the several embodiments provided by the present invention, it should be understood that the disclosed system, apparatus, and method may be implemented in other manners. For example, the device embodiments described above are merely illustrative. For example, the division of the unit is only a logical function division, and the actual implementation may have another division manner, for example, multiple units or page components may be combined. Or it can be integrated into another system, or some features can be ignored or not executed. In addition, the mutual coupling or direct coupling or communication connection shown or discussed may be an indirect coupling or communication connection through some interface, device or unit, and may be in an electrical, mechanical or other form.

The units described as separate components may or may not be physically separate, The components displayed as units may or may not be physical units, that is, may be located in one place, or may be distributed to multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of the embodiment.

In addition, each functional unit in each embodiment of the present invention may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above integrated unit can be implemented in the form of hardware or in the form of hardware plus software functional units.

The above-described integrated unit implemented in the form of a software functional unit can be stored in a computer readable storage medium. The above software functional unit is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) or a processor to perform the methods of the various embodiments of the present invention. Part of the steps. The foregoing storage medium includes: a U disk, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk, and the like, which can store program codes. .

It should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, and are not limited thereto; although the present invention has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that The technical solutions described in the foregoing embodiments are modified, or the equivalents of the technical features are replaced. The modifications and substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the present invention.

Claims (21)

1. A method for constructing a page, comprising:

   Obtaining page component data of the page, the page component data includes identification information of each target page component of the N target page components, identification information of component configuration information of each target page component, and assembly of N target page components Information, N is an integer greater than or equal to 1;

   Obtaining, according to the identification information of each target page component and the identification information of component configuration information of each target page component, a page source code of each target page component;

   According to the assembly information, the page source code of each target page component is assembled to generate a page source code of the page.
2. The method according to claim 1, wherein the each target page component is obtained according to the identification information of each target page component and the identification information of the component configuration information of each target page component. Page source code, including:

   Sending, to the page component platform, the identification information of each of the target page components and the identification information of the component configuration information of each of the target page components, so that the page component platform is based on the identification information of each of the target page components and The identification information of the component configuration information of each target page component is obtained by obtaining the page source code of each target page component;

   Receiving page source code of each of the target page components sent by the page component platform.
3. The method according to claim 2, wherein the sending the identification information of each of the target page components and the identification information of the component configuration information of each of the target page components to the page component platform comprises:

   And sending, to the page component platform, identification information of each target page component and identification information of component configuration information of each target page component; or

   At the same time, the identification information of each of the target page components and the identification information of the component configuration information of each of the target page components are sent to the page component platform.
4. The method according to any one of claims 1 to 3, wherein before the obtaining the page component data of the page, the method further comprises:

   Showing the identifiers of the M candidate page components, where M is an integer greater than or equal to N;

   Collecting operation instructions input by the input device;

   Selecting, according to the operation instruction, an identifier of a candidate page component from the identifiers of the M candidate page components, to use the one candidate page component as the target page component;

   Presenting a configuration page of the target page component;

   Collecting component configuration information input by the input device in the configuration page;

   Performing storage processing on the identification information of the target page component, the identification information of the component configuration information of the target page component, and the component configuration information of the target page component.
5. The method according to claim 4, wherein before the obtaining the page component data of the page, the method further comprises:

   Obtaining an initial source code of the page according to the identification information of the page;

   Presenting the page according to an initial source code of the page;

   And moving, according to the operation instruction, an identifier of one candidate page component of the identifiers of the M candidate page components to a specified position in the page;

   Obtaining a template source code of the one candidate page component according to the identifier information of the one candidate page component;

   And displaying, according to the template source code of the one candidate page component, a component template of the one candidate page component at the specified location.
6. The method according to claim 5, wherein said one is based on said one Selecting a template source code of the page component, at the specified position, displaying the component template of the one candidate page component simultaneously or after, further comprising:

   Obtaining a page source code of the one candidate page component according to the template source code of the one candidate page component and the identification information of the component configuration information of the one candidate page component;

   Deriving a component instance of the one candidate page component at the specified location according to the page source code of the one candidate page component.
7. The method according to any one of claims 4 to 6, wherein the operation instruction comprises a click operation instruction or a drag operation instruction.
8. The method of any of claims 1-7, wherein the page component comprises at least one page element.
9. A device for constructing a page, comprising:

   An obtaining unit, configured to acquire page component data of a page, where the page component data includes identification information of each target page component of the N target page components, identification information of component configuration information of each target page component, and N The assembly information of the target page component, N is an integer greater than or equal to 1;

   a rendering unit, configured to obtain, according to the identification information of each target page component and the identification information of component configuration information of each target page component, a page source code of each target page component;

   The assembling unit is configured to assemble the page source code of each target page component according to the assembling information to generate a page source code of the page.
10. The apparatus according to claim 9, wherein the rendering unit is specifically configured to

    Sending identification information of each of the target page components to the page component platform and each of the The identification information of the component configuration information of the target page component, so that the page component platform obtains the each according to the identification information of each of the target page components and the identification information of the component configuration information of each of the target page components The page source code of the target page component;

    Receiving page source code of each of the target page components sent by the page component platform.
11. The device according to claim 10, wherein the rendering unit is specifically configured to

    And sending, to the page component platform, identification information of each target page component and identification information of component configuration information of each target page component; or

    At the same time, the identification information of each of the target page components and the identification information of the component configuration information of each of the target page components are sent to the page component platform.
12. The device according to any one of claims 9 to 11, wherein the device further comprises a configuration unit for

    Showing the identifiers of the M candidate page components, where M is an integer greater than or equal to N;

    Collecting operation instructions input by the input device;

    Selecting, according to the operation instruction, an identifier of a candidate page component from the identifiers of the M candidate page components, to use the one candidate page component as the target page component;

    Presenting a configuration page of the target page component;

    Collecting component configuration information input by the input device in the configuration page;

    Performing storage processing on the identification information of the target page component, the identification information of the component configuration information of the target page component, and the component configuration information of the target page component.
13. The device according to claim 12, wherein said configuration unit is further configured to

    Obtaining an initial source code of the page according to the identification information of the page;

    Presenting the page according to an initial source code of the page;

    And moving, according to the operation instruction, an identifier of one candidate page component of the identifiers of the M candidate page components to a specified position in the page;

    Obtaining template source code of the one candidate page component according to the identifier information of the one candidate page component;

    And displaying, according to the template source code of the one candidate page component, a component template of the one candidate page component at the specified location.
14. The apparatus according to claim 13, wherein said configuration unit is further configured to

    Obtaining a page source code of the one candidate page component according to the template source code of the one candidate page component and the identification information of component configuration information of the one candidate page component;

    Deriving a component instance of the one candidate page component at the specified location according to the page source code of the one candidate page component.
15. The apparatus according to any one of claims 12 to 14, wherein the operation instruction comprises a click operation instruction or a drag operation instruction.
16. Apparatus according to any of claims 9-15, wherein said page component comprises at least one page element.
17. A page construction system, comprising: a page component platform and a device for constructing a page according to any one of claims 9 to 16; wherein

    The page component platform for

    Receiving identification information of each target page component sent by the constructing device of the page and identification information of component configuration information of each target page component;

    Obtaining, according to the identification information of each target page component and the identification information of the component configuration information of each target page component, the page source code of each target page component;

    Sending a page source code of each of the target page components sent by the page component platform to a build device of the page.
18. The system according to claim 17, wherein said page component platform is specifically for

    Obtaining template source code of each target page component according to the identification information of each target page component;

    Obtaining component configuration information of each of the target page components according to the identification information of the component configuration information of each target page component;

    And obtaining page source code of each target page component according to the template source code and component configuration information of each target page component.
19. A system according to claim 17 or 18, wherein said page component platform is further

    The storage processing is performed on the identification information of each of the target page components and the template source code of each of the target page components.
20. A device that includes:

    One or more processors;

    Memory

    One or more programs, the one or more programs being stored in the memory, when executed by the one or more processors:

    Obtaining page component data of the page, the page component data including N target page groups Identification information of each target page component in the piece, identification information of component configuration information of each target page component, and assembly information of N target page components, N being an integer greater than or equal to 1;

    Obtaining, according to the identification information of each target page component and the identification information of component configuration information of each target page component, a page source code of each target page component;

    According to the assembly information, the page source code of each target page component is assembled to generate a page source code of the page.
21. A non-volatile computer storage medium storing one or more programs, when the one or more programs are executed by a device, causing the device to:

    Obtaining page component data of the page, the page component data includes identification information of each target page component of the N target page components, identification information of component configuration information of each target page component, and assembly of N target page components Information, N is an integer greater than or equal to 1;

    Obtaining, according to the identification information of each target page component and the identification information of component configuration information of each target page component, a page source code of each target page component;

    According to the assembly information, the page source code of each target page component is assembled to generate a page source code of the page.

Images