CN107908399B

CN107908399B - Page development method and device

Info

Publication number: CN107908399B
Application number: CN201711123071.0A
Authority: CN
Inventors: 成晨
Original assignee: Inspur General Software Co Ltd
Current assignee: Inspur General Software Co Ltd
Priority date: 2017-11-14
Filing date: 2017-11-14
Publication date: 2021-03-16
Anticipated expiration: 2037-11-14
Also published as: CN107908399A

Abstract

The invention provides a page development method and a device, wherein the method comprises the following steps: creating a page template and at least one page component, wherein each page component corresponds to at least one information display form; determining at least one piece of information to be displayed in a page to be developed; aiming at each information to be displayed, acquiring a corresponding page component according to the information display form of the information to be displayed; acquiring a page template, and adding each acquired page component to the page template; respectively configuring the position configuration information of each page component on the page template so as to determine the position of each page component on the page template; respectively configuring data source configuration information of each page component to determine the data source of each page component; and carrying out persistence on the position configuration information and the data source configuration information corresponding to each page component to form a loading file of the page to be developed. The scheme can improve the efficiency of page development.

Description

Page development method and device

Technical Field

The invention relates to the technical field of computers, in particular to a page development method and device.

Background

With the continuous development and progress of computer technology and internet technology, various websites and application programs bring great convenience to life and production. The page is used as a medium for interaction between a user and a website and an application program, and the quality of the page directly influences the use experience of the user, so that page development is an important component of website development and application program development.

At present, when a page is developed, the page is developed according to the content and the typesetting which need to be displayed on the page to be developed.

For the current method for developing pages, the pages are usually in a dead-written state, that is, the number of modules included in the pages, the type of information that can be displayed by each module, and the relative positions between the modules are fixed. Therefore, when a module needs to be added, deleted, and the type of information displayed by the module or the relative position between the modules needs to be modified in the developed page, it takes a long time to redevelop the page, resulting in low efficiency of page development.

Disclosure of Invention

The embodiment of the invention provides a page development method and device, which can improve the efficiency of page development.

In a first aspect, an embodiment of the present invention provides a page development method, which creates a page template and at least one page component, where each page component corresponds to at least one information presentation form, and further includes:

determining at least one piece of information to be displayed in a page to be developed;

aiming at each piece of information to be displayed, acquiring the corresponding page component according to the information display form of the information to be displayed;

acquiring the page template, and adding each acquired page component to the page template;

respectively configuring the position configuration information of each page component on the page template so as to determine the position of each page component on the page template;

respectively configuring data source configuration information of each page component to determine the data source of each page component;

and persisting the position configuration information and the data source configuration information corresponding to each page component to form a loading file of the page to be developed.

Alternatively,

after the forming the loading file of the page to be developed, further comprising:

after receiving the trigger of a user, displaying the page to be developed by loading the loading file;

obtaining personalized configuration information according to the adjustment of the relative position between each page component and the page template on the displayed page to be developed by the user and the adjustment of the information display form of each page component by the user;

associating the personalized configuration information with the user identification of the user, and persisting the personalized configuration information so as to display the page to be developed after the user is adjusted according to the personalized configuration information and the loading file when the user visits the page to be developed again.

Alternatively,

after the associating the personalized configuration information with the user identifier of the user and the persisting the personalized configuration information, further comprising:

after receiving the trigger of the user, loading the page template of the page to be developed;

for each page component included in the page to be developed, judging whether personalized position configuration information for configuring the relative position between the page component and the page template is included in the personalized configuration information, if so, loading the page component onto the page template according to the personalized position configuration information, otherwise, loading the page component onto the page template according to the position configuration information in the loading file;

distributing information to be displayed for each page component according to the data source configuration information included in the loading file;

and judging whether the personalized configuration information comprises personalized rendering configuration information for configuring the information display form of the page component or not aiming at each page component included in the page to be developed, if so, rendering the page component according to the personalized rendering configuration information and the information to be displayed corresponding to the page component, otherwise, rendering the page component according to default rendering configuration information included in the loading file and the information to be displayed corresponding to the page component.

Alternatively,

after the displaying the page to be developed by loading the loading file, further comprising:

after the user deletes at least one page component on the page to be developed, page component forbidden information is formed;

associating the page component disabling information with the user identifier, and persisting the page component disabling information so as not to display each page component deleted by the user according to the page component disabling information when the user accesses the page to be developed again.

Alternatively,

when the user adds at least one page component on the page to be developed, page component adding information is formed;

and associating the page component newly added information with the user representation, and persisting the page component newly added information so as to display each page component newly added by the user according to the page component newly added information when the user visits the page to be developed again.

In a second aspect, an embodiment of the present invention further provides a page development apparatus, including: the device comprises a creating unit, a combining unit, a configuration unit and a storage unit;

the creating unit is used for creating a page template and at least one page component, wherein each page component corresponds to at least one information display form;

the combination unit is used for determining at least one piece of information to be displayed in a page to be developed, acquiring the corresponding page component from each page component created by the creation unit according to the information display form of the information to be displayed aiming at each piece of information to be displayed, and adding each acquired page component to the page template after the page template created by the creation unit is acquired;

