CN107908399A - A kind of page development method and device - Google Patents

A kind of page development method and device Download PDF

Info

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
Application number
CN201711123071.0A
Other languages
Chinese (zh)
Other versions
CN107908399B (en
Inventor
成晨
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Inspur General Software Co Ltd
Original Assignee
Shandong Inspur Genersoft Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shandong Inspur Genersoft Information Technology Co Ltd filed Critical Shandong Inspur Genersoft Information Technology Co Ltd
Priority to CN201711123071.0A priority Critical patent/CN107908399B/en
Publication of CN107908399A publication Critical patent/CN107908399A/en
Application granted granted Critical
Publication of CN107908399B publication Critical patent/CN107908399B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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

A kind of page development method and device
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)

  1. 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. 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. 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. 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. 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.
  6. 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. 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. 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. 9. device according to claim 7, it is characterised in that
    The 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. 10. according to any device in claim 7 to 9, it is characterised in that
    The 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.
CN201711123071.0A 2017-11-14 2017-11-14 Page development method and device Active CN107908399B (en)

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)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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

Patent Citations (7)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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