A kind of method and system of rapid build special topic landing page
Technical field
The present invention relates to landing page constructing technology field, be specifically a kind of rapid build special topic landing page method and
System.
Background technique
Nowadays, some big companies are in order to promote corporate business, it will usually hold the popularization or preferential of some Related products
Activity.When holding these correlated activations, someone is needed to be responsible for specially making the related special activities page that activity is cooperated to exist
The landing of web terminal, that is, make the landing page of special activities.Page is landed, refers to that visitor sees that publisher sends out elsewhere
Specific marketing activity of out some with clear theme --- pass through the tempting preferential of Email, social media or ad distribution
Information etc., first page being linked to after click in appointed website.That is, landing page provides one kind for visitor
The access of " target is super clear " is experienced: by the way that a specific webpage is presented, pointing out that a specific path continues to deepen for them
With the relationship of website.
Currently, being first usually product by the designer of Activities Design department when making the landing page of special activities
Movable concrete scheme is designed, movable concrete scheme is then submitted into special network technology designer to design specially
The special activities of door land page.
But when practical operation, due to being related to two different departments's (even relating to more departments sometimes) and each portion
Door personnel are more, this just directly results in the increase for linking up cost;In addition, the modification of each small technical solution also result in it is primary or
Repeatedly link up cost increase, and then seriously affected landing page building efficiency, once and communication process there is deviation also
The quality that will have a direct impact on the landing page ultimately generated, wastes a large amount of manpower and material resources.
Summary of the invention
The purpose of the invention is to overcome the shortcomings of above-mentioned background technique, a kind of rapid build special topic landing page is provided
Method and system enable Activities Design personnel in the case where not depending on webpage design personnel, and rapid build goes out special activities and falls
Ground page not only reduces manpower and material resources cost but also building is high-efficient, it is high-quality to land page.
To achieve the above objectives, the present invention provides a kind of method of rapid build special topic landing page, comprising the following steps:
A, after entering operation pages according to the operation pages website information that user inputs, the initialization operation page is transferred to step
Rapid B;
B, history is obtained according to the operation pages website information of user's input and lands page data, history landing page data includes
Container module, the information of assembly module that the page data and history landing page of history landing page loaded, the container module
For accommodating assembly module and being laid out to the page, the assembly module is for completing some page function;If obtaining successfully,
It is transferred to step C;If obtaining not successfully, blank page is shown in operation pages, is transferred to step D;
C, the page data in parsing history landing page data, shows that history is landed according to page data in operation pages
The page of page;Container module, the information of assembly module loaded in parsing history landing page data, according to the container mould of load
The information of block, assembly module loads the container module and assembly module of history landing page in the page of displaying, is transferred to step D;
D, in the page of current presentation, container module and assembly module needed for loading this building are transferred to step E;
E, when per the container module or component module in the page of current presentation when the user clicks, the place of corresponding module is triggered
Director's part, renders the editable attribute status of clicked part, and editable attribute status includes official documents and correspondence, wide high, color;It will be current
Data of the page of displaying every time after rendered operation are saved, and step F is transferred to;
F, the preview page that the landing page currently constructed is generated according to the data saved in step E, terminates.
Based on the above technical solution, it is obtained described in step B according to the operation pages website information of user's input
History lands page data, specifically includes following operation: using JavaScript script, in the operation pages network address letter of user's input
The page ID of query history landing page in breath was constructed without related landing page if not inquiring the page ID before showing,
It obtains failed;If inquiring the page ID, related landing page was constructed before showing, then continues with JavaScript foot
The page data of this acquisition history landing page corresponding with the page ID and container module, the component of history landing page load
The information of module.
Based on the above technical solution, page function described in step B includes head navigation feature, player function
Energy, push button function, microblogging sharing function, lottery function.
Based on the above technical solution, in step D, container module and assembly module needed for loading this building
When, it can be loaded by way of loading pre-set set packet, the pre-set set packet for that will set in advance
The associated vessel module and assembly module counted are combined packing.
Based on the above technical solution, step F specifically includes following operation: step F1: according to what is saved in step E
Data, generate the landing page page info file of JSON format, which includes the landing currently constructed
The page info of page, is transferred to step F2;Step F2: it using the landing page page info file of node.js parsing JSON format, obtains
It takes corresponding logical code character string and exports the page code of landing page, be transferred to step F3;Step F3: by derived landing page
Page code after base64 is encoded, be sent to provide webpage routing PHP parse;By the preview interface of PHP, jump
To preview address, the preview of the landing page currently constructed is generated using the page code that PHP is parsed and is restored in preview address
The page.
The present invention also provides a kind of system of rapid build special topic landing page simultaneously, including operation pages initialization unit,
History lands page data acquiring unit, history landing page data processing unit, landing page construction unit and preview page and generates list
Member;
The operation pages initialization unit is used for: entering operation pages according to the operation pages website information that user inputs
Afterwards, the initialization operation page;It is sent to history landing page data acquiring unit and obtains signal;
The history landing page data acquiring unit is used for: being received after obtaining signal, the operation pages inputted according to user
Website information obtains history and lands page data, and history landing page data includes the page data and history landing page of history landing page
Container module, the information of assembly module loaded, the container module are used to accommodate assembly module and be laid out the page,
The assembly module is for completing some page function;If obtaining successfully, to history landing page data processing unit transmission processing
Signal;If obtaining not successfully, blank page is shown in operation pages, sends building signal to landing page construction unit;
The history landing page data processing unit is used for: after receiving processing signal, in parsing history landing page data
Page data shows the page of history landing page according to the page data in operation pages;It parses history and lands page data
The container of middle load, the information of component load history in the page of displaying according to the information of the container of the load, component
The container module and assembly module for landing page send building signal to landing page construction unit;
The landing page construction unit is used for: after receiving building signal, in the page of current presentation, loading this building
Required container module and assembly module;When container module or component module in per the page of current presentation when the user clicks,
Trigger the processing event of corresponding module, render the editable attribute status of clicked part, editable attribute status include official documents and correspondence,
Wide high, color;Data after the page of current presentation every time rendered operation are saved, are sent out to preview page generation unit
Send preview signal;
The preview page generation unit is used for: after receiving preview signal, according to the data of landing page construction unit preservation
Generate the preview page of the landing page currently constructed.
Based on the above technical solution, the operation page that the history landing page data acquiring unit is inputted according to user
The process of veil location acquisition of information history landing page data are as follows: JavaScript script is utilized, in the operation pages of user's input
The page ID of query history landing page was constructed without correlation if not inquiring the page ID in website information before showing
Page is landed, is obtained failed;If inquiring the page ID, related landing page was constructed before showing, then was continued with
JavaScript script obtains the page data of history landing page corresponding with the page ID and history lands page load
Container module, the information of assembly module.
Based on the above technical solution, the page function includes head navigation feature, player function, button function
Energy, microblogging sharing function, lottery function.
Based on the above technical solution, it is described landing page construction unit load this building needed for container module and
It when assembly module, can be loaded by way of loading pre-set set packet, the pre-set set packet is used for
Designed associated vessel module and assembly module are combined packing in advance.
Based on the above technical solution, the preview page generation unit generates the preview of the landing page currently constructed
The process of the page are as follows: according to the data that landing page construction unit saves, the landing page page info file of JSON format is generated, it should
Landing page page info file includes the page info of the landing page currently constructed;Utilize falling for node.js parsing JSON format
Ground page page info file obtains corresponding logical code character string and exports the page code of landing page;By derived landing
After base64 is encoded, the PHP for being sent to offer webpage routing is parsed the page code of page;By the preview interface of PHP, jump
Preview address is gone to, generates the pre- of the landing page currently constructed using the page code that PHP is parsed and is restored in preview address
Look at the page.
The beneficial effects of the present invention are:
In the present invention, after initializing to operation pages, the history landing page constructed before user can be actively obtained
Data constructed related landing page, then show the page of history landing page in operation pages if obtaining successfully before showing,
And the container module and assembly module of history landing page are loaded in the page of displaying;If obtaining not successfully, do not have before showing
Related landing page was constructed, then only shows blank page in operation pages;Later, this building operation is carried out, it is first when building
Container module and assembly module needed for loading this building in the page of current presentation, then per current exhibition when the user clicks
When container module or component module in the page shown, the processing event of corresponding module is triggered, renders compiling for clicked part
Attribute status is collected, and the data after the page of current presentation every time rendered operation are saved;Finally, according to the number of preservation
According to the preview page for generating the landing page currently constructed.
Compared with prior art, the present invention can make Activities Design personnel in the case where not depending on webpage design personnel, fastly
Speed constructs special activities landing page, and not only reducing company is a large amount of manpower and material resources for making special activities landing page and putting into
Cost, and the building efficiency of landing page is effectively increased, the communication process repeatedly of multidisciplinary, more personnel is avoided, ensure that
Land the building quality of page.
Detailed description of the invention
Fig. 1 is the flow chart for the method that rapid build special topic lands page in the embodiment of the present invention;
Fig. 2 is the structural block diagram for the system that rapid build special topic lands page in the embodiment of the present invention.
Specific embodiment
With reference to the accompanying drawing and specific embodiment the present invention is described in further detail.
Shown in Figure 1, the embodiment of the present invention provides a kind of method of rapid build special topic landing page, including following step
It is rapid:
Step S1: after entering operation pages according to the operation pages website information that user inputs, initialization operation page phase
HTML (HyperText Markup Language, hypertext markup language) structure of pass, CSS (Cascading Style
Sheets, cascading style sheets) pattern, JavaScript script, it is transferred to step S2.
Step S2: history is obtained according to the operation pages website information of user's input and lands page data, the history landing
It include the page data of history landing page (the landing page i.e. constructed by last time) and the appearance of history landing page load in page data
Device module, the information of assembly module;If obtaining successfully, related landing page was constructed before showing, there is history to land page data,
It is transferred to step S3;If obtaining not successfully, it was constructed without related landing page before showing, lands page data without history, then exists
Blank page is shown in operation pages, is transferred to step S5.
When practical operation, in step S2, history is obtained according to the operation pages website information of user's input and lands page data,
It specifically includes following operation: using the JavaScript script of initialization, being looked into the operation pages website information of user's input
The page ID (it is understood that this ID is that user generates when creating the landing page) for asking history landing page, if not inquiring
To the page ID, it was constructed without related landing page before showing, obtained failed;If inquiring the page ID, show
Related landing page was constructed before, then continued with JavaScript script and obtain history landing corresponding with the page ID
Container module, the information of assembly module of page data and history the landing page load of page.
Further it will be understood that the container module is used to accommodate assembly module, and the page is laid out.Specifically
For, the container module is the transparent rectangular that is drawn in the page using HTML and CSS to distinguish the assembly mould in the page
Block (functional block).The assembly module is the minimum unit of page function, and an assembly module only completes a page function, page
Face functional block includes head navigation, player, button, microblogging sharing, prize drawing etc..There is each container module a container to insert
Slot when charging assembly module, by adding assembly module in the container slot, then loads the assembly module automatically and has finished writing
HTML, CSS, JavaScript correlative code part.Theoretically, the container module can accommodate assembly module, equally
Container module can also be accommodated, but in order to reduce complexity, we do not recommend container module to accommodate container module, i.e., each appearance
One and only one assembly module in device slot.
Step S3: the page data in parsing history landing page data is opened up in operation pages according to the page data
The page for showing history landing page, is transferred to step S4.
Step S4: parsing history landing page data in load container, component information, according to the container of the load,
The information of component, (i.e. load last time building history lands page to the container and component that history landing page is loaded in the page of displaying
When, the container and component that loaded), it is transferred to step S5.
Step S5: in the page of current presentation, container module and assembly module needed for loading this building are transferred to step
Rapid S6.
It is understood that disposably required container module, assembly module all can be added in order to facilitate the operation of person
(load) into the page, the present invention, can be preparatory by loading when loading the required container module of this building and assembly module
The mode of the set packet of setting is loaded, and the pre-set set packet is in advance by designed associated vessel module
Packing is combined with assembly module.In use, set packet is loaded directly into, so that building process is quick and convenient.
Step S6: when container module or component module in per the page of current presentation when the user clicks, respective mode is triggered
The processing event of block, renders the editable attribute status of clicked part, and editable attribute status includes official documents and correspondence, wide high, color
Deng;Data after the page of current presentation every time rendered operation are saved, step S7 is transferred to.
Step S7: the preview page of the landing page currently constructed is generated according to the data saved in step S6, is terminated.
When practical operation, step S7 specifically includes following operation:
Step S701: according to the data saved in step S6, generate JSON (JavaScript Object Notation,
It is a kind of lightweight data interchange format based on JavaScript programming language) the landing page page info file (example of format
Such as pageinfo.json file), which includes the page info of the landing page currently constructed, such as
Which interface title, page layout background need, have which container module and assembly module etc., are transferred to step S702;
Step S702: the landing page page of node.js (a JavaScript running environment) parsing JSON format is utilized
Message file obtains corresponding logical code character string, and exports the page code of landing page, is transferred to step 703;
The pageInfo page info field in pageinfo.json file can be parsed when parsing first, this
House that need php to provide the data field in the page such as $ SYS and $ ROOM used to page logic inside field
Data.Then the packet field and component field in data are parsed respectively, and corresponding logical gate is passed through from local
Fs.readFileSync takes, and is then spliced into a complete logical code character string, finally merges together, exports the page
Code;
Step S703: the page code of derived landing page (is most commonly used for transmitting on network through base64 coding
One of the coding mode of 8Bit syllabified code) after, be sent to provide webpage routing PHP (Hypertext Preprocessor,
HyperText Preprocessor) it parses;The preview interface provided by PHP, jumps to preview address, utilizes in preview address
PHP is parsed and the page code restored generates the preview page for landing page currently constructed.
Shown in Figure 2, the embodiment of the present invention also provides a kind of system of rapid build special topic landing page, including operation page
Face initialization unit, history landing page data acquiring unit, history landing page data processing unit, landing page construction unit and pre-
Look at page generating unit;
Operation pages initialization unit is used for: after entering operation pages according to the operation pages website information that user inputs,
The initialization operation page;It is sent to history landing page data acquiring unit and obtains signal;
History landing page data acquiring unit is used for: being received after obtaining signal, the operation pages network address inputted according to user
Acquisition of information history lands page data, and history landing page data includes page data and the history landing page load of history landing page
Container module, the information of assembly module crossed, the container module are described for accommodating assembly module and being laid out to the page
Assembly module is for completing some page function;If obtaining successfully, processing signal is sent to history landing page data processing unit;
If obtaining not successfully, blank page is shown in operation pages, sends building signal to landing page construction unit;
History landing page data processing unit is used for: the page after receiving processing signal, in parsing history landing page data
Data show the page of history landing page according to the page data in operation pages;It parses and adds in history landing page data
The container of load, the information of component load history landing according to the information of the container of the load, component in the page of displaying
The container module and assembly module of page send building signal to landing page construction unit;
Landing page construction unit is used for: after receiving building signal, in the page of current presentation, being loaded needed for this building
Container module and assembly module;When container module or component module in per the page of current presentation when the user clicks, triggering
The processing event of corresponding module renders the editable attribute status of clicked part, and editable attribute status includes official documents and correspondence, width
High, color;Data after the page of current presentation every time rendered operation are saved, are sent to preview page generation unit
Preview signal;
Preview page generation unit is used for: after receiving preview signal, being generated according to the data that landing page construction unit saves
The preview page of the landing page currently constructed.
It should be understood that system provided by the above embodiment is when being operated, only drawing with above-mentioned each functional module
Divide and be illustrated, in practical application, can according to need and be completed by different functional modules above-mentioned function distribution, i.e.,
The internal structure of system is divided into different functional modules, to complete all or part of the functions described above.
The present invention is not limited to the above-described embodiments, for those skilled in the art, is not departing from
Under the premise of the principle of the invention, several improvements and modifications can also be made, these improvements and modifications are also considered as protection of the invention
Within the scope of.
The content being not described in detail in this specification belongs to the prior art well known to professional and technical personnel in the field.