the configuration unit is used for respectively configuring the position configuration information of each page component added to the page template by the combination unit so as to determine the position of each page component on the page template, and respectively configuring the data source configuration information of each page component so as to determine the data source of each page component;

the storage unit is configured to persist the location configuration information and the data source configuration information corresponding to each page component to form a loading file of the page to be developed.

Alternatively,

the page development apparatus further includes: further comprising: the display unit and the user-defined unit;

the display unit is used for displaying the page to be developed by loading the loading file formed by the storage unit after receiving the trigger of the user;

the user-defined unit is used for obtaining personalized configuration information according to the adjustment of the user on the relative position between each page component and the page template on the page to be developed displayed by the display unit and the adjustment of the user on the information display form of each page component;

the storage unit is further configured to associate the personalized configuration information obtained by the user-defined unit with a user identifier of the user, and persist the personalized configuration information, so that the page to be developed after the user adjustment is performed on the page to be developed according to the personalized configuration information and the loading file when the user accesses the page to be developed again.

Alternatively,

the display unit includes: the system comprises a page template loading subunit, a page component loading subunit, a data loading subunit and a page component rendering subunit;

the page template loading subunit is configured to load the page template of the page to be developed after the storage unit persists the personalized configuration information and the user trigger is received;

the page component loading subunit is configured to, for each page component included in the page to be developed, determine whether personalized configuration information persisted by the storage unit includes personalized location configuration information for configuring a relative location between the page component and the page template, if so, load the page component onto the page template loaded by the page template loading subunit according to the personalized location configuration information, otherwise, load the page component onto the page template loaded by the page template loading subunit according to the location configuration information in the loading file;

the data loading subunit is configured to allocate information to be displayed to each page component according to the data source configuration information included in the loading file;

the page component rendering subunit is configured to, for each page component included in the to-be-developed page, determine whether the personalized configuration information includes personalized rendering configuration information for configuring an information display form of the page component, if so, render the page component according to the personalized rendering configuration information and the to-be-displayed information corresponding to the page component, otherwise, render the page component according to default rendering configuration information included in the loading file and the to-be-displayed information corresponding to the page component.

Alternatively,

the self-defining unit is further configured to form page component disabling information after the user deletes at least one page component on the to-be-developed page, associate the page component disabling information with the user identifier, and persist the page component disabling information, so that each page component deleted by the user is not displayed according to the page component disabling information when the user accesses the to-be-developed page again.

Alternatively,

the user-defined unit is further configured to form page component addition information after the user adds at least one page component to the page to be developed, associate the page component addition information with the user representation, and persist the page component addition information, so that each page component added by the user is displayed according to the page component addition information when the user accesses the page to be developed again.

The page development method and the device provided by the embodiment of the invention are characterized in that a page template and a plurality of page components are created in advance, when a page needs to be developed, the corresponding page components are obtained according to the information display form of each piece of information to be displayed on the page to be developed, after each obtained page component is added to the page template, the position of each page component on the page template and the data source of the page component are adjusted by configuring the position configuration information and the data source configuration information of each page component, a loading file of the page to be developed is formed after the position configuration information and the data source configuration information corresponding to each page component are duralized, and the page to be developed can be displayed by loading the loading file after the triggering of a user is received. Therefore, the developed page is composed of the page template and the relatively independent page components, when the developed page needs to be modified, the position configuration information and the data source configuration information of the newly added page component, the deleted page component, the reconfigured page component can be modified on the basis of the original page without redeveloping the whole page, and therefore the page development efficiency is improved.

Drawings

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

FIG. 1 is a flowchart of a method for page development according to an embodiment of the present invention;

FIG. 2 is a flow diagram of another method for page development according to an embodiment of the invention;

fig. 3 is a schematic diagram of a device in which a page development apparatus according to an embodiment of the present invention is located;

FIG. 4 is a diagram of a page development apparatus according to an embodiment of the present invention;

FIG. 5 is a diagram of another page development apparatus provided by an embodiment of the present invention;

fig. 6 is a schematic diagram of another page development apparatus according to an embodiment of the present invention.

Detailed Description

In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer and more complete, the technical solutions in the embodiments of the present invention will be described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, but not all, embodiments of the present invention, and based on the embodiments of the present invention, all other embodiments obtained by a person of ordinary skill in the art without creative efforts belong to the scope of the present invention.

As shown in fig. 1, an embodiment of the present invention provides a page development method, which may include the following steps:

step 101: creating a page template and at least one page component, wherein each page component corresponds to at least one information display form;

step 102: determining at least one piece of information to be displayed in a page to be developed;

step 103: aiming at each information to be displayed, acquiring a corresponding page component according to the information display form of the information to be displayed;

step 104: acquiring a page template, and adding each acquired page component to the page template;

step 105: respectively configuring the position configuration information of each page component on the page template so as to determine the position of each page component on the page template;

step 106: respectively configuring data source configuration information of each page component to determine the data source of each page component;

step 107: and carrying out persistence on the position configuration information and the data source configuration information corresponding to each page component to form a loading file of the page to be developed.

