Summary of the invention
It is found by the applicant that: the relevant technologies Pages Design style is consistent, can not be according to user's use habit rational design page
Function.
In view of the above technical problem, the present invention provides a kind of page makeup method and system, user terminal, server and
Readable storage medium storing program for executing.
According to an aspect of the present invention, a kind of page makeup method is provided, comprising:
In the case where terminal traffic starting, the structural components of the page are constructed according to demand;
After the completion of the building of the structural components of the page, terminal traffic function is run.
In some embodiments of the invention, the structural components for constructing the page according to demand include:
It constructs the page and constructs at least one in channel, floor and element group.
In some embodiments of the invention, channel includes at least one level channel, and channel is used to control the displaying of the page;Page
Face includes at least one floor, and the page is for showing information and finishing man-machine interaction;Floor includes at least one element group, floor
For tissue elements group and complete interaction logic;Element group is customized functional unit, and element group is used for according to different demands
Carry out pattern customization.
In some embodiments of the invention, the building element group includes:
Template type is selected according to demand;
Corresponding data source is selected according to selected template type;
Building element group simultaneously fills data.
In some embodiments of the invention, the structural components for constructing the page according to demand include:
In the case where loading page, page cache is judged whether there is;
In the case where page cache is not present, request data simultaneously constructs the page.
In some embodiments of the invention, the structural components for constructing the page according to demand further include:
There are page cache, request interface data while loading page caches;
After loading page caching, the step of constructing the page is executed;
After request interface data, page cache is updated.
In some embodiments of the invention, the structural components for constructing the page according to demand further include:
After request interface data, judge whether page layout has upgraded;
In the case where page layout has upgraded, the step of constructing the page is executed;
In the case where page layout has upgraded, the component constructed is looped through, and judge whether each component is same
Step data source component;
In the case where component is synchrodata source component, module data source is updated, and the step of executing the building page;
In the case where component is not synchrodata source component, notification component refresh interface data execute building page later
The step of face.
In some embodiments of the invention, the page makeup method further include:
Obtain user type information;
Page presentation information corresponding with the user type information is shown to user according to user type information.
According to another aspect of the present invention, a kind of page makeup method is provided, comprising:
Receive the page makeup request of user terminal;
It is requested according to the page makeup, obtains corresponding page makeup data;
The page makeup data are returned into user terminal, so that user terminal constructs the page.
In some embodiments of the invention, the page makeup request includes the channel identication of channel to be built;
Described to be requested according to the page makeup, obtaining corresponding page makeup data includes:
According to the channel identication of channel to be built, the page of the channel to be built all subchannels and subchannel binding is obtained
Face information and all configuration informations and filling data for currently needing displayed page.
In some embodiments of the invention, the page makeup request includes the page iden-tity of the page to be built;
Described to be requested according to the page makeup, obtaining corresponding page makeup data includes:
According to the page iden-tity of the page to be built, in the case where more levels of channel, switching subchannel, to be switched son frequency is obtained
Bind all configuration informations and filling data of the page in road.
According to another aspect of the present invention, a kind of user terminal is provided, comprising:
Component construction module, for constructing the structural components of the page according to demand in the case where terminal traffic starting;
Business function runs module, for running terminal traffic function after the completion of the building of the structural components of the page.
In some embodiments of the invention, the user terminal is realized as described in above-mentioned any embodiment for executing
The operation of page makeup method.
According to another aspect of the present invention, a kind of user terminal is provided, comprising:
User terminal memory, for storing instruction;
User terminal processes device, for executing described instruction, so that the user terminal, which executes, realizes such as any of the above-described reality
Apply the operation of page makeup method described in example.
According to another aspect of the present invention, a kind of server is provided, comprising:
Request receiving module, the page makeup for receiving user terminal are requested;
Data acquisition module obtains corresponding page makeup data for requesting according to the page makeup;
Data return module, for the page makeup data to be returned to user terminal, so that user terminal constructs page
Face.
In some embodiments of the invention, the server is used to execute the page realized as described in above-mentioned any embodiment
The operation of face construction method.
According to another aspect of the present invention, a kind of server is provided, comprising:
Server memory, for storing instruction;
Processor-server, for executing described instruction, so that the server, which executes, realizes such as above-mentioned any embodiment
The operation of the page makeup method.
According to another aspect of the present invention, a kind of Page Generating System is provided, including as described in above-mentioned any embodiment
User terminal and the server as described in above-mentioned any embodiment.
According to another aspect of the present invention, a kind of computer readable storage medium, the computer-readable storage medium are provided
Matter is stored with computer instruction, and the page makeup side as described in above-mentioned any embodiment is realized when described instruction is executed by processor
Method.
The sharp arrow system that the present invention is cooperated by front and back end, back-end system provide operation placement scheme, and front end provides template
It realizes, front and back end cooperation can be according to user's use habit rational design page function.
The relevant technologies can not flexibly control the online and offline of business function.
To solve at least one in above-mentioned technical problem present in the relevant technologies, the present invention provides a kind of page structures
Construction method and system, are specifically described below by embodiment.
Fig. 1 is the schematic diagram of some embodiments of page makeup method of the present invention.Preferably, the present embodiment can be by page of the present invention
Face constructs system and executes.The Page Generating System includes server and user terminal, method includes the following steps:
Step 11, in the case where terminal traffic starts, the structural components of the page are constructed according to demand.
Step 12, after the completion of the building of the structural components of the page, terminal traffic function is run.
In some embodiments of the invention, in the step 11 of Fig. 1 embodiment, the structure for constructing the page according to demand
The step of changing component may include: at least one for constructing the page and constructing in channel, floor and element group.
In some embodiments of the invention, in order to according to different subscriber identity informations, different APP (user terminals
Application program) version, show different page infos, server-side arranges the configuration information of the page and data according to client
Rule, after data structured, operation personnel can back-stage management and configuration the page.The page can be abstracted by server-side
At at least one in following component: channel, the page, floor, element group, template, data source.
Fig. 2 is the schematic diagram of page structure component in some embodiments of the invention.As shown in Fig. 2, being wrapped in a page
Three floors are included, each floor includes three element groups, and each element group includes at least one element.
In some embodiments of the invention, channel includes at least one level channel, and channel is used to control the displaying of the page.
In some embodiments of the invention, channel major function is can to divide more levels of channel for navigating.Such as: it can
Could support up three-level.The page of leaf channel bundle one displaying content;Support setting sequence, control version number etc..
Fig. 3 is the schematic diagram of some embodiments of the invention mid band back-stage management page.As shown in figure 3, channel assignment number
According to may include channel identication (ID), channel designation, channel state (whether opening), the included volume page of channel, modification time,
Modify the information such as people and modification operation.
In some embodiments of the invention, the page may include at least one floor, and the page is for showing information and complete
At human-computer interaction.
In some embodiments of the invention, the page is mainly used for showing concrete function information, and the page includes multiple floors,
Setting floor background colour, title is supported more to jump configuration, control version number etc..When having change in the page, actively upgrade the page
Version number, client decide whether to reacquire the configuration information of the page, update client sheet according to version number's comparison
The page configuration information of ground caching.
Fig. 4 is the schematic diagram of the back-stage management page of the page in some embodiments of the invention.As shown in figure 4, page configuration
Data may include that page iden-tity (ID), subordinate channel (page subordinate channel, can change), page type (such as can wrap
Include the primary page and the H5 page), Page Name, whether online, title (commonly used in the H5 page, top title, the primary page without
Need to fill in), jump address (the whole jump address of the page), page layout background (page layout background can be pure color value, or
Picture, original state use as default), suspension advertisement setting (content need activity system configure), setting platform can
See that version scope (such as the platforms such as Android, IOS) channel includes the letters such as the page, modification time, modification people and modification operation
Breath.
Fig. 4 embodiment also shows the configuration data for all floors for being included under a certain page.The configuration of each floor
Data include floor identification (ID), sequence number, floor name, priority, crowd's type, crowd's label, the element group class for including
Type, the visible version scope of platform, the configuration informations such as downtime, modification time, modification people and modification operation in timing.
In some embodiments of the invention, floor plays the role of forming a connecting link between the page and element group, and one
Floor may include multiple element groups, and floor can be supported to sort, and configure story height, interval, title, color, Background, Yong Huke
See range, if it logs in and just shows, offline, the configuration datas such as Version Control in timing.
Fig. 5 is the schematic diagram of the back-stage management page of floor in some embodiments of the invention.As shown in figure 5, floor arrangement
Data may include floor identification (ID), floor name, floor title, floor gap every, support white list, floor background (building
Layer background can be pure color value, or picture, original state use as default), the visible version scope of platform, floor
The configuration informations such as customized upper downtime.
Fig. 5 embodiment also shows the configuration data for all elements group for being included under a certain floor.Each element group
Configuration data may include element group mark (ID), sequence number, template type, the visible version scope of platform, offline in timing
The configuration informations such as time, modification time, modification people and modification operation.
In some embodiments of the invention, element group is used to carry out pattern customization according to different demands.
In some embodiments of the invention, element group creates selected when element group for defining specific functional unit
One template type is adapted to obtain data source according to selected template type selection, and client draws function according to configuration information
Component simultaneously fills data, supports template Custom Attributes, buries point data and issue, data source by etc. functions.
Fig. 6 is the schematic diagram of the back-stage management page of element group in some embodiments of the invention.As shown in fig. 6, element group
Configuration data may include that element group identifies template type, data source types, priority, crowd used in (ID), element group
The configuration informations such as type, crowd's label, element group spacing, the visible version scope of platform, currently used position.
In some embodiments of the invention, one class component of template definition, template and element group are abstract and specific implementation
Relationship.
Fig. 7 is the schematic diagram of the template back-stage management page in some embodiments of the invention.As shown in fig. 7, template configuration number
According to may include template identification (ID), template name, template state (whether opening), (template itself can be by for template self attributes
The attribute of developer's control), template the configuration informations such as illustrate.
In some embodiments of the invention, adjustment template can be dragged in the display order of client.
In some embodiments of the invention, data source is the business datum filled in element group.
In some embodiments of the invention, data source can be divided into synchrodata source and asynchronous data source, synchrodata
It is loaded when source is request page with page configuration synchronizing information, asynchronous data source is that page structure information has loaded and constructed page
Just Asynchronous Request data are filled into component after face.
In some embodiments of the invention, frequently-used data source may include stock table data, active resource, consulting column
Table, ox people's list etc..
Fig. 8 is the schematic diagram of the data source back-stage management page in some embodiments of the invention.As shown in figure 8, data source is matched
Setting data may include template type, data source code, data source name, data source types, configuration item number, jumps type (jump
Go to independent H5, jump to the primary or specified H5 page) etc. configuration informations.
In some embodiments of the invention, the page makeup method of Fig. 1 embodiment can also include: acquisition user type
Information;Page presentation information corresponding with the user type information is shown to user according to user type information.
Based on the page makeup method that the above embodiment of the present invention provides, a kind of sharp arrow system of front and back end cooperation is provided
System.Back-end system provides operation placement scheme, and front end provides template and realizes, front and back end cooperation is to reach front end page component
It is flexibly upper offline, but the orientation that can be analyzed based on migration efficiency and data is recommended.
The above embodiment of the present invention can also be according to user's use habit rational design page function.
Fig. 9 is the schematic diagram of other embodiments of page makeup method of the present invention.Preferably, the present embodiment can be by the present invention
Page Generating System or user terminal execute.
In some embodiment of the invention, client is realized for function carries out the division of following role to the page, including
Channel, the page, floor, element group.
Channel is business function module, forms client terminal structure, controls the displaying of the page.
The page is the combination of concrete function, shows information and finishing man-machine interaction.
Floor is the Component units of the page, for tissue elements group and completes some interaction logics.
Element group is the functional unit of customization, is the core of system architecture, supports to carry out pattern customization according to different demands,
Height multiplexing.
Figure 10 embodiment is the structural schematic diagram of the page in one embodiment of the invention.As shown in Figure 10, the page packet
Two floors (floor one and floor two) is included, wherein floor one includes element group one and element group two, and floor two includes element group
X。
As shown in figure 9, constructing the page makeup method of the page as shown in Figure 10 may comprise steps of:
Step 91, in the case where terminal traffic starts (APP starting), channel is constructed.
Step 92, the page is constructed.
Step 93, floor is constructed.
Step 94, element group is constructed.
In some embodiments of the invention, step 94 may include: selected template type according to demand;According to selected
Template type selects corresponding data source;Building element group simultaneously fills data.
Step 95, after the completion of channel, the page, floor and element group construct, operation terminal traffic function is (that is, operation
APP)。
The application of opposite the relevant technologies, the above embodiment of the present invention can control visitor according to the configuration of sharp arrow background system
Family end (user terminal) is made of which business module, and the position of bookmark is applied according at the demand of operation adjustment channel
It sets.
Channel can be designed to multi-page control according to the demand of business by the above embodiment of the present invention, such as can be simultaneously
It shows the market channel and Info channel of multipage label, can also only show the center channel of selecting stocks of single page.The present invention is above-mentioned simultaneously
The operation demand of weight and real-time focus recommendation of the embodiment based on page presentation can also adjust the operation position of the page at any time.
Figure 11 is the schematic diagram of the other embodiment of page makeup method of the present invention.Preferably, the present embodiment can be by this hair
Bright Page Generating System or user terminal execute.As shown in figure 11, the page makeup method may include:
Step 1, in the case where loading page, page cache is judged whether there is.The case where page cache is not present
Under, execute step 2;Otherwise, there are page cache, step 4 or 5 is executed.
Step 2, request data.
Step 3, the page is constructed.
Step 4, loading page caches;Step 3 is executed later.
Step 5, request interface data;Step 6 and 7 is executed later.
Step 6, page cache is updated.
Step 7, judge whether page layout has upgraded.In the case where page layout has upgraded, step 3 is executed, that is, is held
The step of row building page;Otherwise, in the case where page layout has upgraded, step 8 is executed.
Step 8, the component constructed is looped through.
Step 9, judge whether each component is synchrodata source component;The case where component is synchrodata source component
Under, execute step 10;Otherwise, in the case where component is not synchrodata source component, step 11 is executed.
Step 10, module data source is updated;The step of executing step 3 later, that is, executing the building page;
Step 11, notification component refresh interface data;The step of executing step 3 later, that is, executing the building page.
Based in view of page makeup efficiency and stock information are in the higher characteristic of exchange hour change frequency, the present invention
The data source of element group has been divided into synchrodata source and asynchronous data source by above-described embodiment, is thus met to performance requirement,
Requirement of the user to data instantaneity is met simultaneously.
While in order to reduce the frequent updating of page assembly, the above embodiment of the present invention joined caching process, first page
Face can preferentially load caching when opening, to improve the speed that page creation is shown, while request interface data, request terminate
It can judge whether reconstruction page according to the version number of current page afterwards, if version number is consistent, the above embodiment of the present invention is only
Need to update the data source of establishment
Figure 12 is the schematic diagram of page makeup method still other embodiments of the present invention.Preferably, the present embodiment can be by this hair
Bright Page Generating System or server (server-side) execute.As shown in figure 12, the page makeup method may include:
Step 121, the page makeup request of user terminal is received.
In some embodiments of the invention, page makeup request includes the channel identication of channel to be built and to structure
Build at least one in the page iden-tity of the page.
Step 122, it is requested according to the page makeup, obtains corresponding page makeup data.
In some embodiments of the invention, step 122 may include: and be obtained according to the channel identication of channel to be built
Page info and the current all configurations for needing displayed page of the channel to be built all subchannels and subchannel binding
Information and filling data.
In other embodiments of the invention, step 122 may include: according to the page iden-tity of the page to be built,
In the case where more levels of channel, switching subchannel, all configuration informations and filling data of the to be switched subchannel binding page are obtained.
Step 123, the page makeup data are returned into user terminal, so that user terminal constructs the page.
The above embodiment of the present invention switchs to the traditional page development mode of the relevant technologies for component development paradigm, the page
It can be arranged in pairs or groups and be constructed by random component.Template component data source is devised to synchronize to issue and be issued with asynchronous by the above embodiment of the present invention
Mode, page makeup is more efficient.The above embodiment of the present invention can flexibly control the upper offline of business function.
Figure 13 is the schematic diagram of some embodiments of user terminal of the present invention.As shown in figure 13, the user terminal includes group
Part constructs module 131 and business function runs module 132, in which:
Component construction module 131, for constructing the structuring group of the page according to demand in the case where terminal traffic starting
Part.
Business function runs module 132, for running terminal traffic function after the completion of the building of the structural components of the page
Energy.
In some embodiments of the invention, the user terminal for execute realize as above-mentioned any embodiment (such as
Any embodiment in Fig. 1-Figure 11) described in page makeup method operation.
Figure 14 is the schematic diagram of other embodiments of user terminal of the present invention.As shown in figure 14, the user terminal includes
User terminal memory 141 and user terminal processes device 142, in which:
User terminal memory 141, for storing instruction;
User terminal processes device 142 is realized so that the user terminal executes as any of the above-described for executing described instruction
The operation of page makeup method described in embodiment (such as any embodiment in Fig. 1-Figure 11).
Based on the user terminal that the above embodiment of the present invention provides, the traditional page development mode of the relevant technologies is switched into needle
To component development paradigm, the page can be arranged in pairs or groups by random component and be constructed.The above embodiment of the present invention designs template component data source
Synchronize issue with the asynchronous mode issued, page makeup is more efficient.The above embodiment of the present invention can flexibly control business
Function it is upper offline.
Figure 15 is the schematic diagram of some embodiments of server of the present invention.As shown in figure 15, the server may include asking
Ask receiving module 151, data acquisition module 152 and data return module 153, in which:
Request receiving module 151, the page makeup for receiving user terminal are requested.
Data acquisition module 152 obtains corresponding page makeup data for requesting according to the page makeup.
Data return module 153, for the page makeup data to be returned to user terminal, so as to user terminal building
The page.
In some embodiments of the invention, the server realizes that above-mentioned any embodiment such as (such as is schemed for executing
Any embodiment in 1- Figure 12) described in page makeup method operation.
Figure 16 is the schematic diagram of other embodiments of server of the present invention.As shown in figure 16, the server may include
Server memory 161 and processor-server 162, in which:
Server memory 161, for storing instruction.
Processor-server 162, for executing described instruction, so that the server, which executes, realizes such as any of the above-described implementation
The operation of page makeup method described in example (such as any embodiment in Fig. 1-Figure 12).
Based on the server that the above embodiment of the present invention provides, client can be controlled according to the configuration of sharp arrow background system
End (user terminal) is made of which business module, and the position of bookmark is applied according at the demand of operation adjustment channel
It sets.
Channel can be designed to multi-page control according to the demand of business by the above embodiment of the present invention, such as can be simultaneously
It shows the market channel and Info channel of multipage label, can also only show the center channel of selecting stocks of single page.The present invention is above-mentioned simultaneously
The operation demand of weight and real-time focus recommendation of the embodiment based on page presentation can also adjust the operation position of the page at any time.
Figure 17 is the schematic diagram of some embodiments of Page Generating System of the present invention.As shown in figure 17, the page makeup system
System may include user terminal 171 and server 172, in which:
User terminal 171, can be whole as above to state user described in any embodiment (such as Figure 13 or Figure 14 embodiment)
End.
Server 172, can be such as the server as described in above-mentioned any embodiment (such as Figure 15 or Figure 16 embodiment).
Based on the Page Generating System that the above embodiment of the present invention provides, a kind of sharp arrow system of front and back end cooperation is provided
System.Back-end system provides operation placement scheme, and front end provides template and realizes, front and back end cooperation is to reach front end page component
It is flexibly upper offline, but the orientation that can be analyzed based on migration efficiency and data is recommended.
The above embodiment of the present invention can also be according to user's use habit rational design page function.
According to another aspect of the present invention, a kind of computer readable storage medium, the computer-readable storage medium are provided
Matter is stored with computer instruction, and the page makeup side as described in above-mentioned any embodiment is realized when described instruction is executed by processor
Method.
Based on the computer readable storage medium that the above embodiment of the present invention provides, a kind of benefit of front and back end cooperation is provided
Arrow system.Back-end system provides operation placement scheme, and front end provides template and realizes, front and back end cooperation is to reach front end page
Component is flexibly upper offline, and the orientation that can be analyzed based on migration efficiency and data is recommended.
Server and user terminal described above can be implemented as executing the logical of function described herein
It can with processor, programmable logic controller (PLC) (PLC), digital signal processor (DSP), specific integrated circuit (ASIC), scene
Program gate array (FPGA) either other programmable logic device, discrete gate or transistor logic, discrete hardware components
Or it is any appropriately combined.
So far, the present invention is described in detail.In order to avoid covering design of the invention, it is public that this field institute is not described
The some details known.Those skilled in the art as described above, completely it can be appreciated how implementing technology disclosed herein
Scheme.
Those of ordinary skill in the art will appreciate that realizing that all or part of the steps of above-described embodiment can pass through hardware
It completes, relevant hardware can also be instructed to complete by program, the program can store in a kind of computer-readable
In storage medium, storage medium mentioned above can be read-only memory, disk or CD etc..