CN107908399A - A kind of page development method and device - Google Patents
A kind of page development method and device Download PDFInfo
- Publication number
- CN107908399A CN107908399A CN201711123071.0A CN201711123071A CN107908399A CN 107908399 A CN107908399 A CN 107908399A CN 201711123071 A CN201711123071 A CN 201711123071A CN 107908399 A CN107908399 A CN 107908399A
- Authority
- CN
- China
- Prior art keywords
- page
- assembly
- information
- user
- configuration information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 42
- 238000011161 development Methods 0.000 title claims abstract description 41
- 230000002688 persistence Effects 0.000 claims abstract description 44
- 238000011068 loading method Methods 0.000 claims description 47
- 238000009877 rendering Methods 0.000 claims description 34
- 230000000903 blocking effect Effects 0.000 claims description 24
- 238000003860 storage Methods 0.000 claims description 24
- 230000000712 assembly Effects 0.000 description 19
- 238000000429 assembly Methods 0.000 description 19
- 230000006870 function Effects 0.000 description 11
- 238000010586 diagram Methods 0.000 description 8
- 230000015572 biosynthetic process Effects 0.000 description 6
- 230000008859 change Effects 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 230000000694 effects Effects 0.000 description 3
- 238000013515 script Methods 0.000 description 3
- 206010034719 Personality change Diseases 0.000 description 2
- 238000012217 deletion Methods 0.000 description 2
- 230000037430 deletion Effects 0.000 description 2
- 230000002045 lasting effect Effects 0.000 description 2
- 238000004321 preservation Methods 0.000 description 2
- 239000007787 solid Substances 0.000 description 2
- 101100191385 Mus musculus Prkdc gene Proteins 0.000 description 1
- 235000010627 Phaseolus vulgaris Nutrition 0.000 description 1
- 244000046052 Phaseolus vulgaris Species 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000004590 computer program Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000009826 distribution Methods 0.000 description 1
- 235000013399 edible fruits Nutrition 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 230000001747 exhibiting effect Effects 0.000 description 1
- 239000004744 fabric Substances 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000000717 retained effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The present invention provides a kind of page development method and device, this method includes:Page Template and at least one page assembly are created, wherein, each page assembly corresponds at least one information display form;Determine to need at least one information to be presented being shown in the page to be developed;For each information to be presented, corresponding page assembly is obtained according to the information display form of information to be presented;Page Template is obtained, and each page assembly got is added on Page Template;The position configuration information of each page assembly on Page Template is respectively configured, to determine position of each page assembly on Page Template;The data source configuration information of each page assembly is respectively configured, to determine the data source of each page assembly;Persistence is carried out to the corresponding position configuration information of each page assembly and data source configuration information, forms the load document of the page to be developed.This programme can improve the efficiency of page development.
Description
Technical field
The present invention relates to field of computer technology, more particularly to a kind of page development method and device.
Background technology
With the continuous development and progress of computer technology and Internet technology, all kinds of websites and application program for life and
Production brings great convenience.The medium that the page is interacted as user and website and application program, the quality of the page are straight
Connecing influences the usage experience of user, therefore page development is the important component of Website development and application development.
At present when carrying out page development, the content and the typesetting that need to show according to the page to be developed, open the page
Hair.
For the current method for carrying out page development, the page is usually to write death situation state, i.e., the quantity of module included by the page,
Modules can show that relative position is fixed between the type of information and each module.Therefore, when needs are being developed
Increase module newly in the page of completion, removing module, modified module show information type or each module between relative position when,
Need consuming longer time to develop the page again, cause the less efficient of page development.
The content of the invention
An embodiment of the present invention provides a kind of page development method and device, the efficiency of page development can be improved.
In a first aspect, an embodiment of the present invention provides a kind of page development method, Page Template and at least one page are created
Face component, wherein, each described page assembly corresponds at least one information display form, further includes:
Determine to need at least one information to be presented being shown in the page to be developed;
For information to be presented each described, corresponding institute is obtained according to the information display form of the information to be presented
State page assembly;
The Page Template is obtained, and each page assembly got is added on the Page Template;
The position configuration information of each page assembly on the Page Template is respectively configured, to determine each institute
State position of the page assembly on the Page Template;
The data source configuration information of each page assembly is respectively configured, to determine each page assembly
Data source;
It is lasting that each corresponding position configuration information of page assembly and the data source configuration information are carried out
Change, form the load document of the page to be developed.
Alternatively,
After the load document of the formation page to be developed, further comprise:
After the triggering of user is received, the page to be developed is shown by loading the load document;
According to the user to each page assembly on the page to be developed that is shown and the Page Template
Between the adjustment that carries out of relative position, and the tune that the user carries out the information display form of each page assembly
It is whole, obtain personalized configuration information;
The personalized configuration information is associated with the user identifier of the user, and to the personalized configuration information
Carry out persistence, with when the user accesses the page to be developed again according to the personalized configuration information and it is described plus
The page to be developed after published article part is adjusted the user is shown.
Alternatively,
Described that the personalized configuration information is associated with the user identifier of the user, and the personalization is matched somebody with somebody
After confidence breath carries out persistence, further comprise:
After the triggering of the user is received, the Page Template of the page to be developed is loaded;
Each the described page assembly included for the page to be developed, judge be in the personalized configuration information
It is no to include for being configured to the personalized location that relative position is configured between the page assembly and the Page Template
Information, if so, the page assembly is loaded on the Page Template according to the personalized location configuration information, otherwise
The page assembly is loaded on the Page Template by the position configuration information in the load document;
The data source configuration information included according to the load document, is respectively each described page assembly distribution
Information to be presented;
Each the described page assembly included for the page to be developed, judge be in the personalized configuration information
The no personalized rendering configurations information included for being configured to the information display form of the page assembly, if so,
According to the personalized rendering configurations information and the corresponding information to be presented of the page assembly to the page assembly into
Row renders, and is otherwise treated according to the acquiescence rendering configurations information and the page assembly that the load document includes are corresponding
Displaying information renders the page assembly.
Alternatively,
It is described the page to be developed is shown by loading the load document after, further comprise:
After the user deletes at least one page assembly on the page to be developed, the page is formed
Component blocking information;
The page assembly blocking information is associated with the user identifier, and to the page assembly blocking information into
Row persistence, with when the user accesses the page to be developed again according to the page assembly blocking information not to by institute
The each page assembly for stating user's deletion is shown.
Alternatively,
It is described the page to be developed is shown by loading the load document after, further comprise:
After the user is increasing at least one page assembly newly on the page to be developed, it is new to form page assembly
Increase information;
The page assembly newly-added information is associated with user expression, and to the page assembly newly-added information into
Row persistence, with when the user accesses the page to be developed again according to the page assembly newly-added information to the use
Each page assembly that family increases newly is shown.
Second aspect, the embodiment of the present invention additionally provide a kind of page development device, including:Creating unit, assembled unit,
Dispensing unit and storage unit;
The creating unit, for creating Page Template and at least one page assembly, wherein, each described page group
Part corresponds at least one information display form;
The assembled unit, for determining to need at least one information to be presented being shown, pin in the page to be developed
To information to be presented each described, created according to the information display form of the information to be presented from the creating unit each
The corresponding page assembly is obtained in a page assembly, and in the page mould for getting the creating unit establishment
The each page assembly got is added on the Page Template after plate;
The dispensing unit, for each institute being added to by the assembled unit on the Page Template to be respectively configured
The position configuration information of page assembly is stated, to determine each position of the page assembly on the Page Template, and is divided
The data source configuration information of each page assembly is not configured, to determine the data source of each page assembly;
The storage unit, for each corresponding position configuration information of page assembly and the data source
Configuration information carries out persistence, forms the load document of the page to be developed.
Alternatively,
The page development device further comprises:Further comprise:Display unit and self-defined unit;
The display unit, for after the triggering of user is received, by loading described in the storage unit formed
Load document is shown the page to be developed;
The self-defined unit, for the page to be developed shown according to the user to the display unit
The adjustment that relative position carries out between each page assembly and the Page Template, and the user is to each page
The adjustment that the information display form of face component carries out, obtains personalized configuration information;
The storage unit, be further used for by the personalized configuration information that the self-defined unit obtains with it is described
The user identifier of user is associated, and carries out persistence to the personalized configuration information, to access institute again in the user
Waited out described in after being adjusted when stating the page to be developed according to the personalized configuration information and the load document to the user
The hair page is shown.
Alternatively,
The display unit includes:Page Template loading subelement, page assembly loading subelement, data loading subelement
Subelement is rendered with page assembly;
The Page Template loads subelement, lasting for being carried out in the storage unit to the personalized configuration information
After change, after the triggering of the user is received, the Page Template of the page to be developed is loaded;
The page assembly loads subelement, for each the described page group included for the page to be developed
Part, judge whether to include in the personalized configuration information of the storage unit persistence for the page assembly with
The personalized location configuration information that relative position is configured between the Page Template, if so, according to the personalized position
Put configuration information to be loaded into the page assembly on the Page Template of the Page Template loading subelement loading, otherwise
The page assembly is loaded into the Page Template loading son list by the position configuration information in the load document
On the Page Template of member loading;
The data load subelement, for the data source configuration information included according to the load document, difference
Information to be presented is distributed for page assembly each described;
The page assembly renders subelement, for each the described page group included for the page to be developed
Part, judges whether include in the personalized configuration information for being configured to the information display form of the page assembly
Personalized rendering configurations information, if so, according to the personalized rendering configurations information and the corresponding institute of the page assembly
State information to be presented to render the page assembly, the acquiescence rendering configurations otherwise according to the load document included are believed
The breath information to be presented corresponding with the page assembly renders the page assembly.
Alternatively,
The self-defined unit, is further used in the user at least one page on the page to be developed
After face component is deleted, page assembly blocking information is formed, and by the page assembly blocking information and the user identifier
It is associated, and persistence is carried out to the page assembly blocking information, to access the page to be developed again in the user
When each page assembly deleted by the user is not shown according to the page assembly blocking information.
Alternatively,
The self-defined unit, be further used for when the user increased newly on the page to be developed it is at least one described
After page assembly, page assembly newly-added information is formed, and the page assembly newly-added information is associated with user expression,
And to the page assembly newly-added information carry out persistence, with when the user accesses the page to be developed again according to institute
Each page assembly that page assembly newly-added information increases the user newly is stated to be shown.
Page development method and device provided in an embodiment of the present invention, is pre-created Page Template and multiple page assemblies,
When needing to develop the page, obtained according to the information display form of each information to be presented on the page to be developed corresponding
Page assembly, after each page assembly got is added on Page Template, by the position for configuring each page assembly
Configuration information and data source configuration information are put, adjusts the data of position and page assembly of each page assembly on Page Template
Source, after the corresponding position configuration information of each page assembly and data source configuration information persistence, forms the page to be developed
Load document, the page to be developed can be shown by after the triggering of user is received loading being carried out to load document.By
This is made of as it can be seen that developing the page completed Page Template and each relatively independent page assembly, is distributed into when needs are split
Page when modifying, can the basis of original page to new added pages component, delete page assembly, reconfigure the page
The position configuration information and data source configuration information of component, without being developed again to full page, so as to improve page
The efficiency of face exploitation.
Brief description of the drawings
In order to illustrate more clearly about the embodiment of the present invention or technical scheme of the prior art, below will be to embodiment or existing
There is attached drawing needed in technology description to be briefly described, it should be apparent that, drawings in the following description are the present invention
Some embodiments, for those of ordinary skill in the art, without creative efforts, can also basis
These attached drawings obtain other attached drawings.
Fig. 1 is a kind of flow chart of page development method provided by one embodiment of the present invention;
Fig. 2 is the flow chart of another page development method provided by one embodiment of the present invention;
Fig. 3 is the schematic diagram of equipment where a kind of page development device provided by one embodiment of the present invention;
Fig. 4 is a kind of schematic diagram of page development device provided by one embodiment of the present invention;
Fig. 5 is the schematic diagram of another page development device provided by one embodiment of the present invention;
Fig. 6 is the schematic diagram of another page development device provided by one embodiment of the present invention.
Embodiment
To make the purpose, technical scheme and advantage of the embodiment of the present invention clearer, below in conjunction with the embodiment of the present invention
In attached drawing, the technical solution in the embodiment of the present invention is clearly and completely described, it is clear that described embodiment is
Part of the embodiment of the present invention, instead of all the embodiments, based on the embodiments of the present invention, those of ordinary skill in the art
The all other embodiments obtained on the premise of creative work is not made, belong to the scope of protection of the invention.
As shown in Figure 1, an embodiment of the present invention provides a kind of page development method, this method may comprise steps of:
Step 101:Page Template and at least one page assembly are created, wherein, each page assembly corresponds at least one
Kind information display form;
Step 102:Determine to need at least one information to be presented being shown in the page to be developed;
Step 103:For each information to be presented, corresponding page is obtained according to the information display form of information to be presented
Face component;
Step 104:Page Template is obtained, and each page assembly got is added on Page Template;
Step 105:The position configuration information of each page assembly on Page Template is respectively configured, to determine each page
Position of the face component on Page Template;
Step 106:The data source configuration information of each page assembly is respectively configured, to determine each page assembly
Data source;
Step 107:Persistence, shape are carried out to the corresponding position configuration information of each page assembly and data source configuration information
Into the load document of the page to be developed.
An embodiment of the present invention provides a kind of page development method, Page Template and multiple page assemblies are pre-created,
When needing to develop the page, corresponding page is obtained according to the information display form of each information to be presented on the page to be developed
Face component, after each page assembly got is added on Page Template, by the position for configuring each page assembly
Configuration information and data source configuration information, adjust the data of position and page assembly of each page assembly on Page Template
Source, after the corresponding position configuration information of each page assembly and data source configuration information persistence, forms the page to be developed
Load document, the page to be developed can be shown by after the triggering of user is received loading being carried out to load document.By
This is made of as it can be seen that developing the page completed Page Template and each relatively independent page assembly, is distributed into when needs are split
Page when modifying, can the basis of original page to new added pages component, delete page assembly, reconfigure the page
The position configuration information and data source configuration information of component, without being developed again to full page, so as to improve page
The efficiency of face exploitation.
Alternatively, on the basis of page development method shown in Fig. 1, the loading text of the page to be developed is formed in step 107
After part, user can carry out personal settings to the display form of the page to be developed, and detailed process is as follows:
After the triggering of user is received, by loading established load document, the page to be developed is shown;With
Family can be adjusted the relative position on the page to be developed that is shown between each page assembly and Page Template, may be used also
It is adjusted with the information display form to each page assembly, corresponding individual cultivation is formed according to the adjustment that user carries out
Information;By the personalized configuration information of formation it is associated with the user identifier of the user after, personalized configuration information is held
Longization.In this way, when the user again accesses the page to be developed, according to associated with the user identifier of the user
Personalized configuration information and load document, are shown the page to be developed after the personalized adjustment of the user.
User, can be on this page to the position of each page assembly that is shown and each when accessing a page
The information display form of a page assembly is adjusted, can be with after user adjusts and completes and receive the holding instruction of user
The position of each page assembly and information display form after being adjusted according to user, form corresponding personalized configuration information, will
Persistence is carried out after the personalized configuration information formed is associated with the user identifier of user.In this way, work as same user again
When accessing to the page, corresponding personalized configuration information is obtained according to the user identifier of user, according to what is got
Personalized configuration information and load document load the page so that the page of displaying is the page after user individual adjustment
Face.
After user carries out personalized adjustment according to oneself use habit and demand to the page, formed and page phase after adjustment
Corresponding personalized configuration information, when same user again accesses the page, according to the individual character corresponding to the user
Change configuration information and load document loads the page so that after the page loaded out carries out personalized adjustment for user
The page, so as to meet the needs of different user carries out personalized customization to the same page, improves the usage experience of user.
For example, a page A includes 4 page assemblies being distributed on Page Template, wherein, page assembly 1 is used to open up
Showing form, page assembly 2 is used for exhibiting pictures, and page assembly 3 is used to show chart, and page assembly 4 is used to show word content,
After the completion of the triggering lower page A loadings of user B, page assembly 1 to 4 is arranged successively from left to right, and page assembly 3 is with pie
Figure displaying ratio data.User B exchanges the position of page assembly 1 and page assembly 2 by corresponding page row-column layout option,
And after the information display form of page assembly 3 is changed after block diagram, after user B triggerings save options accordingly, formed and corresponded to
Stored in the personalized configuration information of user B, and by the personalized configuration information to corresponding memory space.When user B again
During accession page A, page A is loaded according to the corresponding personalized configuration informations of user B and load document, is set out added
Page A in, page assembly 2, page assembly 1, page assembly 3 and page assembly 4 are arranged successively from left to right, and page assembly
3 show ratio data with block diagram.It is achieved thereby that user B defines page A exhibitions according to itself use habit and demand personalization
Show the purpose of form.
In addition, user in real time brushes the page when being adjusted to the position of page assembly and information displaying information
Newly so that user can see the bandwagon effect after page adjustment in real time after being adjusted to the page.Process is adjusted in the page
In the page is refreshed in real time so that user can be with What You See Is What You Get to the layout of each page assembly in the page and information exhibition
Show that form carries out personalized adjustment, further body improves the usage experience of user.
Alternatively, for a page, the personalized configuration information obtained after a user is adjusted the page
After carrying out persistence, when the user again accesses the page, it is necessary to according to the corresponding individual cultivation of the user
Information load document corresponding with the page, completes the loading to the page, specifically:
After the triggering of the user is received, the Page Template of the page is loaded;
Each page assembly included for the page, judges that the personalization associated with the user identifier of the user is matched somebody with somebody
Whether personalized location configuration information for the page assembly position configured is included in confidence breath, if so, root
The page assembly is loaded on Page Template according to the personalized location configuration information, the otherwise loading according to corresponding to the page
The page assembly is loaded into Page Template by the position configuration information for being used to configure the page assembly position in file;
The data source configuration information included according to load document corresponding to the page, be respectively the page include each
Page assembly distributes information to be presented;
Each page assembly included for the page, judges that the personalization associated with the user identifier of the user is matched somebody with somebody
Whether personalized rendering configurations information for the information display form of the page assembly configured is included in confidence breath,
If so, the page assembly is carried out according to personalization rendering configurations information information to be presented corresponding with the page assembly
Render, the acquiescence rendering configurations information that otherwise load document according to corresponding to the page includes is corresponding with the page assembly to be treated
Displaying information renders the page assembly.
Since each page assembly is corresponding with least one information display form, each information display form has phase
Corresponding rendering configurations information, after page assembly is determined according to the information display form of an information to be presented, is treated according to this
Show information information exhibition method configuration definite page assembly rendering configurations information, when forming load document, this is rendered
Configuration information carries out persistence using as a part for load document.
User only can carry out partial page component when each page assembly on to the page carries out personalized adjustment
Personalization adjustment, can also carry out whole page assemblies personalized adjustment, and personalized configuration information is only recorded through user
The position configuration information and data source configuration information of the page assembly of propertyization adjustment.When user accesses a page,
Each page assembly included for the page, if in the personalized configuration information associated with the user identifier of the user
Include the personalized location configuration information configured to the position of the page assembly, then according to included personalized location
Configuration information loads the page assembly, if do not had in the personalized configuration information associated with the user identifier of the user
Have the personalized location configuration information configured to the position of the page assembly, then according to load document include to the page
The position configuration information that the position of face component is configured loads the page assembly;Correspondingly, if with the user's
Include configured to the information display form of the page assembly in the personalized configuration information that user identifier is associated
Property rendering configurations information, then render the page assembly according to included personalized rendering configurations information, if with
The information display form of the page assembly is not matched somebody with somebody in the personalized configuration information that the user identifier of the user is associated
The personalized rendering configurations information put, then the information display form to the page assembly included according to load document are matched somebody with somebody
The acquiescence rendering configurations information put renders the page assembly.
When user accesses a page, each page assembly for including for the page, and if the user
The personalized configuration information that is associated of user identifier in include the configuration information configured to the page assembly (personalized
Position configuration information and/or personalized rendering configurations information), then when loading and/or rendering the page assembly according to personalization
The configuration information recorded in configuration information carries out;If the page assembly details configuration is not matched somebody with somebody in personalized configuration information
Confidence breath (personalized location configuration information and/or personalized rendering configurations information), then loading and/or rendering the page assembly
When carried out according to the configuration information that is recorded in load document.It can be seen from the above that during loading page, personalized configuration information
Priority is higher than the configuration information recorded in load document so that and the page loaded out is the page after user individual adjustment,
Ensure that the same page is shown according to the difference of user in the form of different typesetting interfaces, page assembly show, meet user
The demand of personalized customization, lifts the usage experience of user.
Alternatively, after by carrying out the loading displaying page to be developed to load document, user can treat to what is shown
One or more page assemblies on the exploitation page are deleted, and corresponding page group is formed according to the page assembly that user deletes
Part blocking information, by the page assembly blocking information of formation it is associated with the user identifier of user after, to page assembly disable believe
Breath carries out persistence.In this way, when same user accesses the same page again, according to the page associated with the user identifier of user
Component blocking information and load document load the page, the added page set out not each page to being deleted by user
Component is shown.
User, can be to the page by triggering corresponding page assembly editing options during a page is accessed
Including page assembly carry out delete operation, after user deletes one or more page assemblies and carries out preservation operation, according to
Deleted page assembly forms corresponding page assembly blocking information, when same user accesses the page again, by user
The each page assembly deleted will no longer be shown.In this way, user can delete unwanted page assembly on the page and be protected
Deposit, will no longer show deleted page assembly in the subsequent access page, further improve the usage experience of user.
Alternatively, after by carrying out the loading displaying page to be developed to load document, user can wait open showing
Send out and increase one or more page assemblies on the page newly, according to position of the increased each page assembly on Page Template, page
The information display form of face component and the data source of page assembly form corresponding page assembly newly-added information, by the page of formation
After face component newly-added information is associated with the user identifier of user, persistence is carried out to page assembly newly-added information.It is in this way, same
When user accesses the same page again, according to the page assembly newly-added information associated with the user identifier of user and load document
The page is loaded, the added page set out not only includes each page assembly that load document defines, and further includes page group
Each page assembly that part newly-added information defines.
User, can be in the page by triggering corresponding page assembly editing options during a page is accessed
Middle new added pages component, to increase corresponding function in original page.Go forward side by side when user increases one or more page assemblies newly
After row preserves, corresponding page assembly newly-added information is formed according to new added pages component, when same user accesses the page again
When, in addition to showing the original page assembly of the page, also show that each page assembly that user increases newly.In this way, user can root
Increase the page assembly with corresponding information display form on the page according to demand and preserved, in the subsequent access page
New added pages component will be shown, and to increase the function of the page, so as to meet the needs of different user, improve use
The satisfaction at family.
Specifically, user is in new added pages component on the page, firstly, it is necessary to select wanted new added pages component, system
A variety of alternative page assemblies are provided, every kind of page assembly is corresponding with different information display forms, and user can pass through
Required page assembly is added to corresponding position on Page Template by the mode of dragging;Then, new added pages component is configured
Form display form, since same page assembly can correspond to much information display form, for example can pass through cake chart exhibition
Show ratio data, ratio data can also be shown by block diagram;Finally, the data source of new added pages component, data source are configured
As page assembly shows the source of information, for example can be network address, database purchase catalogue etc..Therefore, page assembly is new
Increasing information includes the mark of new added pages component, user identifier, new added pages module position configuration information, new added pages component
Rendering configurations information and new added pages module data source configuration information etc..
In embodiments of the present invention, in load document except include the corresponding position configuration information of each page assembly and
Outside data source configuration information, the identifying of each page assembly, the rendering configurations information of each page assembly and page are further included
Parameter information on face die plate.Wherein, the parameter information of Page Template includes the basic DOM structure of the page, the widgets of the page
Container handgrip, the layout handgrip of the page and page layout etc..
The basic DOM structure of the page is used to define the main frame structure of the page, pair with meeting the frame structure standard
The page could be supported to customize during operation.The basic DOM structure of the page includes 5 agreements, and respectively page unique mark, the page is matched somebody with somebody
Put information labels, browser compatibility explanation, the page and quote pattern file structure, APP entrances.Page unique mark is used for position
A page is identified, for being as unique identification searching the page, preserving page personalized configuration information;Page configuration information
Label is used to record whether this page supports personalized, user to select the page configuration information such as page layout, page rendering mode;
Browser compatibility explanation needs to render using which kind of browser engine for describing this page, improves to a variety of major browsers
Compatibility;Page Apply Styles file structure is used for specified page pattern file occasion of introduction, specifies what be must be introduced into be used for
The base page pattern for supporting such page to run well;APP entrances are used for the entrance for specifying the public script processor of this page.
The widgets container handgrip of the page, for marking in full page, the content in this part is dynamic change,
It is filled using page assembly.
The layout handgrip of the page, the position that should be filled for markup page personalized layout.
Page layout, for page assembly type-setting mode and filling position in markup page.Layout should be divided with ranks, often
A line is bisected into fixed X equal portions, and each column self-defined can be arranged to take N equal portions in row, but with all row institutes in a line
X should be equal to by accounting for the sum of equal portions.Each row should have a unique sign for being directed to this page, and position is placed for indicating page assembly
Put.
By being configured to every configuration parameter of Page Template, the theme of Page Template can be laid out and cut
Change.For example in the first theme layout of Page Template, header position is fixed preview picture area, and footer position is solid
Fixed copyright information show area;In second of theme layout of Page Template, left side is fixed preview picture area, right side
Side is fixed copyright information show area.Developer can select page by being configured to the configuration information of Page Template
The theme layout of face mould block.
In order to realize interface personalizable, realize personalized typesetting and Local hydrodynamic unit, it is necessary to will be relatively independent and complete
Partial encapsulation is the page assembly for meeting standard criterion.Page assembly standard includes the basic component of component, component Configuration is believed
Client-side controller of breath, the service end controller of widgets and widgets etc..
Component basic composition is for describing the basic component of component, specifically include:View, i.e. page assembly show institute
The basic Dom structures used;Client-side controller, for client instruct page assembly show and interaction controller;Number
According to the data source in source, i.e. page assembly displaying;Configure the page, the configuration page path for definitions component;Configuration information, is used
In the configuration information for instructing page assembly displaying and data acquisition;The displaying pattern of pattern, i.e. page assembly.
Module configuration information is one group of configuration information of page assembly, for instructing page assembly to obtain data and rendering.
Configuration information is divided into default configuration information and personalized configuration information, wherein, default configuration information is matched somebody with somebody for page assembly acquiescence
Confidence cease, in the case of the non-individual cultivation component of user effectively, personalized configuration information for user for page assembly into
Row configures retained configuration information.When page assembly renders, it is necessary to personalized configuration information and default configuration information into
Row merges, and personalized configuration information is subject to for the configuration item repeated, for the configuration not configured in personalized configuration information
Item uses default configuration information.
The service end controller of widgets is used for the page assembly of guide service end load mode, is serviced in loading procedure
The carried out control in end, according to widgets configuration information and common component configuration information is subject to, its specific works includes for control:
According to widgets configuration information obtain data, according to widgets configuration information select component render use view, according to group
Part configuration information carries out the binding of data and view.
Widgets client-side controller, which is used to show widgets client, to be controlled.Widgets client-side controller is
JavaScript scripts, should follow AMD specifications, and specific works are:Before specified widgets loading, load, load every time for the first time
After the completion of the events such as completion, size variation, closing, corresponding operating that widgets should carry out;The pattern text that loading widgets use
Part;The JavaScript bags that loading widgets are relied on;Event, the method that exposure widgets externally provide, are setting inter-module
Used during linkage communication.
The page operationally increases configuration feature, and configuration information is persisted in database after configuration.Tool
Body includes herein below:The selection of page row-column layout, component arrangement, component Configuration, persistence configuration information.Realize above-mentioned
Content, should have in the page one to be used to be responsible for the front end js engines for instructing the page to load and provide page adjustment interface, be referred to as
Front end page engine.
The selection of page row-column layout, layout selection window is provided in front end page engine, for adjusting page entirety cloth
Office's structure.
Component arranges, and component adjustment interface is provided in front end page engine, for adjusting component position in the page by dragging
Put, delete component, increase component.Component adjustment handgrip variation, such as, front end page engine is after the completion of page rendering, certainly
Move the lower right corner fixed position in the page and inject a page adjustment button, after button is in mouse slip, eject two on the top
A new button (totally three buttons:One is layout switching push button, and one is increase component button, and one is pressed for layout editor
Button), when clicking on Edit button, into page editing pattern.Cover mask layer in each widgets, have on mask layer deletion by
Button, component configuration button, and line information color burn protrudes.
There is a component configuration button on component, click on component configuration button, eject component configuration interface, wherein component is matched somebody with somebody
Put and include three parts content:Component configuration, common configuration, advanced configuration.Component, which is configured to be directed in component, allows personalization
Configuration information, the configuration page in usage right requirement 8.Two interfaces should be included by wherein configuring in the page:GetConfig、
SetConfig.GetConfig configures the page by component for user and configures into, this interface of front end page engine calling, obtains
User configuration information, and configuration information sequence is turned to the JSON character strings of standard, invocation component configuration information saving interface will
Configuration information is persisted in database.SetConfig interfaces are used for when user opens the configuration page, and front end page engine obtains
The configuration information of current part is taken, it is passed to the configuration page, the acquiescence of initial configuration information related control by this interface
Value.It is to call widgets method for refreshing that wherein page configuration information, which changes, automatic to refresh the current widgets configured.
Persistence configuration information is used for after the completion of working as page configuration, and configuration result is persisted in database.Wherein hold
Longization divides page composition configuration information and page assembly configuration information two parts.Front end page engine can serialize page composition
Configuration information is the Json structures of standard, when the page loads, according to this Json structure, can be deserialized as the dom of the page
Structure.Exemplary construction is as follows:
Above-mentioned page composition configuration information persistence needs to include following 4 key contents:The page indicates, user indicates,
Page layout sign, specific configuration information content.Above-mentioned page assembly configuration information persistence is needed comprising in following 4 keys
Hold:Page sign, user's sign, component sign, specific configuration information content
When user is by the browser access page, page engine is according to the page and module configuration information of persistence dynamic
The page is generated, specifically comprising herein below:Assemble Page Template, parsing page composition configuration information, fill assembly container and plus
Carry component.
Assemble Page Template and be used for Web server addition blocker, when user by browser access dynamic page is to block
Cut device and intercept such dynamic page request, perform server-side page engine renders Page Template, specific rendering step is as follows:Parsing
Request path, searches page sign;Indicated according to the page, active user, obtain page configuration information;According to page configuration information
The middle selected layout types of the page, fill page layout;Page composition configuration information is filled into the page;Back page mould
Plate.
Parse page composition configuration information, fill assembly container., can automated execution after browser gets Page Template
The entrance script of the page, front end page engine start to perform.Front end page engine gets page composition from Page Template and matches somebody with somebody
Confidence ceases, and according to configuration information, formation component container, is filled into corresponding page location.Component is included wherein in assembly container
Sign.
When assembly container filling finishes, front end page engine traversal unit container, asynchronous call server-side bean engines add
Component DOM structure, and executive module front controller are carried, instructs page assembly to show and interact.
Develop exemplified by a work centre page, page development method provided in an embodiment of the present invention is made further below
Describe in detail, as shown in Fig. 2, this method may comprise steps of:
Step 201:Create Page Template and at least one page assembly.
In an embodiment of the invention, Page Template and multiple page assemblies are pre-created, wherein, each page group
Part corresponds to one or more information display forms, and Page Template can be configured, to provide different placement rules.
For example, the work centre page include personal essential information, personal messages, common function entrance, my pending
Business, I done task, my application this 6 contents, this 6 contents can be abstracted as 3 page assemblies, be respectively personal letter
Cease component, common function component and list element.So as to create personal information component, common function component and list element.And
Create Page Template A.
Step 202:Page assembly is added on Page Template, obtains load document.
In an embodiment of the invention, the information to be presented included according to the page to be developed, is respectively that each single item is waited to open up
Show that information selects corresponding page assembly, each page assembly of selection is added on Page Template, and is respectively configured each
A page assembly position configuration parameter and data source configuration parameter, determine position of each page assembly on Page Template with
And obtain the source of information to be presented.And page mould can be configured, adjust the layout of Page Template.By each page group
The corresponding position configuration information of the mark of part, each page assembly and data source configuration information, the configuration information of Page Template
Persistence is carried out etc. information, obtains the load document corresponding to the page to be developed.
For example, 6 contents included for the work centre page, select 1 personal personal basic letter of information assembly displaying
Content is ceased, 1 common function component displaying common function portal content is selected, selects 4 list elements to show that individual disappears respectively
Breath, I Pending tasks, I done task and my application content.6 page assemblies of selection are added to Page Template A
On, and the position configuration information and data source configuration information of 6 page assemblies are set respectively, and confidence is matched somebody with somebody to Page Template A
Breath is configured, and carries out persistence operation afterwards, and the corresponding position configuration information of each 6 page assemblies and data source are configured
Information, the configuration information of Page Template A, the mark of 6 page assemblies are persisted in load document A, afterwards by loading
File A is loaded, and shows the work centre page.
Step 203:According to the triggering of user, by being loaded to load document, the page to be developed is shown.
In an embodiment of the invention,, can be right after the triggering of user is received after load document is obtained
Load document is loaded, so as to show the page to be developed for having developed completion.
For example, after the access request of user B transmissions is received, load document A is loaded, to user's B show work
Make the center page.At work on the heart page, 6 page assemblies are arranged from two rows, and the first row is followed successively by personal letter from left to right
Breath component, common function component and list element 1, the second row are followed successively by list element 2, list element 3 and list from left to right
Component 4, wherein, list element 1 is used to show personal messages, and list element 2 is used to show my Pending tasks, list element 3
For displaying, I has done task, and list element 4 is used to show my application.
Step 204:According to adjustment of the user to page assembly, personalized configuration information is formed.
In an embodiment of the invention, after having developed the page presentation to be developed of completion to user, user can be right
The position of each page assembly on institute's displayed page and information displaying information are adjusted, and page assembly has been adjusted in user
Cheng Hou, individual character configuration information is formed according to the state for the page assembly being adjusted.
For example, on the user B triggering work centre pages after corresponding editing options, the exchange of personal information in the form of dragging
The position of component and list element 4, after user triggers and keeps option, according to the position of personal information component and list element 4,
Form personalized configuration information B.
Step 205:By the personalized configuration information of formation it is associated with the user identifier of user after, to individual cultivation believe
Breath carries out persistence.
In an embodiment of the invention, after personalized configuration information is formed, by personalized configuration information and user
User identifier is associated, so as to identifying the user corresponding to personalized configuration information, personalization is matched somebody with somebody after the completion of association
Confidence breath carries out persistence.
For example, by personalized configuration information B it is associated with the user identifier B of user B after, to personalized configuration information B into
Row persistence.
Step 206:The triggering again of same user is received, it is right according to corresponding personalized configuration information and load document
The page to be developed is shown.
In an embodiment of the invention, when same user again to the adjusted page is visited when, receiving
To after the triggering of user, the user identifier of user is obtained, associated individual cultivation is determined according to the user identifier got
Information, according to the personalized configuration information and load document determined, to user, the page to be accessed loads, and loads out
The page after user's adjustment.When being loaded according to personalized configuration information and load document to the page, individual cultivation is believed
The page assembly all included in breath and load document, loads the page assembly according to personalized configuration information, to individual character
Change the page assembly included in the middle part of configuration information, the page assembly is loaded according to load document.
For example, when user B again accesses the work centre page, the user identifier B of user B is obtained, according to user
Mark B determines associated individual character configuration information B, and the work centre page is loaded according to configuration information B and load document.
On the work centre page loaded out, the first row is followed successively by list element 4, common function component and list element from left to right
1, the second row is followed successively by list element 2, list element 3 and personal information component from left to right.
It should be noted that when user again accesses the page, if user is again to the page group on the page
Part is adjusted, then correspondingly performs 204.
As shown in Figure 3, Figure 4, an embodiment of the present invention provides a kind of page development device.Device embodiment can be by soft
Part is realized, can also be realized by way of hardware or software and hardware combining.For hardware view, as shown in figure 3, being this hair
A kind of hardware structure diagram of equipment where the page development device that bright embodiment provides, except the processor shown in Fig. 3, memory,
Outside network interface and nonvolatile memory, the equipment in embodiment where device can also usually include other hardware,
Such as it is responsible for the forwarding chip of processing message.Exemplified by implemented in software, as shown in figure 4, as the dress on a logical meaning
Put, be to read corresponding computer program instructions in nonvolatile memory in memory by the CPU of equipment where it to transport
What row was formed.Page development device provided in this embodiment, including:Creating unit 401, assembled unit 402, dispensing unit 403
With storage unit 404;
Creating unit 401, for creating Page Template and at least one page assembly, wherein, each page assembly pair
Should at least one information display form;
Assembled unit 402, for determining to need at least one information to be presented being shown in the page to be developed, for
Each information to be presented, each page assembly created according to the information display form of information to be presented from creating unit 401
It is middle to obtain corresponding page assembly, and each page that got after the Page Template of the establishment of creating unit 401 is got
Component is added on Page Template;
Dispensing unit 403, for each page assembly being added to by assembled unit 402 on Page Template to be respectively configured
Position configuration information, to determine position of each page assembly on Page Template, and each page group is respectively configured
The data source configuration information of part, to determine the data source of each page assembly;
Storage unit 404, for the corresponding position configuration information of each page assembly and the progress of data source configuration information
Persistence, forms the load document of the page to be developed.
Alternatively, on the basis of page development device shown in Fig. 4, as shown in figure 5, the page development device can also wrap
Include:Display unit 505 and self-defined unit 506;
Display unit 505, for the loading text after the triggering of user is received, formed by load store unit 404
Part is shown the page to be developed;
Self-defined unit 506, for each page group on the page to be developed that is shown according to user to display unit 505
The adjustment that relative position carries out between part and Page Template, and information display form progress of the user to each page assembly
Adjustment, obtains personalized configuration information;
Storage unit 404, is further used for the user for the personalized configuration information and user for obtaining self-defined unit 506
Mark is associated, and carries out persistence to personalized configuration information, with when user accesses the page to be developed again according to individual character
Change the page to be developed after configuration information and load document adjust user to be shown.
Alternatively, on the basis of page development device shown in Fig. 5, as shown in fig. 6, display unit 505 can include:Page
Face die plate loading subelement 5051, page assembly loading subelement 5052, data loading subelement 5053 and page assembly render
Subelement 5054;
Page Template load subelement 5051, for storage unit 404 to personalized configuration information carry out persistence it
Afterwards, after the triggering of user is received, the Page Template of the page to be developed is loaded;
Page assembly loads subelement 5052, for each page assembly included for the page to be developed, judges to deposit
Whether include in the personalized configuration information of 404 persistence of storage unit for opposite position between page assembly and Page Template
The personalized location configuration information configured is put, if so, page assembly is loaded into according to personalized location configuration information
On the Page Template that Page Template loading subelement 5051 loads, otherwise the position configuration information in load document is by the page
Component is loaded on the Page Template that Page Template loading subelement 5051 loads;
Data load subelement 5053, are respectively each for the data source configuration information included according to load document
Page assembly distributes information to be presented;
Page assembly renders subelement 5054, for each page assembly included for the page to be developed, judges a
Whether personalized rendering configurations for the information display form of page assembly configured are included in property configuration information
Information, if so, carrying out wash with watercolours to page assembly according to personalized rendering configurations information and the corresponding information to be presented of page assembly
Dye, the corresponding information to be presented of acquiescence rendering configurations information and page assembly otherwise included according to load document is to page group
Part is rendered.
Alternatively, on the basis of page development device shown in Fig. 5, self-defined unit 506 is further used in user couple
After at least one page assembly on the page to be developed is deleted, page assembly blocking information is formed, and page assembly is prohibited
It is associated with information with user identifier, and persistence is carried out to page assembly blocking information, it is to be developed to be accessed again in user
The each page assembly deleted by user is not shown according to page assembly blocking information during the page.
Alternatively, on the basis of page development device shown in Fig. 5 or Fig. 6, self-defined unit 406, which is further used for working as, to be used
After family increases at least one page assembly newly on the page to be developed, page assembly newly-added information is formed, and page assembly is increased newly
Information is associated with user's expression, and carries out persistence to page assembly newly-added information, to access page to be developed again in user
The each page assembly increased newly during face according to page assembly newly-added information to user is shown.
The contents such as the information exchange between each unit, implementation procedure in above device, due to implementing with the method for the present invention
Example is based on same design, and particular content can be found in the narration in the method for the present invention embodiment, and details are not described herein again.
The embodiment of the present invention additionally provides a kind of computer-readable recording medium, is stored with execute instruction on the computer-readable recording medium, works as storage
When the processor of controller performs the execute instruction, the storage control performs the page that above-mentioned each embodiment provides and opens
Forwarding method.
The embodiment of the present invention additionally provides a kind of storage control, including:Processor, memory and bus;
The memory is used to store execute instruction, and the processor is connected with the memory by the bus, when
During the storage control operation, the processor performs the execute instruction of the memory storage, so that the storage
Controller performs the page development method that above-mentioned each embodiment provides.
In conclusion the page development method and device that each embodiment of the present invention provides, at least has following beneficial to effect
Fruit:
1st, in embodiments of the present invention, Page Template and multiple page assemblies are pre-created, when needing to develop the page, root
Corresponding page assembly is obtained according to the information display form of each information to be presented on the page to be developed, by what is got
After each page assembly is added on Page Template, matched somebody with somebody by the position configuration information and data source that configure each page assembly
Confidence ceases, and the data source of position and page assembly of each page assembly on Page Template is adjusted, by each page assembly pair
After the position configuration information and data source configuration information persistence answered, the load document of the page to be developed is formed, when receiving use
Loading is carried out after the triggering at family to load document to be shown the page to be developed.It can be seen from the above that the page that exploitation is completed
Face is made of Page Template and each relatively independent page assembly, can when needing the split page distributed to modify
With in the basic to new added pages component, the position configuration information deleted page assembly, reconfigure page assembly of original page
With data source configuration information, without being developed again to full page, so as to improve the efficiency of page development.
2nd, in embodiments of the present invention, user carries out the page personalized adjustment according to oneself use habit and demand
Afterwards, formed and the corresponding personalized configuration information of the page after adjustment, when same user again accesses the page, root
The page is loaded according to the personalized configuration information corresponding to the user and load document so that the page loaded out is use
Family carries out the page after personalized adjustment, so as to meet the needs of different user carries out personalized customization to the same page, improves
The usage experience of user.
3rd, in embodiments of the present invention, user is real when being adjusted to the position of page assembly and information displaying information
When the page is refreshed so that user after being adjusted to the page, can see in real time the page adjustment after bandwagon effect.
The page is refreshed in real time during page adjustment so that user can be with What You See Is What You Get to each page assembly in the page
Layout and information display form carry out personalized adjustment, further body improves the usage experience of user.
4th, in embodiments of the present invention, user is during a page is accessed, by triggering corresponding page assembly
Editing options, the page assembly that can include to the page carry out delete operation, when user deletes one or more page assemblies simultaneously
After carrying out preservation operation, corresponding page assembly blocking information is formed according to deleted page assembly, when same user again
When accessing the page, it will no longer be shown by each page assembly that user deletes.It is not required in this way, user can delete on the page
Page assembly and preserved, will no longer show deleted page assembly in the subsequent access page, further lifting
The usage experience of user.
5th, in embodiments of the present invention, user is during a page is accessed, by triggering corresponding page assembly
Editing options, can in the page new added pages component, to increase corresponding function in original page.When user increases one newly
Or multiple page assemblies and after being preserved, corresponding page assembly newly-added information is formed according to new added pages component, when same
When user accesses the page again, in addition to showing the original page assembly of the page, each page group that user increases newly is also showed that
Part.In this way, user can increase has the page assembly of corresponding information display form and is preserved on the page according to demand,
New added pages component will be shown in the subsequent access page, to increase the function of the page, so as to meet difference
The demand of user, improves the satisfaction of user.
It should be noted that herein, such as first and second etc relational terms are used merely to an entity
Or operation is distinguished with another entity or operation, is existed without necessarily requiring or implying between these entities or operation
Any actual relationship or order.Moreover, term " comprising ", "comprising" or its any other variant be intended to it is non-
It is exclusive to include, so that process, method, article or equipment including a series of elements not only include those key elements,
But also including other elements that are not explicitly listed, or further include solid by this process, method, article or equipment
Some key elements.In the absence of more restrictions, by sentence " including the key element that a 〃 〃 " is limited, it is not excluded that
Also there is other identical factor in the process, method, article or apparatus that includes the element.
One of ordinary skill in the art will appreciate that:Realizing all or part of step of above method embodiment can pass through
The relevant hardware of programmed instruction is completed, and foregoing program can be stored in computer-readable storage medium, the program
Upon execution, the step of execution includes above method embodiment;And foregoing storage medium includes:ROM, RAM, magnetic disc or light
Disk etc. is various can be with the medium of store program codes.
It is last it should be noted that:The foregoing is merely presently preferred embodiments of the present invention, is merely to illustrate skill of the invention
Art scheme, is not intended to limit the scope of the present invention.Any modification for being made within the spirit and principles of the invention,
Equivalent substitution, improvement etc., are all contained in protection scope of the present invention.
Claims (10)
- A kind of 1. page development method, it is characterised in that Page Template and at least one page assembly are created, wherein, each The page assembly corresponds at least one information display form, further includes:Determine to need at least one information to be presented being shown in the page to be developed;For information to be presented each described, the corresponding page is obtained according to the information display form of the information to be presented Face component;The Page Template is obtained, and each page assembly got is added on the Page Template;The position configuration information of each page assembly on the Page Template is respectively configured, to determine each described page Position of the face component on the Page Template;The data source configuration information of each page assembly is respectively configured, to determine the data of each page assembly Source;Persistence, shape are carried out to each corresponding position configuration information of page assembly and the data source configuration information Into the load document of the page to be developed.
- 2. according to the method described in claim 1, it is characterized in that, the load document for forming the page to be developed it Afterwards, further comprise:After the triggering of user is received, the page to be developed is shown by loading the load document;According to the user on the page to be developed that is shown between each page assembly and the Page Template The adjustment that relative position carries out, and the adjustment that the user carries out the information display form of each page assembly, are obtained Obtain personalized configuration information;The personalized configuration information is associated with the user identifier of the user, and the personalized configuration information is carried out Persistence, with literary according to the personalized configuration information and the loading when the user accesses the page to be developed again The page to be developed after part is adjusted the user is shown.
- 3. according to the method described in claim 2, it is characterized in that, described by the personalized configuration information and the user User identifier be associated, and to the personalized configuration information carry out persistence after, further comprise:After the triggering of the user is received, the Page Template of the page to be developed is loaded;Each the described page assembly included for the page to be developed, judges whether wrapped in the personalized configuration information The personalized location configuration information for being useful for being configured to relative position between the page assembly and the Page Template is included, If so, the page assembly is loaded on the Page Template according to the personalized location configuration information, otherwise basis The page assembly is loaded on the Page Template by the position configuration information in the load document;The data source configuration information included according to the load document, respectively each described page assembly, which distributes, waits to open up Show information;Each the described page assembly included for the page to be developed, judges whether wrapped in the personalized configuration information The personalized rendering configurations information for being useful for being configured to the information display form of the page assembly is included, if so, according to The personalization rendering configurations information and the corresponding information to be presented of the page assembly carry out wash with watercolours to the page assembly Dye, the acquiescence rendering configurations information and the page assembly otherwise included according to the load document are corresponding described to be presented Information renders the page assembly.
- 4. according to the method described in claim 2, it is characterized in that, waited out described by loading the load document to described After the hair page is shown, further comprise:After the user deletes at least one page assembly on the page to be developed, page assembly is formed Blocking information;The page assembly blocking information is associated with the user identifier, and the page assembly blocking information is held Longization, with when the user accesses the page to be developed again according to the page assembly blocking information not to by the use Each page assembly that family is deleted is shown.
- 5. according to any method in claim 2 to 4, it is characterised in that described by loading the load document After being shown to the page to be developed, further comprise:After the user is increasing at least one page assembly newly on the page to be developed, form page assembly and increase letter newly Breath;The page assembly newly-added information is associated with user expression, and the page assembly newly-added information is held Longization, with new to the user according to the page assembly newly-added information when the user accesses the page to be developed again The each page assembly increased is shown.
- A kind of 6. page development device, it is characterised in that including:Creating unit, assembled unit, dispensing unit and storage unit;The creating unit, for creating Page Template and at least one page assembly, wherein, each described page assembly pair Should at least one information display form;The assembled unit, for determining to need at least one information to be presented being shown in the page to be developed, for every One information to be presented, each institute created according to the information display form of the information to be presented from the creating unit State and the corresponding page assembly is obtained in page assembly, and after the Page Template that the creating unit creates is got The each page assembly got is added on the Page Template;The dispensing unit, for each the described page being added to by the assembled unit on the Page Template to be respectively configured The position configuration information of face component, to determine each position of the page assembly on the Page Template, and matches somebody with somebody respectively The data source configuration information of each page assembly is put, to determine the data source of each page assembly;The storage unit, for each corresponding position configuration information of page assembly and data source configuration Information carries out persistence, forms the load document of the page to be developed.
- 7. device according to claim 6, it is characterised in that further comprise:Display unit and self-defined unit;The display unit, for the loading after the triggering of user is received, formed by loading the storage unit File is shown the page to be developed;The self-defined unit, for each on the page to be developed that is shown according to the user to the display unit The adjustment that relative position carries out between the page assembly and the Page Template, and the user is to each page group The adjustment that the information display form of part carries out, obtains personalized configuration information;The storage unit, is further used for the personalized configuration information of the self-defined unit acquisition and the user User identifier be associated, and persistence is carried out to the personalized configuration information, to access described treat again in the user The page to be developed after being adjusted when developing the page according to the personalized configuration information and the load document to the user Face is shown.
- 8. device according to claim 7, it is characterised in that the display unit includes:Page Template loading subelement, Page assembly loading subelement, data loading subelement and page assembly render subelement;The Page Template loads subelement, for the storage unit personalized configuration information is carried out persistence it Afterwards, after the triggering of the user is received, the Page Template of the page to be developed is loaded;The page assembly loads subelement, for each the described page assembly included for the page to be developed, sentences Break the storage unit persistence the personalized configuration information in whether include for the page assembly with it is described The personalized location configuration information that relative position is configured between Page Template, if so, being matched somebody with somebody according to the personalized location The page assembly is loaded on the Page Template of the Page Template loading subelement loading by confidence breath, otherwise basis The page assembly is loaded into the Page Template loading subelement and added by the position configuration information in the load document On the Page Template carried;The data load subelement, are respectively every for the data source configuration information included according to the load document One page assembly distributes information to be presented;The page assembly renders subelement, for each the described page assembly included for the page to be developed, sentences Whether for the information display form of the page assembly configured is included in the personalized configuration information of breaking Property rendering configurations information, if so, being treated according to the personalized rendering configurations information and the page assembly are corresponding Displaying information renders the page assembly, the acquiescence rendering configurations information that is otherwise included according to the load document and The corresponding information to be presented of the page assembly renders the page assembly.
- 9. device according to claim 7, it is characterised in thatThe self-defined unit, is further used in the user at least one page group on the page to be developed After part is deleted, page assembly blocking information is formed, and the page assembly blocking information is related to the user identifier Connection, and persistence is carried out to the page assembly blocking information, with the root when the user accesses the page to be developed again The each page assembly deleted by the user is not shown according to the page assembly blocking information.
- 10. according to any device in claim 7 to 9, it is characterised in thatThe self-defined unit, is further used for when the user increases at least one page newly on the page to be developed After component, page assembly newly-added information is formed, and the page assembly newly-added information and user expression is associated and right The page assembly newly-added information carries out persistence, with when the user accesses the page to be developed again according to the page Each page assembly that face component newly-added information increases the user newly is shown.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711123071.0A CN107908399B (en) | 2017-11-14 | 2017-11-14 | Page development method and device |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711123071.0A CN107908399B (en) | 2017-11-14 | 2017-11-14 | Page development method and device |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107908399A true CN107908399A (en) | 2018-04-13 |
CN107908399B CN107908399B (en) | 2021-03-16 |
Family
ID=61845383
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711123071.0A Active CN107908399B (en) | 2017-11-14 | 2017-11-14 | Page development method and device |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107908399B (en) |
Cited By (35)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108762739A (en) * | 2018-04-24 | 2018-11-06 | 五八同城信息技术有限公司 | The development approach and terminal device of application APP |
CN108763551A (en) * | 2018-06-01 | 2018-11-06 | 阿里巴巴集团控股有限公司 | Page rendering method, apparatus, server and computer readable storage medium |
CN109144505A (en) * | 2018-06-25 | 2019-01-04 | 阿里巴巴集团控股有限公司 | The methods of exhibiting and device of the Android page |
CN109240688A (en) * | 2018-08-13 | 2019-01-18 | 重庆金融资产交易所有限责任公司 | Interface development method, electronic device and readable storage medium storing program for executing |
CN109358843A (en) * | 2018-09-30 | 2019-02-19 | 苏州浪潮智能软件有限公司 | A kind of Fast Page building method towards financial terminal transaction |
CN109375960A (en) * | 2018-09-29 | 2019-02-22 | 郑州云海信息技术有限公司 | A kind of copyright information loading method and device |
CN109388396A (en) * | 2018-09-18 | 2019-02-26 | 深圳壹账通智能科技有限公司 | Page generation method, device, computer equipment and storage medium |
CN109471627A (en) * | 2018-10-22 | 2019-03-15 | 大唐网络有限公司 | Page presentation control method, system and device |
CN109558132A (en) * | 2018-11-26 | 2019-04-02 | 上海景域文化传播股份有限公司 | Full platform template system |
CN109901832A (en) * | 2019-01-17 | 2019-06-18 | 平安城市建设科技(深圳)有限公司 | Visualize webpage making method, apparatus, equipment and storage medium |
CN110007999A (en) * | 2019-04-15 | 2019-07-12 | 成都四方伟业软件股份有限公司 | Page layout method, device and computer readable storage medium |
CN110007823A (en) * | 2019-04-01 | 2019-07-12 | 钱咸升(北京)网络科技股份公司 | A kind of data inputting method and device |
CN110148019A (en) * | 2019-05-09 | 2019-08-20 | 北京百度网讯科技有限公司 | Information flow runs template establishment method and information flow operation template creates system |
CN110555185A (en) * | 2019-09-09 | 2019-12-10 | 中国工商银行股份有限公司 | Page customization method and system based on PC client |
CN110865807A (en) * | 2018-08-27 | 2020-03-06 | 北京京东金融科技控股有限公司 | Active page creation system, method, device and storage medium |
CN110968309A (en) * | 2019-10-15 | 2020-04-07 | 京东数字科技控股有限公司 | Template generation method and device, electronic equipment and storage medium |
CN111027299A (en) * | 2019-10-18 | 2020-04-17 | 深圳智慧园区信息技术有限公司 | Form generation method and system |
CN111045672A (en) * | 2018-10-15 | 2020-04-21 | 珠海格力电器股份有限公司 | Interface component setting method, computer device and storage medium |
CN111124375A (en) * | 2019-12-27 | 2020-05-08 | 杭州东方通信软件技术有限公司 | Autonomous front-end design and display system |
CN111158651A (en) * | 2019-12-26 | 2020-05-15 | 第四范式(北京)技术有限公司 | Method, device and system for constructing artificial intelligence application |
CN111190671A (en) * | 2019-12-20 | 2020-05-22 | 上海淇玥信息技术有限公司 | Window display control method and device and electronic equipment |
CN111274781A (en) * | 2020-01-21 | 2020-06-12 | 北京三快在线科技有限公司 | Table display method and device, storage medium and electronic equipment |
CN111475760A (en) * | 2020-04-07 | 2020-07-31 | 五八有限公司 | Method for serializing DOM (document object model) nodes and rendering method and device of DOM nodes |
CN111880772A (en) * | 2020-07-15 | 2020-11-03 | 云账户技术(天津)有限公司 | Method, device and medium for displaying page |
CN112016023A (en) * | 2019-05-29 | 2020-12-01 | 腾讯数码(天津)有限公司 | Service processing method, device, terminal and storage medium |
CN112069434A (en) * | 2020-09-24 | 2020-12-11 | 中盈优创资讯科技有限公司 | Method and device for generating word document by one key on web interface |
CN112181409A (en) * | 2019-07-03 | 2021-01-05 | 马上消费金融股份有限公司 | Application construction method, application rendering method and device |
CN112214704A (en) * | 2020-08-21 | 2021-01-12 | 长沙市到家悠享网络科技有限公司 | Page processing method and device |
CN112230910A (en) * | 2019-07-15 | 2021-01-15 | 腾讯科技(深圳)有限公司 | Page generation method, device, equipment and storage medium of embedded program |
CN112925513A (en) * | 2021-02-20 | 2021-06-08 | 北京读我网络技术有限公司 | Web page construction method and device |
CN113486275A (en) * | 2021-07-27 | 2021-10-08 | 山石网科通信技术股份有限公司 | Information display method and device, computer readable storage medium and processor |
CN113672214A (en) * | 2021-07-16 | 2021-11-19 | 微梦创科网络科技(中国)有限公司 | Template sharing method and device |
CN114518912A (en) * | 2022-02-21 | 2022-05-20 | 度小满科技(北京)有限公司 | Page loading method, device and equipment and readable storage medium |
CN115080046A (en) * | 2022-08-16 | 2022-09-20 | 之江实验室 | Multi-component abstract association fusion method and device in page design |
CN115268911A (en) * | 2022-08-01 | 2022-11-01 | 广州道然信息科技有限公司 | Television application construction method based on layout and components |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102193786A (en) * | 2010-03-11 | 2011-09-21 | 中国工商银行股份有限公司 | Device and method for constructing self-adaptive graphic user interface (GUI) |
US8091036B1 (en) * | 2006-04-27 | 2012-01-03 | Oracle America, Inc. | GUI builder tool for designing cross platform layout |
US20120278162A1 (en) * | 2011-04-29 | 2012-11-01 | Microsoft Corporation | Conducting an auction of services responsive to positional selection |
CN105468377A (en) * | 2015-12-10 | 2016-04-06 | 北京中科汇联科技股份有限公司 | Method and system for generating page of mobile terminal |
EP3153966A1 (en) * | 2015-10-09 | 2017-04-12 | Hewlett-Packard Enterprise Development LP | Graphical user interface editors |
CN106648555A (en) * | 2015-10-28 | 2017-05-10 | 阿里巴巴集团控股有限公司 | Page generation method and device |
CN107103447A (en) * | 2016-02-23 | 2017-08-29 | 平安科技(深圳)有限公司 | Page configuration method and apparatus |
-
2017
- 2017-11-14 CN CN201711123071.0A patent/CN107908399B/en active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8091036B1 (en) * | 2006-04-27 | 2012-01-03 | Oracle America, Inc. | GUI builder tool for designing cross platform layout |
CN102193786A (en) * | 2010-03-11 | 2011-09-21 | 中国工商银行股份有限公司 | Device and method for constructing self-adaptive graphic user interface (GUI) |
US20120278162A1 (en) * | 2011-04-29 | 2012-11-01 | Microsoft Corporation | Conducting an auction of services responsive to positional selection |
EP3153966A1 (en) * | 2015-10-09 | 2017-04-12 | Hewlett-Packard Enterprise Development LP | Graphical user interface editors |
CN106648555A (en) * | 2015-10-28 | 2017-05-10 | 阿里巴巴集团控股有限公司 | Page generation method and device |
CN105468377A (en) * | 2015-12-10 | 2016-04-06 | 北京中科汇联科技股份有限公司 | Method and system for generating page of mobile terminal |
CN107103447A (en) * | 2016-02-23 | 2017-08-29 | 平安科技(深圳)有限公司 | Page configuration method and apparatus |
Cited By (47)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108762739A (en) * | 2018-04-24 | 2018-11-06 | 五八同城信息技术有限公司 | The development approach and terminal device of application APP |
CN108763551A (en) * | 2018-06-01 | 2018-11-06 | 阿里巴巴集团控股有限公司 | Page rendering method, apparatus, server and computer readable storage medium |
CN108763551B (en) * | 2018-06-01 | 2022-01-28 | 创新先进技术有限公司 | Page rendering method, device, server and computer readable storage medium |
CN109144505A (en) * | 2018-06-25 | 2019-01-04 | 阿里巴巴集团控股有限公司 | The methods of exhibiting and device of the Android page |
CN109144505B (en) * | 2018-06-25 | 2022-03-01 | 创新先进技术有限公司 | Android page display method and device |
CN109240688A (en) * | 2018-08-13 | 2019-01-18 | 重庆金融资产交易所有限责任公司 | Interface development method, electronic device and readable storage medium storing program for executing |
CN110865807A (en) * | 2018-08-27 | 2020-03-06 | 北京京东金融科技控股有限公司 | Active page creation system, method, device and storage medium |
CN109388396A (en) * | 2018-09-18 | 2019-02-26 | 深圳壹账通智能科技有限公司 | Page generation method, device, computer equipment and storage medium |
CN109375960A (en) * | 2018-09-29 | 2019-02-22 | 郑州云海信息技术有限公司 | A kind of copyright information loading method and device |
CN109358843A (en) * | 2018-09-30 | 2019-02-19 | 苏州浪潮智能软件有限公司 | A kind of Fast Page building method towards financial terminal transaction |
CN111045672B (en) * | 2018-10-15 | 2021-08-24 | 珠海格力电器股份有限公司 | Interface component setting method, computer device and storage medium |
CN111045672A (en) * | 2018-10-15 | 2020-04-21 | 珠海格力电器股份有限公司 | Interface component setting method, computer device and storage medium |
CN109471627A (en) * | 2018-10-22 | 2019-03-15 | 大唐网络有限公司 | Page presentation control method, system and device |
CN109558132A (en) * | 2018-11-26 | 2019-04-02 | 上海景域文化传播股份有限公司 | Full platform template system |
CN109901832A (en) * | 2019-01-17 | 2019-06-18 | 平安城市建设科技(深圳)有限公司 | Visualize webpage making method, apparatus, equipment and storage medium |
CN110007823A (en) * | 2019-04-01 | 2019-07-12 | 钱咸升(北京)网络科技股份公司 | A kind of data inputting method and device |
CN110007823B (en) * | 2019-04-01 | 2020-12-04 | 钱咸升(北京)网络科技股份公司 | Information input method and device |
CN110007999A (en) * | 2019-04-15 | 2019-07-12 | 成都四方伟业软件股份有限公司 | Page layout method, device and computer readable storage medium |
CN110148019B (en) * | 2019-05-09 | 2021-08-20 | 北京百度网讯科技有限公司 | Information flow operation template creating method and information flow operation template creating system |
CN110148019A (en) * | 2019-05-09 | 2019-08-20 | 北京百度网讯科技有限公司 | Information flow runs template establishment method and information flow operation template creates system |
CN112016023A (en) * | 2019-05-29 | 2020-12-01 | 腾讯数码(天津)有限公司 | Service processing method, device, terminal and storage medium |
CN112016023B (en) * | 2019-05-29 | 2023-08-18 | 腾讯数码(天津)有限公司 | Service processing method, device, terminal and storage medium |
CN112181409A (en) * | 2019-07-03 | 2021-01-05 | 马上消费金融股份有限公司 | Application construction method, application rendering method and device |
CN112230910B (en) * | 2019-07-15 | 2023-09-15 | 腾讯科技(深圳)有限公司 | Page generation method, device and equipment of embedded program and storage medium |
CN112230910A (en) * | 2019-07-15 | 2021-01-15 | 腾讯科技(深圳)有限公司 | Page generation method, device, equipment and storage medium of embedded program |
CN110555185A (en) * | 2019-09-09 | 2019-12-10 | 中国工商银行股份有限公司 | Page customization method and system based on PC client |
CN110968309A (en) * | 2019-10-15 | 2020-04-07 | 京东数字科技控股有限公司 | Template generation method and device, electronic equipment and storage medium |
CN111027299A (en) * | 2019-10-18 | 2020-04-17 | 深圳智慧园区信息技术有限公司 | Form generation method and system |
CN111190671A (en) * | 2019-12-20 | 2020-05-22 | 上海淇玥信息技术有限公司 | Window display control method and device and electronic equipment |
CN111190671B (en) * | 2019-12-20 | 2023-07-28 | 上海淇玥信息技术有限公司 | Window display control method and device and electronic equipment |
CN111158651A (en) * | 2019-12-26 | 2020-05-15 | 第四范式(北京)技术有限公司 | Method, device and system for constructing artificial intelligence application |
CN111124375A (en) * | 2019-12-27 | 2020-05-08 | 杭州东方通信软件技术有限公司 | Autonomous front-end design and display system |
CN111274781A (en) * | 2020-01-21 | 2020-06-12 | 北京三快在线科技有限公司 | Table display method and device, storage medium and electronic equipment |
CN111475760A (en) * | 2020-04-07 | 2020-07-31 | 五八有限公司 | Method for serializing DOM (document object model) nodes and rendering method and device of DOM nodes |
CN111475760B (en) * | 2020-04-07 | 2023-11-14 | 五八有限公司 | Method for serializing DOM nodes, DOM node rendering method and device |
CN111880772A (en) * | 2020-07-15 | 2020-11-03 | 云账户技术(天津)有限公司 | Method, device and medium for displaying page |
CN112214704A (en) * | 2020-08-21 | 2021-01-12 | 长沙市到家悠享网络科技有限公司 | Page processing method and device |
CN112069434A (en) * | 2020-09-24 | 2020-12-11 | 中盈优创资讯科技有限公司 | Method and device for generating word document by one key on web interface |
CN112925513A (en) * | 2021-02-20 | 2021-06-08 | 北京读我网络技术有限公司 | Web page construction method and device |
CN113672214A (en) * | 2021-07-16 | 2021-11-19 | 微梦创科网络科技(中国)有限公司 | Template sharing method and device |
CN113672214B (en) * | 2021-07-16 | 2024-04-05 | 微梦创科网络科技(中国)有限公司 | Template sharing method and device |
CN113486275A (en) * | 2021-07-27 | 2021-10-08 | 山石网科通信技术股份有限公司 | Information display method and device, computer readable storage medium and processor |
CN114518912A (en) * | 2022-02-21 | 2022-05-20 | 度小满科技(北京)有限公司 | Page loading method, device and equipment and readable storage medium |
CN114518912B (en) * | 2022-02-21 | 2023-04-25 | 度小满科技(北京)有限公司 | Page loading method, device, equipment and readable storage medium |
CN115268911A (en) * | 2022-08-01 | 2022-11-01 | 广州道然信息科技有限公司 | Television application construction method based on layout and components |
CN115080046B (en) * | 2022-08-16 | 2022-11-11 | 之江实验室 | Multi-component abstract association fusion method and device in page design |
CN115080046A (en) * | 2022-08-16 | 2022-09-20 | 之江实验室 | Multi-component abstract association fusion method and device in page design |
Also Published As
Publication number | Publication date |
---|---|
CN107908399B (en) | 2021-03-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107908399A (en) | A kind of page development method and device | |
US9645977B2 (en) | Systems and methods for configuring a header and layout of a mobile version of a conventional website | |
US7167903B2 (en) | System and method for user updateable web sites and web pages | |
US9858253B2 (en) | Browser extension for web form capture | |
US7000184B2 (en) | Remote web site editing in a standard web browser without external software | |
US7996756B2 (en) | System and methods for displaying user modifiable server-rendered images | |
US8887132B1 (en) | Application runtime environment and framework | |
US7490290B2 (en) | System and method for a look and feel designer with a skin editor | |
EP2332074A2 (en) | Editing web pages | |
JP2004530224A (en) | Engine that presents a user interface based on a logical structure, such as a logical structure for a customer relationship management system, via a website | |
CN101593207A (en) | The method and system of a kind of structure and generation webpage | |
CN109683978A (en) | A kind of method, apparatus and electronic equipment of the rendering of streaming layout interface | |
US11868598B2 (en) | Generating and modifying content using data structures | |
US20060174187A1 (en) | System and method for a look and feel designer with a page-view interface | |
CN110515606A (en) | A kind of Components Development method based on block | |
CN109343915A (en) | Picture list shows method, apparatus, terminal device and storage medium | |
CN112307377A (en) | Information display method and device and electronic equipment | |
Collins | Pro HTML5 with Visual Studio 2015 | |
KR101397178B1 (en) | System for supporting a customizing of program module | |
CN116560630B (en) | Logic building block product and working method thereof | |
CN113703743B (en) | Page configuration method and device, page rendering method, client and server | |
CN116595284B (en) | Webpage system operation method, device, equipment, storage medium and program | |
Valentine | Practical JavaScript Concepts and Projects | |
Torkelson et al. | Using the HTML Controls | |
Duffy | Pro SharePoint with JQuery |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20210223 Address after: No. 1036, Shandong high tech Zone wave road, Ji'nan, Shandong Applicant after: INSPUR GENERAL SOFTWARE Co.,Ltd. Address before: 250100 No. 2877 Kehang Road, Sun Village Town, Jinan High-tech District, Shandong Province Applicant before: SHANDONG INSPUR GENESOFT INFORMATION TECHNOLOGY Co.,Ltd. |
|
TA01 | Transfer of patent application right | ||
GR01 | Patent grant | ||
GR01 | Patent grant |