The embodiment of the invention provides a page development method, which comprises the steps of creating a page template and a plurality of page components in advance, obtaining corresponding page components according to the information display form of each piece of information to be displayed on a page to be developed when the page is required to be developed, adjusting the position of each page component on the page template and the data source of each page component by configuring the position configuration information and the data source configuration information of each page component after each obtained page component is added to the page template, forming a loading file of the page to be developed after the position configuration information and the data source configuration information corresponding to each page component are duralized, and displaying the page to be developed after the loading file is loaded after the triggering of a user is received. Therefore, the developed page is composed of the page template and the relatively independent page components, when the developed page needs to be modified, the position configuration information and the data source configuration information of the newly added page component, the deleted page component, the reconfigured page component can be modified on the basis of the original page without redeveloping the whole page, and therefore the page development efficiency is improved.

Optionally, on the basis of the page development method shown in fig. 1, after the loaded file of the page to be developed is formed in step 107, the user may perform personalized setting on the presentation form of the page to be developed, and the specific process is as follows:

after receiving the trigger of a user, displaying a page to be developed by loading the formed loading file; the user can adjust the relative position between each page component and the page template on the displayed page to be developed, and can also adjust the information display form of each page component to form corresponding personalized configuration information according to the adjustment performed by the user; and after the formed personalized configuration information is associated with the user identifier of the user, the personalized configuration information is persisted. In this way, when the user accesses the page to be developed again, the page to be developed after the user personalized adjustment is displayed according to the personalized configuration information and the loading file associated with the user identifier of the user.

When a user accesses a page, the position of each displayed page component and the information display form of each page component can be adjusted on the page, after the user finishes adjusting and receives a holding instruction of the user, corresponding personalized configuration information can be formed according to the position and the information display form of each page component adjusted by the user, and the formed personalized configuration information is associated with the user identifier of the user and then is persisted. In this way, when the same user accesses the page again, the corresponding personalized configuration information is obtained according to the user identification of the user, and the page is loaded according to the obtained personalized configuration information and the loading file, so that the displayed page is the page after personalized adjustment of the user.

The method comprises the steps that a user carries out personalized adjustment on a page according to own use habits and requirements to form personalized configuration information corresponding to the adjusted page, when the same user visits the page again, the page is loaded according to the personalized configuration information corresponding to the user and a loading file, the loaded page is the page after the personalized adjustment is carried out on the user, the requirement that different users carry out personalized customization on the same page is met, and the use experience of the user is improved.

For example, a page a includes 4 page components distributed on a page template, where the page component 1 is used to display a table, the page component 2 is used to display a picture, the page component 3 is used to display a chart, the page component 4 is used to display text content, after the loading of the page a is completed under the trigger of the user B, the page components 1 to 4 are sequentially arranged from left to right, and the page component 3 displays scale data in a pie chart. And the user B exchanges the positions of the page component 1 and the page component 2 through the corresponding page row and column layout options, and after changing the information display form of the page component 3 into a post-histogram, the user B triggers the corresponding storage options to form personalized configuration information corresponding to the user B, and stores the personalized configuration information into the corresponding storage space. When the user B accesses the page A again, the page A is loaded according to the personalized configuration information and the loading file corresponding to the user B, the page component 2, the page component 1, the page component 3 and the page component 4 are sequentially arranged from left to right in the loaded page A, and the page component 3 displays the proportional data in a histogram. Therefore, the purpose that the user B individually defines the display form of the page A according to the use habit and the requirement of the user B is achieved.

In addition, when the user adjusts the position of the page component and the information display information, the page is refreshed in real time, so that the user can see the display effect of the adjusted page in real time after adjusting the page. The page is refreshed in real time in the page adjusting process, so that the layout and the information display form of each page component in the page can be adjusted individually by a user, and the use experience of the user is further improved.

Optionally, for a page, after the personalized configuration information obtained by adjusting the page by a user is persisted, when the user accesses the page again, the page needs to be loaded according to the personalized configuration information corresponding to the user and the loaded file corresponding to the page, specifically:

after receiving the trigger of the user, loading a page template of the page;

aiming at each page component included in the page, judging whether personalized configuration information associated with a user identifier of the user comprises personalized position configuration information for configuring the position of the page component, if so, loading the page component onto a page template according to the personalized position configuration information, otherwise, loading the page component onto the page template according to the position configuration information for configuring the position of the page component in a loading file corresponding to the page;

distributing information to be displayed for each page component included in the page according to the data source configuration information included in the loaded file corresponding to the page;

and judging whether personalized rendering configuration information used for configuring the information display form of the page component is included in the personalized configuration information associated with the user identifier of the user or not for each page component included in the page, if so, rendering the page component according to the personalized rendering configuration information and the information to be displayed corresponding to the page component, otherwise, rendering the page component according to default rendering configuration information included in a loading file corresponding to the page and the information to be displayed corresponding to the page component.

Because each page component corresponds to at least one information display form, each information display form has corresponding rendering configuration information, after the page component is determined according to the information display form of the information to be displayed, the rendering configuration information of the determined page component is configured according to the information display form of the information to be displayed, and the rendering configuration information is persisted as a part of a loading file when the loading file is formed.

