Detailed description of the invention
The preferred embodiments of the present invention provide a kind of construction and the method and system generating webpage.The method is mainly logicalCross the ActiveX technology being embedded in browser, create webpage control box, utilize the related control in webpage control box, userOnly need to be clicked by mouse, the mode such as pull, just can easily and fast, What You See Is What You Get construct the webpage oneself likedOr be integrated in different web page resources of originating in same webpage, can also utilize simultaneously the control editor in webpage control box,Construction related web page and video elementary object.Especially, user can also utilize the webpage control box that the present invention provides, light structureMake between web page element, the event response relation between video inner element in web page element and webpage, to realize web page elementBetween interaction, greatly reduce user and edit the technical threshold of object video in webpage and webpage, make the vast domestic consumer canEnough easily construct the webpage oneself liked.
A kind of method constructing webpage disclosed in the embodiment of the present invention mainly includes editor's webpage step and plays webpageStep；
Wherein edit webpage step to include：
Browser loads webpage control box module, chooses and activate webpage control module in control box, by obtaining mouseCertain predetermined location in mark or the position of mouse drag or webpage, in webpage dynamic generate can the web page element of preview, andGenerate the corresponding webpage of each web page element and describe file；
And webpage is described file be saved in server database module；
Play webpage step step to include：
Loading webpage playing module in browser, webpage playing module and server database module communicate, and obtainWebpage describes file, and analyzing web page describes file, by content and the position of editing web page element in advance, constructs whole webpageElement.
Fig. 1 is a kind of construction of the present invention and the system architecture diagram generating web-page approach, and the system of the present invention includes such as bottomPoint：
101 server database module, the webpage sending for receiving 102 webpage control box modules describes file, responseThe request that browser sends, and to browser return asked webpage, file is described；
102 webpage control box modules, are the control centres of system, embed in a browser, and including but not limited to 106 is basicFunctional module, 107 webpage control modules；Webpage describes file between webpage control box 102 and server database module 101During transmission, for data safety, generally can use the mode of encrypted transmission, AES can be used but not limited toFollowing species：MD5/SHA1, DSA, DESede/DES, Diffie-Hellman.Same at webpage control box and webpage control mouldWhen communicating between block 103, it would however also be possible to employ cipher mode communicates, the mode of communication includes control box invoking web page controlPart modularity function, and control box to webpage control module 103 (for example, JavaScript program) send based on XML associationThe web page element of view or other script Extended Protocols or custom protocol specification describes the control information of file, is used for controlling webpageEstablishment in webpage for the element and generation.Same webpage control box can respond webpage control module and create the message returning.It is worthStatement, the communication between invoking web page control module 107 and webpage control module 103 in webpage control box creates webpage unitThe process of element and to create the process of web page element by webpage playing module 1201 invoking web page parsing module 1202 essentially identical,Simply webpage playing module 1201 is without web page editing function, only responsible communication function and related protocol translation function, andWeb analysis module 1202 can be the reduction version of webpage control module function, for example, creates net in webpage control moduleAfter Ye, web page element can continue to be sized by way of mouse drag, the position of continuation adjustment web page element, and webpageParsing module is after creating web page element, and web page element position and size are substantially stationary, does not generally allow userAdjust and pull, in order to avoid web page element blocks or deforms.
102 webpage control box in the present invention, be Flash control or Java control or JavaScript control orVBScript control or ActiveX control or the built-in control module of browser, be used for controlling construction web page element；Have and can dragProperty, i.e. user can pass through mouse drag webpage control box, the appropriate location being placed in browser；User also may be used simultaneouslyTo select the members of webpage control box or control box as required, for example, configuration (config) window of web page element, netThe page tree-like topology window of element, it is seen that or hide, therefore it has observability and hiding.For 1201 webpage playing modules,Owing to Main Function is communication and protocol conversion, therefore also can be hiding, for example, using webpage playing module as one thoroughlyBright Flash component is placed in webpage, is used for controlling webpage protocol module 1202 and working, create and control webpage play and andBackground server communicates.
In whole system framework, all component module can be divided into edit pattern and play mode by function；CompilingUnder the pattern of collecting, webpage control box module 102 is responsible for the editing of all web page elements, and preserves all webpages unit in internal memoryThe information of element, and also it is responsible for the communication between record and control web page element and control of element function.In play mode, netPage playing module is then responsible for the communication between all web page elements and control of element function.
When selecting to build webpage control box, webpage playing module, webpage control module, web analysis module, usual feelingsUnder condition, the webpage control box programming language identical with the employing of webpage playing module, the ActionScript language of such as Flash,And webpage control module uses identical programming language, such as JavaScript language with web analysis module.Selecting programmingWhen language, it is notable that need due to webpage control box and webpage playing module and background server frequently communicates,Simultaneously also full page to be controlled, it is therefore desirable to relatively more powerful complete langue, it is thereby possible to select ActiveXThe powerful language such as (Flash is actually an ActiveX, and has the language construction of class Java), Java；And netPage control module and webpage solution solution module then can use JavaScript, VBScript, Java, CGI, Pear, ActiveX etc.Multilingual is supported.
102 webpage control box generally include following partly or entirely：
A, web page element add/delete button or menu；
B, save button or menu, previous action button or menu, next step operation button or menu；
C, the basic setup information of webpage control box and web page element basic setup information.
106 is the basic function module in 102 webpage control box, for editing the basic function operation of web page element, itsMiddle basic function includes but is not limited to：Delete the element object creating, the operation cancelling back, the operation recovering backDeng；
User can be by clicking the control in basic function module, as first clicked the control object that user has created, soAfter click the deletion control in basic function module, to delete the web page element of establishment；Basic function module cancels control,For cancelling previous operation；Recovery control in basic function module, the operation once cancelled before being used for recovering；Basic trainingFirst setting parameter in energy module arranges control, for arranging the initial parameter information of webpage；Preservation control in basic function modulePart, for carrying out preservation etc. to current configuration information.
107 webpage control modules, are used for editing, control web page element；
105 protocol interface layer, are used for making to be communicatively coupled between webpage control box module and server database module,In the system of the present invention, the communication between the corresponding control in webpage control box and web page element is also by this protocol interfaceLayer realizes；
103 webpage control module, for the concrete control of addition element in webpage, including but not limited to text control,Picture control, Audio Controls, video control, grid control etc.；
User can edit webpage inner element by selecting the control in webpage control module, and for example, user selects netLittle webpage control in page control module, then passes through mouse drag in webpage, creates the little net with general webpage functionPage object, this little webpage inherits the characteristic of existing Web page completely；Additionally, user can also be from webpage control moduleMiddle selection text control, picture control etc., add text message and pictorial information in the little web object creating.
Significantly, since video module also can be an embedded Flash web player module, video controlPart module also possesses the ability being communicated with web page element by webpage control module.
104 is the concrete element in webpage, and these web page elements can be controlled by page space module, includingFrame elements and framework interior element, it includes being not limited to：iFrame、DIV、Table、Text、Picture、Flash、VideoDeng.
Each module described in 102 webpage control box passes through 105 protocol interfaces and 101 server database module are connected；
107 webpage control modules are by 105 protocol interface control 103 webpage control module；
105 webpage control module are connected with 104 web page elements and 101 server database module also respectively.
During construction webpage, the communication process of each intermodule of internal system is as follows：
User browser module loads 102 webpage control box modules, in webpage control box module including but not limited to：BaseThis functional module, webpage control module, video control module, element arrangements module；In actual applications, user can be according to needWant, webpage control box is added corresponding module.The webpage control box of the present invention supports plug-in type Function Extension, i.e. user is permissibleIt is conveniently located at the functional module of their own exploitation in the webpage control box of the present invention, therefore, the webpage mentioned in the present inventionSeveral functional module in control box and user are embedded into the functional module in webpage control box of the present invention, all protect in the present inventionThe row protecting.
106 basic function module also comprise some general controls, as deleted control, for deleting the webpage unit of establishmentElement or video elementary；Cancel control, be used for cancelling previous operation；Recover control, the operation once cancelled before being used for recovering；Initial parameter arranges control, for arranging the initial parameter information of video or webpage；Preserve control, for current setting letterBreath carries out preservation etc..
In actual applications, user is by activating 107 webpage control modules, then selects in 103 webpage control moduleControl creates web page element.If there being video control module in webpage control box, user can also be by activating video controlModule, selects the control in video control module to create video inner element；
Web page element in the present invention includes：
A, frame elements：Div, iFrame, Table and Flash control in webpage or Java control or JavaScriptControl or VBScript control or ActiveX control element；
B, framework interior element：Video, voice, animation, picture, word；Framework interior element can also wrap in video elementaryInclude video inner element；Video inner element further includes but is not limited to：Video, voice, animation, picture, word；
The web page element being carried in the present invention, can certain presets position by mouse or mouse drag region or webpagePut, be added in webpage.
After having created web page element, user can be by active element configuration module or allocation window, to the element creatingCarry out essential information configuration and event information configuration, and the event control information configuration between element；
The present invention, during construction web page element, uses a kind of object structure, i.e. by webpage control box by netPage element is encapsulated in object structure, object structure include event that the basic operation of object and base attribute, object triggered,Function corresponding to objects trigger event；And web page element is saved as web page element describe file；This webpage is used for describing listIndividual web page element, web page element describes Document encapsulation in an XML or class script structure, and web page element describes file bagContaining this web page element<Attribute-event-function>Set, for describe the existing attribute of this web page element, triggering event and touchFunction after the event of sending out or application；
This web page element describes file can conduct and background server database communication transmission least unit, it is also possible to logicalCross web page element to describe file and constitute complete webpage and describe file, then be transmitted preserving；
Therefore, web page element describes file is to constitute webpage to describe the base unit of file, be also control web page element withAnd database preserves the least unit of web page element.
By webpage control box, the information such as the element of establishment and event are saved as after web page element describes file, canCarry out integrated further each web page element is described file, constitute webpage and describe file, and preserve to server database mouldBlock.
The object structure that control box creates is the stratified object structure of tool, and can comprise in web object：Video pairAs, animation object, text object, object picture；The conceptive division of container from webpage, web object can be divided into：IFrame object, Div object, Table object；Further, for example, object video, inside can also continue to include：Animation object,Text object, object picture etc..Therefore, the object video that webpage control box creates is the object with hierarchical relationship.
Webpage describes file and uses extensible markup language or script, does not typically use html language；In this patentThe mode of construction webpage and the mode of analyzing web page, all employing web-page parser (and the webpage control module in the present invention and netPage parsing module) screening page describes the Pattern completion of file.
Webpage describes file and uses the mode of objectification to describe web page element, and each web page element is that an independence is rightAs.Wherein the web page element of objectification also includes web page element attribute, web page element event, and the function corresponding to this eventInformation；
The attribute of web page element object includes but is not limited to：
A. the font attribute of webpage Chinese version, motion mode, background color, display mode, chained address, text box positionInformation；
The size of form, motion mode position coordinates, color, display mode, frame information, font attribute in B, webpage；
The size of picture/animation, motion mode, position coordinates, transparency, display mode, hyperlink in C, webpage；
In D, webpage, the display size of video, motion mode, display area position coordinates, loop play, sound, image quality are clearClear degree, video fluency；The broadcasting attribute of webpage sound intermediate frequency, Volume attribute；
E, webpage can also comprise inside video video inner element further：Video, audio frequency, animation, picture, literary compositionWord；
In webpage, the response events of element object includes but is not limited to：
A, response mouse-click event；
B, response double mouse click event；
C, response left mouse button press event；
D, response left mouse button lift event；
E, mouse event on object；
F, object initialization event；
G, object deletion event；
H, object commence play out event；
I, object terminate reproduction time；
J, player event；
K, player button event；
L, player complete to play Video Events
M, object drag events.
Below with an instantiation, further describe the present invention and construct the method and system of webpage：
User starts browser, loads the webpage control box of the present invention in browser；
Webpage control module in user's webpage clicking control box, selects corresponding control from webpage control module, for example, usesFamily can select the little webpage control in webpage control box, and then a certain region in the browser page when front opening, passes throughThe mode pulling mouse creates a little webpage；After creating complete primary school webpage, user can also continue to select in webpage control boxOther controls, such as text control, in the little webpage creating, then create text object, and add text message.
The method being positioned in webpage construction web page element by mouse drag is comprised the following steps：
Select to create the type of web page element and related establishment attribute；
Obtain mouse drag by performing JavaScript or VBScript or Java or ActiveX program inside webpageRegional location；
Regional location in mouse drag creates selected web page element；
Select to create web page element, complete in webpage control box；
Related establishment attribute, default property when referring to that web page element creates；
Mouse drag, drag area is rectangle, and drawing direction is typically left to bottom right.
In above process, webpage control module is connected with web page element object by interface function.
After having added web page element, user can add event information by element arrangements module for the element creating, alsoEvent control relation between element can be set.For example, user can create a picture element in webpage, is then this figurePiece element adds mouse-click event, when this picture of mouse-click, can be linked to a certain network resources address or call thisGround resource.User can also construct the event control relation between element, for example, it is possible to add thing for webpage text elementsPart, when exciting this event, it is possible to achieve changes video certain attribute of an element internal or operation characteristic.
After user completes web page element information configuration, each the web page element object information having constructed can be generated netPage element describes file, and this web page element describes file and completely describes the attribute information of currentElement, event information and functionInformation；
Then pass through webpage control box again, each web page element described file and carries out integrated, generate one completeWebpage describes file, and this webpage describes file transmission to server database end.
In embodiments of the present invention, the webpage ultimately generating describes file, is the complete money for describing webpageThen the webpage that this is complete is described file and is stored in background server database by Source Description file.
Fig. 2 is the structure chart of a kind of construction of the present invention and the method generating webpage, and in figure, 200 refer to browse Web pageThe browser in face；
In the present embodiment, 201 is the Flash webpage control box that the present invention utilizes ActiveX technological development, 201 functionsRealization need to be trusted in 200 browsers, and i.e. 201 need to be embedded in 200 browsers or user setup current browser permission ActiveXThe loading of control, now the function of 201 can be achieved.
202 is the program interface in the webpage control box that the present invention develops, the program work(that this interface to be realized for establishmentEnergy.
203 is the properties interface in the webpage control box that the present invention develops, and this interface is for describing object quiet of establishmentState attribute information, such as the positional information of object, size, color, shape etc..
204 is the object interface in the webpage control box that the present invention develops, and this interface is used for creating related object, as createdLittle web object, text object, object picture, object video, order button object, form object etc..
205 is the parent webpage that user to be constructed, can carry video, little webpage and other any web page elements withAnd web page resources.
206 refer to carry the painting canvas view of web page contents, and described painting canvas view has the attributes such as position, size, shape.
The webpage control box construction webpage that user can be provided by the present invention, can divide two kinds of feelings in specific implementation processShape：
(1) user's click browser, opens a blank page
Under this kind of situation, user can be according to hobby and demand novel architecture individualized webpage, and concrete operations are as follows：
(1) user selects the Web page-container control in webpage control box, creates Web page-container, i.e. browsing at current blankAdding a Web page-container on the device page, this Web page-container can be adaptively adjusted size according to the browser of user, to adapt toThe current blank page；This Web page-container itself is also a control, but this control can carry other control object, for example,User can add Web page-container in webpage, and the attribute arranging Web page-container is invisible, and then user just can hold at webpageDevice adds other control object.
(2), after user has created Web page-container, as required feature segmentation can be carried out to the region of current web page container,It is for example divided into sports news region unit, email area block, stock market's region unit, music block block, video area block, instantChat tool region unit etc..These region units can be carried out deleting according to current hobby and needing, increase, repair by user at any timeChange etc. and to adjust；
Web page-container also can be laid out by user according to following principle, in the principle of layout is including but not limited to followingHold：
(2.1) classifying according to the content of hobby, each class comprises one or more little webpage, according to different classificationsCarry out layout；
(2.2) significance level paid close attention to according to current or near a period of time is classified, different according to degree of concern, to littleWebpage carries out layout；
(2.3) according to the frequency automatic editing browsing, counting user browses the frequency of web page contents in zones of different, automaticallyArrange little webpage, use with more convenient user.
(3), after having divided region unit, user just may select other controls in webpage control box, adds at corresponding region unitAdd corresponding object, as added little webpage, text object, object picture etc.；
(4) by repeatedly operating said process, user just can easily construct a webpage, and setting can customize out onePersonalized virtual site structure, this virtual site can be polymerized conventional network resources.
(2) user's click browser, browses a certain website, opens a certain page
Under this kind of situation, user can select the corresponding contents in current site according to hobby and demand, creates or improves and usesThe customized homepage at family, concrete operations are as follows：
(1), after determining the related content needing in current site, user selects the Web page-container control in webpage control box,Creating Web page-container, i.e. adding a Web page-container under the page currently seen, this Web page-container can browsing according to userDevice is adaptively adjusted size, and can be carried to the page that user sees in Web page-container；
(2), after user has created Web page-container, as required feature segmentation can be carried out to the region of current web page container,It is for example divided into sports news region unit, email area block, stock market's region unit, music block block, video area block, instantChat tool region unit etc..
User can use the region segmentation control in webpage control box of the present invention, is punctuated carrying in Web page-container by mouseThe page, then the page area chosen is operated, can be deleted or its content is modified；
(3) passing through the cutting to the page for the previous step, user remains the content of oneself hobby, and according to the region dividingBlock, by this content classification, then user also may select other controls in webpage control box, adds corresponding at corresponding region unitObject, as added webpage painting canvas, text object, object picture etc.；
(4) by repeatedly operating said process, user just can easily customize out the virtual site knot of property one by oneStructure, this virtual site can be polymerized conventional network resources.
User also can be by above-mentioned two situations fusion treatment, and i.e. a part of content user oneself creates, in another partAppearance by integrating the content of other websites, thus can be customized to the individualized virtual website oneself liked.
In an embodiment of the present invention, the object that webpage painting canvas can carry includes but is not limited to：Web object, text pairAs, object picture, object video etc..
For example, user can add webpage painting canvas, then at this webpage by a certain region unit at Web page-container as requiredIn painting canvas, user can create new webpage, it is also possible to by existing web page port to this webpage painting canvas, can also be at this webpagePainting canvas is only placed the common combination of text object or object picture or object video etc. or several object.
User has customized the structure of website, and after generating the related web page of hobby, just may select the webpage of the present inventionControl box is hidden, and can preserve website and the webpage of user's customization in the following manner：
(1) user's click browser, opens the website of a blank page customization
This kind of situation, current blank page can be arranged to default homepage by user, and user opens after browser just next time againCan automatically load the page structure customizing last time and content.
(2) user's click browser, browses a certain website, opens the website of a certain page customization
This kind of situation, user can be using the domain name of current site as the host of user's virtual site, and user has customized netAfter station structure and web page contents, next time opens browser again, will automatically load the page customizing last time after accessing this hostStructure and content.But this content is only limitted to user to be accessed by oneself machine, if accessing this host's net by other machinesStand, the virtual site oneself customizing cannot be seen.
If user wants not affected the virtual site of customization by browsing apparatus, anyone is set by any energy onlineFor seeing the virtual site that user customizes, then needing the host site of user to be one can be monopolized by user, hasThe website of domain name.
Fig. 3 is the communication process figure I in the present invention between webpage control box and the object of establishment；
The present invention 201 webpage control box passes through 301 agreements, the object of the JavaScript interface in 302 and establishmentCommunicate；
303 is the object being created by the control in webpage control box, can be by 204 object interfaces during concrete operationsSelection object to be created, and then realize；
After having created object 203,203 properties interface that can be collected by the webpage control box attribute to the object creating is enteredRow is arranged；
304 event informations that can respond for the object creating；
305 some function informations being capable of for the object creating；
The present invention, as a example by editor control web object, further illustrates the detailed process of the embodiment of the present invention.
It is controlled comprising the following steps to the object in webpage by the control of the present invention：
(1) by the control interface of ActiveX or AJAX technological development webpage control box；
(2) user selects the control in control box as desired by described control interface, utilizes the control currently chosen,Web page contents in webpage painting canvas is operated；
(3) control selected is led to described script by page script language interface agreement and interface functionLetter, by described script editor control web page contents；
(4) operation according to (3), determines the object being intended to add and/or adjust in webpage painting canvas, arranges current operation objectBase attribute information；
(5) it is that current operation object adds event, and the event information of current operation object response is set；
(6) said process is repeated, it is achieved editor control is carried out to webpage inside；
In the specific operation process of the establishment web page element object that the present invention mentions, user can be carried out as followsOperation：
(1) assume that user has created Web page-container, and divided region unit；
(2) user selects the webpage canvas control in webpage control box, then the respective regions block midpoint at Web page-containerHit left mouse button, then create a webpage painting canvas at this region unit；
(3) user continues to select the webpage control in webpage control box, and creates a webpage in the webpage painting canvas in (2)Object；
(4), when giving web object content in (3), can be accomplished by：
(4.1) user can create this web page contents with oneself editor, i.e. where places text message in this webpage, where putsPut pictorial information, and corresponding content all completely newly can be created with hobby by user as required；
(4.2) user also can migrate to the part web page contents in the existing website of hobby in this webpage painting canvas, andFurther editing and processing is carried out to it；
(5) web page contents in webpage painting canvas can be done as follows by user by webpage control box：
(5.1) by corresponding object in mouse circle network selection page, edlin is entered to the object chosen, including but not limited to delete,Modification, interpolation etc.；
(5.2) in the position needing, in this webpage, text message, pictorial information and video information etc. are added；
(5.3) some hot informations comprising chained address can also be added in webpage；
(5.4) form information can also be added or edit in webpage and realize more complicated function set；
The realization of said process, is all completing alternately between 201 and 302, and in interaction, 201 pass through with 302301 carry out protocol analysis, thus realize this process of object that the related control in 201 is created by 302 editor control.
Fig. 4 is the communication process figure II in the present invention between webpage control box and the object of establishment；
The control interface of the present invention 201 webpage control box includes several element arrangements interface, for configuring the webpage of establishmentElement object；
401 is to carry out editor control to the DIV label in webpage；
402 is to carry out editor control to the Word message in webpage；
403 is to carry out editor control to the pictorial information in webpage；
404 is to carry out editor control to the Flash in webpage；
405 is to carry out editor control to the video in webpage；
406 is to carry out editor control to the form information in webpage；
The above-mentioned editor control process carrying out web page contents is as follows：
First protocol analysis and function call are passed through between 201 webpage control box and JavaScript, it is achieved two-way communication；
Secondly, JavaScript realizes being controlled the respective labels content in html file；
Again, the corresponding contents in html file is finally realized by JavaScript carrying out two-way friendship with webpage control boxMutually, to realize the purpose that web page contents is controlled by webpage control box.
Fig. 5 is the flow process creating object in the inventive method, and the webpage control box in one embodiment of the invention is passed throughFlash control creates and forms, and user is as follows in the operating process using webpage control box establishment object：
Little in 501 respective icon clicked in Flash in webpage control box for user, such as webpage clicking control moduleWebpage control icons, then user creates little webpage in the parent webpage that current browser is opened by way of mouse dragObject；
502 for creating in Object Process, and Flash calls JS interface function, to realize being created in webpage by mouse dragBuild new object；
After 503 have created object for user, JS sends establishment information, object big that notice Flash creates to FlashThe information such as little, position；
504 create information for Flash according to the JS receiving, and create object and association attributes thereof at Flash record.
Fig. 6 is the flow process deleting object in the inventive method, i.e. flow process in user is by Fig. 5, at webpage or videoAfter the corresponding object of middle establishment, if it is desired to delete the object having created, then can be realized by following flow process：
601 first choose object that is that created in webpage and that to be deleted for user；
Then the deletion control that user clicks in Flash in webpage control box general purpose module in 602 steps, it is also possible to straightConnect use shortcut to delete；
In 603 steps, the ID needing the object deleted is sent to JS by system, calls JS interface function, to delete webpageOr the object in video；
After 604 are system-kill object, return result to Flash, i.e. return webpage control and think.
Fig. 7 is the attribute flow process that the inventive method passes through that webpage control box changes the object creating, and its flow process is as follows：
701 choose, for user, the object having created in webpage, then click on the respective attributes in webpage control box in FlashControl, changes some or several property value of this object；
After 702 have changed property value for user, system calls JS interface, and amended parameter is passed to JS, and JS passes throughFunction modification webpage or the attribute of object video；
After 703 attributes having changed this object for system, result is returned Flash.
Fig. 8 is the flow process directly changing object properties in the inventive method in webpage, and this flow process is as follows：
801 choose, for user, the object having created in webpage, and then system directly invokes JS interface, and that chooses user is rightThe property value of elephant is modified；
Amended object result is returned Flash for system by 802, i.e. returns webpage control box.
Fig. 9 is that XML webpage of the present invention describes file generated and preserves procedure chart；
After user creates web page element by the webpage control box of the present invention, just can generate for describing retouching of web page elementState file, then by the preservation operation in webpage control box, preserve the webpage generating and describe file；
The embodiment of the present invention, uses XML to be described the web page element creating, and then XML webpage describes file and protectsDepositing to database, specific operation process is as follows：
901 preserve operation for Flash control box, after i.e. user has created webpage and web page element, click on Flash control boxIn save button, XML webpage will be generated and describe file；
Generate XML webpage and describe the process of file, it is simply that according to XML syntax format, corresponding field is predefined, thenBy the interface module within webpage, such as Ajax or JavaScript program, communicate with between webpage, XML is describedRespective field, is sent to server database module by webpage；When wherein Ajax ensures web data transmission, webpage self is notIt is updated, bring user more preferable experience.
903 is web page program, and JavaScript is by calling PHP program and server database module i.e. in an embodimentCommunicating, such as Asp, Jsp or Php etc., 903 receive the XML information of 902 transmissions, the then 903 XML word that will receiveSegment information sends to 904 server database module, and preserves XML information to server database module, if protectedBe saved as work(, then server database module transmission preservation successful information is to 903, and 903 receive what server database end sentAfter preserving successful information, send it to 902 page script program modules, check that PHP program 902 receives by JavaScriptAfter server preserves successful message, information 905 will be sent, inform that user's current web page describes file at serverDatabase preserves successfully.
Figure 10 is embodiment of the present invention Flash and JavaScript interaction figure, and user clicks on the present invention with mouseControl in Flash webpage control box, creates web page element by mouse drag in webpage, during creating,The data of mouse drag event in JavaScript capture webpage, such as starting point coordinate and the terminal point coordinate of mouse drag, thenThe mouse drag event data of capture is passed to Flash webpage control box by JavaScript in time, finally has Flash webpage controlPart case is intended to the composition XML such as the control information of establishment and the positional information in webpage and passes to JavaScript, byJavaScript completes the establishment of web page element object in webpage.
Figure 11 is the Organization Chart in the inventive method by the webpage control module editor's webpage in webpage control box, at thisIn the system architecture of invention, webpage control box can be directly integrated in existing browser, it is also possible to is placed on 101 servers102 webpage control box when user starts browser, then are got by end from 101 server ends；
After browser end successfully loads webpage control box, user just can click on webpage control module therein, and then selectsWebpage control in 1101, constructs web page element；
1101 webpage controls are included the frame elements of 1102 by the web page element that JS constructs, such as DIV, iFrame, TableDeng, additionally it is possible to the framework interior element of construction 1103, such as picture, word etc.；
1101 webpage controls can also construct 1104Flash object, and 1105 videos, voice etc. by JS；
After the above-mentioned element of construction complete, generate web page element and describe file, and then integrated generation webpage describes file, the most againBy 102 webpage control box, this webpage is described file eventually to preserve to server database.
Figure 12 is broadcasting webpage Organization Chart in the inventive method, i.e. user has constructed webpage and webpage describes file storageTo server database, after user browser initiates the request of this webpage to 101 servers, browser end can play thisThe webpage of construction in advance, the process of implementing is：
Embedded or loading 1201 webpage playing modules in user browser, in the present invention, webpage playing module is Flash controlPart or Java control or JavaScript control or VBScript control or ActiveX control or the built-in control module of browser；This webpage playing module has observability and hiding, i.e. can be visible or invisible to this playing module with pre-set user.IfUse Flash file as webpage playing module, if then webpage needing Imbedded Flash player (for example can play and regardAudio file or stream file) or other Flash program, then webpage playing module can be placed in Flash player, as oneIndividual standalone module plays web page element, controls web page element behavior, and can assist to complete the communication between web page elementAnd the communication of web page element and background data base.If webpage not having Imbedded Flash player or needing visible FlashProgram, then can make transparent sightless module by the webpage playing module of Flash and be placed in webpage, only responsible web page elementCommunication and web page element control, user opens webpage and will not see webpage playing module entity, i.e. webpage i.e. in this casePlayer is hiding.
Wherein the communication process between web page element and web page element can be expressed as：
Such as JavaScript program embedded in webpage, use PHP framework, use Flash as web player, then netCommunication between page element can be understood as：User creates Action Events, JavaScript program sense operation in webpageEvent, and perception events is returned to Flash webpage playing module, webpage playing module processes event, and needs are performed work(Application can issue JavaScript program again, JavaScript performs web page element operation again.
101 server database module, are used for receiving the web-page requests that browser sends, and are asked to browser returnWebpage file is described；
1201 webpage playing modules, embed in a browser, for communicating with server database module, to serviceDevice DBM sends the webpage that requested webpage describes file, reception server database returns and describes file；
1202 web analysis module, embed in a browser, do not have observability, be connected with webpage playing module, be used forReceive the instruction that webpage playing module sends, and analyzing web page describes file；
Browser loads webpage playing module and web analysis module, generates by content and the position editing web page element in advancePut, create object and monitor event, if event triggers, then perform the function corresponding to this event；If event does not trigger,Webpage playing module continues to monitor.Perform event corresponding function when event triggers to include but is not limited to：
Add new web page element；
Delete old web page element；
Change web page element attribute；
Play opening/closing this locality or network URL address file；
Beat opening/closing this locality or network address equipment or program；
Communicate with external program or equipment.
Web analysis module describes file, including construct frame elements and framework interior element for analyzing web page；
Frame elements includes Div, iFrame, Table and Flash control in webpage or Java control or JavaScriptControl or VBScript control or ActiveX control element；
Framework interior element includes video, voice, animation, picture, word；
The event of construction element response includes the event of event and the monitoring activating.
The present invention is illustrated by specific embodiment, it will be appreciated by those skilled in the art that, without departing from model of the present inventionIn the case of enclosing, various conversion and equivalent replacement can also be carried out to the present invention.In addition, for particular condition or concrete condition,Various modification can be made to the present invention, without deviating from the scope of the present invention.Therefore, the present invention is not limited to disclosed concrete realityExecute example, and the whole embodiments falling within the scope of the appended claims should be included.