When the user carries out personalized adjustment on each page component on the page, the user can only carry out personalized adjustment on the page component, and can also carry out personalized adjustment on all the page components, and the personalized configuration information only records the position configuration information and the data source configuration information of the page components which are subjected to the personalized adjustment by the user. When a user accesses a page, aiming at each page component included in the page, if personalized configuration information associated with a user identifier of the user includes personalized position configuration information for configuring the position of the page component, loading the page component according to the included personalized position configuration information, and if the personalized configuration information associated with the user identifier of the user does not include the personalized position configuration information for configuring the position of the page component, loading the page component according to the position configuration information for configuring the position of the page component included in a loading file; correspondingly, if the personalized configuration information associated with the user identifier of the user comprises personalized rendering configuration information for configuring the information display form of the page component, rendering the page component according to the included personalized rendering configuration information, and if the personalized configuration information associated with the user identifier of the user does not comprise the personalized rendering configuration information for configuring the information display form of the page component, rendering the page component according to default rendering configuration information for configuring the information display form of the page component, which is included in the loading file.

When a user accesses a page, for each page component included in the page, if the personalized configuration information associated with the user identifier of the user includes configuration information (personalized position configuration information and/or personalized rendering configuration information) for configuring the page component, the page component is loaded and/or rendered according to the configuration information recorded in the personalized configuration information; if the personalized configuration information does not contain configuration information (personalized position configuration information and/or personalized rendering configuration information) for the detailed configuration of the page component, the page component is loaded and/or rendered according to the configuration information recorded in the loading file. Therefore, in the process of loading the page, the priority of the personalized configuration information is higher than that of the configuration information recorded in the loading file, so that the loaded page is the page subjected to personalized adjustment by the user, the same page is ensured to be displayed in different typesetting interfaces and page component display forms according to different users, the personalized customization requirements of the user are met, and the use experience of the user is improved.

Optionally, after displaying the page to be developed by loading the loading file, the user may delete one or more page components on the displayed page to be developed, form corresponding page component disabling information according to the page components deleted by the user, and persist the page component disabling information after associating the formed page component disabling information with the user identifier of the user. In this way, when the same user accesses the same page again, the page is loaded according to the page component disabling information and the loading file associated with the user identifier of the user, and the loaded page does not show each page component deleted by the user.

When a user accesses a page, deleting operation can be carried out on page components included in the page by triggering corresponding page component editing options, after the user deletes one or more page components and carries out storage operation, corresponding page component forbidden information is formed according to the deleted page components, and when the same user accesses the page again, all the page components deleted by the user are not displayed any more. Therefore, the user can delete the unnecessary page components on the page and store the page components, and the deleted page components are not displayed in the subsequent access of the page, so that the use experience of the user is further improved.

Optionally, after the page to be developed is displayed by loading the loading file, the user may add one or more page components to the displayed page to be developed, form corresponding page component addition information according to the positions of the added page components on the page template, the information display forms of the page components, and the data sources of the page components, and persist the page component addition information after associating the formed page component addition information with the user identifier of the user. Therefore, when the same user accesses the same page again, the page is loaded according to the page component newly-added information and the loading file which are associated with the user identification of the user, and the loaded page not only comprises each page component defined by the loading file, but also comprises each page component defined by the page component newly-added information.

In the process of accessing one page, a user can add a page component in the page by triggering the corresponding page component editing option so as to add a corresponding function in the original page. When a user adds one or more page components and stores the page components, corresponding page component adding information is formed according to the added page components, and when the same user accesses the page again, the page components added by the user are shown in addition to the original page components of the page. Therefore, the user can add the page components with the corresponding information display forms on the page according to the requirements and store the page components, and the newly added page components are displayed when the user accesses the page subsequently so as to increase the functions of the page, thereby meeting the requirements of different users and improving the satisfaction degree of the user.

Specifically, when a user adds a page component to a page, firstly, the page component to be added needs to be selected, the system provides a plurality of optional page components, each page component corresponds to different information display forms, and the user can add the required page component to a corresponding position on a page template in a dragging mode; then, configuring a form display form of the newly added page component, wherein the same page component can correspond to a plurality of information display forms, such as proportion data can be displayed through a pie chart, and proportion data can also be displayed through a bar chart; and finally, configuring a data source of the newly added page component, wherein the data source is a source of information displayed by the page component, and can be a website, a database storage directory and the like. Therefore, the added information of the page component includes an identifier of the added page component, a user identifier, location configuration information of the added page component, rendering configuration information of the added page component, data source configuration information of the added page component, and the like.

In the embodiment of the present invention, the loading file includes, in addition to the location configuration information and the data source configuration information corresponding to each page component, an identifier of each page component, rendering configuration information of each page component, and parameter information on the page template. The parameter information of the page template comprises a basic DOM structure of the page, a small component container gripper of the page, a layout gripper of the page, a page layout and the like.

The DOM structure of the page is used for defining the main body frame structure of the page, and the page which conforms to the frame structure standard can only support the runtime customization. The basic DOM structure of the page comprises 5 conventions which are respectively a unique page identifier, a page configuration information tag, a browser compatibility description, a page reference style file structure and an APP entrance. The page unique identifier is used for identifying a page at a position, and is used for searching the page and storing personalized configuration information of the page as unique identification; the page configuration information tag is used for recording page configuration information such as whether the page supports personalization, user selection of page layout, page rendering mode and the like; the browser compatibility specification is used for describing which browser engine needs to be used for rendering the page, so that the compatibility of various mainstream browsers is improved; the page application style file structure is used for appointing the introduction opportunity of the page style file and appointing a basic page style which must be introduced and is used for supporting the normal operation of the page; the APP entry is used to specify the entry of the page common script processor.

A widget container gripper of a page for marking throughout the page, the content in the portion being dynamically variable, populated with page components.

And the layout gripper of the page is used for marking the position to be filled in by the personalized layout of the page.

And the page layout is used for marking the page component typesetting mode and the filling position in the page. The layout is divided into rows and columns, each row is divided into fixed X equal parts, each column in the row can be set to occupy N equal parts in a self-defined mode, and the sum of the equal parts occupied by all the columns in the same row is equal to X. Each column should have a unique mark for the page to mark the placement of the page components.

By configuring various configuration parameters of the page template, the theme layout of the page template can be switched. For example, in the first theme layout of the page template, the header position is a fixed picture preview area, and the footer position is a fixed copyright information display area; in a second theme layout of the page template, the left side is a fixed picture preview area and the right side is a fixed copyright information display area. The developer can select the theme layout of the page module by configuring the configuration information of the page template.

In order to realize the individuation of the interface, the individualized typesetting and the local refreshing, a relatively independent and complete part needs to be packaged into a page component which meets the standard specification. The page component standard comprises component basic composition elements, component configuration information, a server controller of the small component, a client controller of the small component and the like.

The basic component of the component is used for describing basic components of the component, and specifically comprises the following components: view, i.e. page component shows the basic Dom structure used; the client controller is used for guiding the display and interaction of the page components at the client; the data source is the data source displayed by the page component; the configuration page is used for defining a configuration page path of the component; the configuration information is used for guiding the page component display and the data acquisition; and the style is the presentation style of the page component.

The component configuration information is a group of configuration information of the page component and is used for guiding the page component to acquire data and render. The configuration information is divided into default configuration information and personalized configuration information, wherein the default configuration information is the default configuration information of the page assembly, the configuration information is effective under the condition that the user does not personally configure the assembly, and the personalized configuration information is the configuration information reserved for the user to configure the page assembly. When the page component is rendered, the personalized configuration information and the default configuration information need to be merged, the personalized configuration information is used as the standard for repeated configuration items, and the default configuration information is used for the configuration items which are not configured in the personalized configuration information.

The server controller of the small component is used for guiding the page component of the server loading mode, the server controls the page component in the loading process according to the configuration information of the small component and the configuration information of the public component, and the specific work of the server controller comprises the following steps: the method comprises the steps of obtaining data according to small component configuration information, selecting a view used by component rendering according to the small component configuration information, and binding the data and the view according to the small component configuration information.

The widget client controller is used for controlling widget client display. The widget client controller is a JavaScript script and should follow the AMD specification, and the specific work is as follows: appointing corresponding operations to be carried out by the small assembly before loading, first loading, each time of loading completion, size change, closing and other events are completed; loading a style file used by the gadget; loading a JavaScript package depended by the small component; and exposing events and methods provided by the small assemblies to the outside, and using the events and methods when the linkage communication among the assemblies is set.

And adding a configuration function to the page during running, and persisting the configuration information into the database after configuration is finished. The method specifically comprises the following steps: the method comprises the steps of selection of a page row and column layout, component sorting, component configuration and persistent configuration information. To implement the above, a front-end js engine, called front-end page engine, responsible for guiding page loading and providing a page tuning interface should be provided in the page.

And selecting the row and column layout of the page, and providing a layout selection window in a front-end page engine for adjusting the overall layout structure of the page.

And (4) component arrangement, wherein a component adjusting interface is provided in the front-end page engine and is used for adjusting the position of the component in the page, deleting the component and adding the component by dragging. The component adjusting hand grips are diversified, for example, after the front end page engine finishes page rendering, a page adjusting button is automatically injected into a fixed position at the lower right corner in a page, after the button slides on a mouse, two new buttons (three buttons in total: one is a layout switching button, one is an assembly adding button, and the other is a layout editing button) are popped up at the upper part, and when the editing button is clicked, a page editing mode is entered. Each small component is covered with a mask layer, the mask layer is provided with a delete button and a component allocation button, and row and column information is darkened to be highlighted.

The parts are all provided with a part configuration button, the part configuration button is clicked, and a part configuration interface is popped up, wherein the part configuration comprises three parts: component configuration, common configuration, advanced configuration. The component is configured to use the configuration page in claim 8 for configuration information in the component that allows personalization. The configuration page should include two interfaces: GetConfig, SetConfig. GetConfig completes the configuration of the component configuration page for the user, the front-end page engine calls the interface to acquire the configuration information of the user, serializes the configuration information into a standard JSON character string, calls a component configuration information storage interface, and persists the configuration information into a database. The SetConfig interface is used for acquiring the configuration information of the current component by the front-end page engine when the configuration page is opened by a user, transmitting the configuration information into the configuration page through the interface, and initializing the default value of the control related to the configuration information. And calling a widget refreshing method to automatically refresh the widget currently being configured.

The persistent configuration information is used for persisting the configuration result to the database after the page configuration is completed. The persistent page layout configuration information and the page component configuration information are obtained through the page layout configuration method. The front-end page engine can serialize page layout configuration information into a standard Json structure, and when a page is loaded, the page layout configuration information can be deserialized into a dom structure of the page according to the Json structure. An example structure is as follows:

the page layout configuration information persistence needs to include the following 4 key contents: page mark, user mark, page layout mark and specific configuration information content. The page component configuration information persistence needs to contain the following 4 key contents: page label, user label, component label, concrete configuration information content

When a user accesses a page through a browser, a page engine dynamically generates the page according to persistent page and component configuration information, and the page specifically comprises the following contents: assembling the page template, analyzing page layout configuration information, filling the component container and loading the components.

Assembling a page template for adding an interceptor to a Web server, intercepting a dynamic page request by the interceptor when a user accesses the dynamic page through a browser, and executing a server page engine to render the page template, wherein the specific rendering steps are as follows: analyzing the request path and searching a page mark; acquiring page configuration information according to the page mark and the current user; filling the page layout according to the layout type selected by the page in the page configuration information; filling page layout configuration information into the page; and returning to the page template.

And analyzing the page layout configuration information and filling the component container. And when the browser acquires the page template, the browser automatically executes the entry script of the page, and the front-end page engine starts to execute. The front-end page engine acquires page layout configuration information from the page template, generates a component container according to the configuration information, and fills the component container to a corresponding page position. Wherein the component container includes a component identifier.

And when the component container is filled completely, the front-end page engine traverses the component container, asynchronously calls the service-end component engine to load a DOM structure of the component, and executes the component front-end controller to guide the page components to display and interact.

As shown in fig. 2, the method for developing a page provided by the embodiment of the present invention is further described in detail by taking a work center page as an example, and may include the following steps:

step 201: a page template and at least one page component are created.

In one embodiment of the invention, a page template and a plurality of page components are created in advance, wherein each page component corresponds to one or more information presentation forms, and the page template can be configured to provide different layout rules.

For example, the work center page includes 6 items of personal basic information, personal messages, commonly used function entries, my tasks to be done, my tasks already done, and my applications, and the 6 items of content may be abstracted into 3 page components, namely a personal information component, a commonly used function component, and a list component. Thereby creating a personal information component, a commonly used function component, and a list component. And creates a page template a.

Step 202: and adding the page components to the page template to obtain a loading file.

In an embodiment of the invention, according to the information to be displayed included in the page to be developed, a corresponding page component is respectively selected for each item of information to be displayed, each selected page component is added to a page template, the position configuration parameter and the data source configuration parameter of each page component are respectively configured, the position of each page component on the page template is determined, and the source of the information to be displayed is obtained. And the page template can be configured, and the layout of the page template can be adjusted. And (3) persisting the identification of each page component, the position configuration information and the data source configuration information corresponding to each page component, the configuration information of the page template and other information to obtain a loading file corresponding to the page to be developed.

For example, for 6 contents included in a work center page, 1 personal information component is selected to display personal basic information content, 1 common function component is selected to display common function entry content, and 4 list components are selected to respectively display personal information, my tasks to be handled and my application content. Adding the selected 6 page components to a page template A, respectively setting position configuration information and data source configuration information of the 6 page components, setting the configuration information of the page template A, then performing persistence operation, persistently setting the position configuration information and the data source configuration information corresponding to each 6 page components, the configuration information of the page template A and the identifications of the 6 page components into a loading file A, and then loading the loading file A to display a work center page.

Step 203: and displaying the page to be developed by loading the loading file according to the triggering of the user.

In an embodiment of the present invention, after the loading file is obtained and the trigger of the user is received, the loading file may be loaded, so as to display the developed page to be developed.

For example, after receiving an access request sent by a user B, the loading file a is loaded, and a work center page is displayed to the user B. On a work center page, 6 page components are arranged from two rows, the first row sequentially comprises a personal information component, a common function component and a list component 1 from left to right, the second row sequentially comprises a list component 2, a list component 3 and a list component 4 from left to right, wherein the list component 1 is used for displaying personal information, the list component 2 is used for displaying my tasks to be handled, the list component 3 is used for displaying my tasks to be handled, and the list component 4 is used for displaying my applications.

Step 204: and forming personalized configuration information according to the adjustment of the page component by the user.

In an embodiment of the invention, after the developed page to be developed is displayed to the user, the user can adjust the position and the information display information of each page component on the displayed page, and after the user adjusts the page components, the personalized configuration information is formed according to the adjusted state of the page components.

For example, after the user B triggers a corresponding editing option on the work center page, the positions of the personal information component and the list component 4 are exchanged in a dragging manner, and after the user triggers a holding option, the personalized configuration information B is formed according to the positions of the personal information component and the list component 4.

Step 205: and after the formed personalized configuration information is associated with the user identification of the user, the personalized configuration information is persisted.

In an embodiment of the present invention, after the personalized configuration information is formed, the personalized configuration information is associated with the user identifier of the user, so that the user corresponding to the personalized configuration information can be identified, and the personalized configuration information is persisted after the association is completed.

For example, after the personalized configuration information B is associated with the user identifier B of the user B, the personalized configuration information B is persisted.

Step 206: and receiving the re-triggering of the same user, and displaying the page to be developed according to the corresponding personalized configuration information and the loading file.

In an embodiment of the present invention, when the same user visits the page that has been adjusted again, after receiving a trigger of the user, a user identifier of the user is obtained, associated personalized configuration information is determined according to the obtained user identifier, the page to be visited by the user is loaded according to the determined personalized configuration information and the loading file, and the page that has been adjusted by the user is loaded. When the page is loaded according to the personalized configuration information and the loading file, the page components included in the personalized configuration information and the loading file are loaded according to the personalized configuration information, and the page components included in the middle of the personalized configuration information are loaded according to the loading file.

For example, when the user B accesses the work center page again, the user identifier B of the user B is obtained, the associated personalized configuration information B is determined according to the user identifier B, and the work center page is loaded according to the configuration information B and the loading file. On the loaded work center page, the first row is sequentially provided with a list component 4, a common function component and a list component 1 from left to right, and the second row is sequentially provided with a list component 2, a list component 3 and a personal information component from left to right.

It should be noted that when the user accesses the page again, if the user adjusts the page components on the page again, 204 is executed accordingly.

As shown in fig. 3 and 4, an embodiment of the present invention provides a page development apparatus. The device embodiments may be implemented by software, or by hardware, or by a combination of hardware and software. From a hardware level, as shown in fig. 3, a hardware structure diagram of a device in which a page development apparatus provided in the embodiment of the present invention is located is shown, where in addition to the processor, the memory, the network interface, and the nonvolatile memory shown in fig. 3, the device in which the apparatus is located in the embodiment may also generally include other hardware, such as a forwarding chip responsible for processing a packet, and the like. Taking a software implementation as an example, as shown in fig. 4, as a logical apparatus, the apparatus is formed by reading a corresponding computer program instruction in a non-volatile memory into a memory by a CPU of a device in which the apparatus is located and running the computer program instruction. The page development device provided by the embodiment comprises: a creation unit 401, a combination unit 402, a configuration unit 403, and a storage unit 404;

a creating unit 401, configured to create a page template and at least one page component, where each page component corresponds to at least one information display form;

the combining unit 402 is configured to determine at least one piece of information to be displayed, which needs to be displayed, in a page to be developed, acquire, for each piece of information to be displayed, a corresponding page component from each page component created by the creating unit 401 according to an information display form of the information to be displayed, and add each acquired page component to the page template after acquiring the page template created by the creating unit 401;

a configuration unit 403, configured to respectively configure the location configuration information of each page component added to the page template by the combination unit 402 to determine the location of each page component on the page template, and respectively configure the data source configuration information of each page component to determine the data source of each page component;

the storage unit 404 is configured to persist the location configuration information and the data source configuration information corresponding to each page component, so as to form a loading file of the page to be developed.

Optionally, on the basis of the page development apparatus shown in fig. 4, as shown in fig. 5, the page development apparatus may further include: a presentation unit 505 and a customization unit 506;

the display unit 505 is configured to display the page to be developed through the loading file formed by the loading storage unit 404 after receiving the trigger of the user;

a self-defining unit 506, configured to obtain personalized configuration information according to adjustment of a relative position between each page component and a page template on the page to be developed, which is displayed by the display unit 505, by a user and adjustment of an information display form of each page component by the user;

the storage unit 404 is further configured to associate the personalized configuration information obtained by the customization unit 506 with the user identifier of the user, and persist the personalized configuration information, so that the page to be developed after the user is adjusted is displayed according to the personalized configuration information and the loading file when the user accesses the page to be developed again.

Alternatively, on the basis of the page development apparatus shown in fig. 5, as shown in fig. 6, the presentation unit 505 may include: a page template load sub-unit 5051, a page component load sub-unit 5052, a data load sub-unit 5053, and a page component render sub-unit 5054;

the page template loading subunit 5051 is configured to load the page template of the page to be developed after the storage unit 404 persists the personalized configuration information and receives a trigger of the user;

the page component loading subunit 5052 is configured to, for each page component included in the page to be developed, determine whether personalized configuration information persisted in the storage unit 404 includes personalized location configuration information used for configuring a relative location between the page component and the page template, if so, load the page component onto the page template loaded by the page template loading subunit 5051 according to the personalized location configuration information, otherwise, load the page component onto the page template loaded by the page template loading subunit 5051 according to the location configuration information in the loading file;

the data loading subunit 5053 is configured to allocate information to be displayed to each page component according to the data source configuration information included in the loading file;

the page component rendering subunit 5054 is configured to, for each page component included in the to-be-developed page, determine whether the personalized configuration information includes personalized rendering configuration information for configuring an information display form of the page component, if so, render the page component according to the personalized rendering configuration information and the to-be-displayed information corresponding to the page component, otherwise, render the page component according to the default rendering configuration information included in the loading file and the to-be-displayed information corresponding to the page component.

Optionally, on the basis of the page development apparatus shown in fig. 5, the self-defining unit 506 is further configured to form page component disabling information after the user deletes at least one page component on the page to be developed, associate the page component disabling information with the user identifier, and persist the page component disabling information, so that each page component deleted by the user is not displayed according to the page component disabling information when the user accesses the page to be developed again.

Optionally, on the basis of the page development device shown in fig. 5 or fig. 6, the customizing unit 406 is further configured to form page component addition information after the user adds at least one page component on the page to be developed, associate the page component addition information with the user representation, and persist the page component addition information, so as to display each page component added by the user according to the page component addition information when the user visits the page to be developed again.

Because the information interaction, execution process, and other contents between the units in the device are based on the same concept as the method embodiment of the present invention, specific contents may refer to the description in the method embodiment of the present invention, and are not described herein again.

The embodiment of the invention also provides a readable medium, wherein the readable medium is stored with an execution instruction, and when a processor of a storage controller executes the execution instruction, the storage controller executes the page development method provided by each embodiment.

An embodiment of the present invention further provides a storage controller, including: a processor, a memory, and a bus;

the memory is used for storing an execution instruction, the processor is connected with the memory through the bus, and when the memory controller runs, the processor executes the execution instruction stored in the memory, so that the memory controller executes the page development method provided by the above embodiments.

In summary, the page development method and apparatus provided in each embodiment of the present invention at least have the following beneficial effects:

1. in the embodiment of the invention, a page template and a plurality of page components are created in advance, when a page needs to be developed, the corresponding page components are obtained according to the information display form of each piece of information to be displayed on the page to be developed, after each obtained page component is added to the page template, the position of each page component on the page template and the data source of each page component are adjusted by configuring the position configuration information and the data source configuration information of each page component, a loading file of the page to be developed is formed after the position configuration information and the data source configuration information corresponding to each page component are duralized, and the page to be developed can be displayed by loading the loading file after the triggering of a user is received. Therefore, the developed page is composed of the page template and the relatively independent page components, when the developed page needs to be modified, the position configuration information and the data source configuration information of the newly added page component, the deleted page component, the reconfigured page component can be modified on the basis of the original page without redeveloping the whole page, and therefore the page development efficiency is improved.

2. In the embodiment of the invention, after the user carries out personalized adjustment on the page according to the use habit and the requirement of the user, personalized configuration information corresponding to the adjusted page is formed, and when the same user accesses the page again, the page is loaded according to the personalized configuration information corresponding to the user and the loading file, so that the loaded page is the page after the personalized adjustment is carried out on the user, the requirement of different users for carrying out personalized customization on the same page is met, and the use experience of the user is improved.

3. In the embodiment of the invention, when the user adjusts the position of the page component and the information display information, the page is refreshed in real time, so that the user can see the display effect of the adjusted page in real time after adjusting the page. The page is refreshed in real time in the page adjusting process, so that the layout and the information display form of each page component in the page can be adjusted individually by a user, and the use experience of the user is further improved.

4. In the embodiment of the invention, a user can delete page components included in a page by triggering corresponding page component editing options in the process of accessing the page, after the user deletes one or more page components and performs storage operation, corresponding page component forbidden information is formed according to the deleted page components, and when the same user accesses the page again, each page component deleted by the user is not displayed any more. Therefore, the user can delete the unnecessary page components on the page and store the page components, and the deleted page components are not displayed in the subsequent access of the page, so that the use experience of the user is further improved.

5. In the embodiment of the invention, in the process of accessing one page, a user can add a page component in the page by triggering the corresponding page component editing option so as to add a corresponding function in the original page. When a user adds one or more page components and stores the page components, corresponding page component adding information is formed according to the added page components, and when the same user accesses the page again, the page components added by the user are shown in addition to the original page components of the page. Therefore, the user can add the page components with the corresponding information display forms on the page according to the requirements and store the page components, and the newly added page components are displayed when the user accesses the page subsequently so as to increase the functions of the page, thereby meeting the requirements of different users and improving the satisfaction degree of the user.

It is noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising a" does not exclude the presence of other similar elements in a process, method, article, or apparatus that comprises the element.

Those of ordinary skill in the art will understand that: all or part of the steps for realizing the method embodiments can be completed by hardware related to program instructions, the program can be stored in a computer readable storage medium, and the program executes the steps comprising the method embodiments when executed; and the aforementioned storage medium includes: various media that can store program codes, such as ROM, RAM, magnetic or optical disks.

Finally, it is to be noted that: the above description is only a preferred embodiment of the present invention, and is only used to illustrate the technical solutions of the present invention, and not to limit the protection scope of the present invention. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention shall fall within the protection scope of the present invention.

Claims

1. A page development method is characterized in that a page template and at least one page component are created, wherein each page component corresponds to at least one information presentation form, and the method further comprises the following steps:

the position configuration information and the data source configuration information corresponding to each page component are persisted to form a loading file of the page to be developed;

associating the personalized configuration information with the user identifier of the user, and persisting the personalized configuration information so as to display the page to be developed after the user is adjusted according to the personalized configuration information and the loading file when the user visits the page to be developed again;

2. The method according to claim 1, after the exposing the page to be developed by loading the loading file, further comprising:

3. The method according to claim 2, wherein after the exposing the page to be developed by loading the loading file, further comprising:

4. A page development apparatus, comprising: the device comprises a creating unit, a combining unit, a configuration unit and a storage unit;

the storage unit is configured to persist the location configuration information and the data source configuration information corresponding to each page component to form a loading file of the page to be developed;

further comprising: the display unit and the user-defined unit;

the storage unit is further configured to associate the personalized configuration information obtained by the customization unit with a user identifier of the user, and persist the personalized configuration information, so that the page to be developed after the user adjustment is displayed according to the personalized configuration information and the loading file when the user accesses the page to be developed again;

5. The apparatus of claim 4,

6. The apparatus of claim 5,