CN1991827A - Method and system for webpage development - Google Patents
Method and system for webpage development Download PDFInfo
- Publication number
- CN1991827A CN1991827A CN 200510121529 CN200510121529A CN1991827A CN 1991827 A CN1991827 A CN 1991827A CN 200510121529 CN200510121529 CN 200510121529 CN 200510121529 A CN200510121529 A CN 200510121529A CN 1991827 A CN1991827 A CN 1991827A
- Authority
- CN
- China
- Prior art keywords
- flash
- data
- page
- module
- control module
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The invention relates to a realizing net page developing method that includes: the server data module receives the request of page control module, and returns the XML data to page control module; said page control module receives said XML data and transmits part of data to said Flash module; said page Flash module receives said data, and accesses said server data module and gains XML data needed. The invention discloses a realizing net page developing system at the same time. The definite product design request can be accomplished effectively by synthetical developing mode, the design flow can be simpler, quantity of data read becomes fewer, and code is simplified and optimized.
Description
Technical field
The present invention relates to network transmission technology, more particularly, relate to a kind of method and system of webpage development.
Background technology
Along with the continuous development of internet, the webpage development pattern of existing employing XML+Flash combination or XML+JavaScript combination can not realize the certain products needs.
XML technology: XML is extendible SGML (eXtensible Markup Language).It is a kind of language with data description function (Meta-language), attach structure and verifiability.The same with HTML, XML has used mark and attribute equally; Allow the user to define voluntarily with mark and the attribute of the different XML of being of HTML maximum, and can come developing application according to the grammer of defined mark and attribute.XML has adopted the open architecture design, and it allows swap data between any platform on the Internet or language.
Flash technology: Flash is by Macromedia company development and Design.Flash is a kind of authoring tools, and designer and developer can use it to create the content of PowerPoint, application program and other permission user interactions.Flash can comprise simple animation, video content, complicated PowerPoint and application program and between any content between them.Flash is specially adapted to create the content that provides by Internet, because its file is very little.Flash accomplishes this point by being extensive use of vector graphics.
JavaScript technology: JavaScript has a kind ofly had JavaScript based on object and event-driven and script with security performance, can make webpage become lively.The purpose of using it is to be implemented in the webpage a plurality of objects of link with HTML Hypertext Markup Language, java script language, with the network client reciprocation, thereby can develop the application program of client.It is by realizing in the html language that embeds or be tuned in standard.
The XML+Flash combination is made up these two kinds of webpage development patterns with XML+JavaScript and used separately, and relative merits are all arranged separately, and is specific as follows:
The XML+Flash combination, advantage: the XML object allows the data of the XML form on input and the integrated any Web in Flash, be that the Flash animation can be written into the XML data in the territory of oneself, Flash just can get up XML data and excellent animation and sound seamless combination like this.In addition, Flash almost has the ability of processing XML on any platform.In general, most of XML conversion is in server-side processes, because browser is not very complete to the support of XML.Therefore, adopt Flash just can reduce the server access frequency, reduced server expenses widely.Shortcoming: be a kind of new development mode, be difficult to compatible system in the past, as the exploitation of gif picture.
The XML+JavaScript combination, advantage: be a kind of development mode of comparative maturity, use relatively extensively, system before all right compatibility.Shortcoming: adopt JavaScript to do the foreground exploitation, the exploitation page do not have refresh or few as far as possible situation about refreshing under, the code complicated process of foreground exploitation is than higher, code redundancy.
If there is not XML, owing to frequent communication that JavaScript and Flash are mutual also can be caused a lot of problems, for example cross-domain problem or the like.
Therefore, if above-mentioned dual mode is combined well, promptly XML+Flash+JavaScript uses its advantage, can finish the design needs of specific products so efficiently.
Summary of the invention
The technical problem to be solved in the present invention is, at the above-mentioned defective of prior art, provides a kind of method and system of webpage development, has solved the irrealizable demand of foreground development mode of simple XML+Flash combination or XML+JavaScript combination.
The technical solution adopted for the present invention to solve the technical problems is: construct a kind of method that realizes webpage development, may further comprise the steps:
A. the server data module is returned the XML data to described page control module after receiving the request of page control module;
B. after the described XML data that described page control module will receive, and partial data sent to described page Flash module;
C. after described page Flash module receives described partial data, can directly conduct interviews and obtain required XML data described server data module;
In method of the present invention, described step b comprises:
B1. the described XML data that described page control module will receive are analyzed, and carry out page operation according to described XML data;
B2. the SetVariable method by described page Flash module sends to described page Flash module with described partial data.
In method of the present invention, described partial data is meant the control type data.
In method of the present invention, if described page Flash module comprises the nested sub level Flash with parent Flash of Flash at the same level, described step c also comprises:
C1. notify described page control module to load Flash at the same level by the fscommand method of described page Flash module;
C2. described Flash at the same level loads its sub level Flash;
C3. described Flash at the same level can directly conduct interviews to described server data module and obtain required XML data, and carries out data communication with described sub level Flash.
In method of the present invention, described required XML data are meant static XML data or public XML data.
In method of the present invention, described page control module embeds script by the page and forms.
In method of the present invention, described script is the JavaScript script.
A kind of system of webpage development is characterized in that, comprising:
The server data module is used for the data on the background server are sent to page control module and page Flash module with the form of XML data;
Page control module is used to receive the data that described server data module is sent, the action of the control page and communicate by letter with described page Flash;
Page Flash module is made up of one or more Flash, can control mutually between each Flash, communicate by letter and communicate by letter with described page control module with described server data module respectively.
In system of the present invention, described page control module embeds script by the page and forms.
In system of the present invention, described script is the JavaScript script.
The invention has the beneficial effects as follows, can finish the certain products design requirement efficiently by comprehensive development mode, make design cycle simplify more, the reading of data amount reduces, and code is simplified and optimized.And can adapt to more complicated service logic, and make better foreground expression effect, and optimize the foreground development mode, reduce the refreshing frequency of the page, guarantee the stable of background server.
Description of drawings
The invention will be further described below in conjunction with drawings and Examples, in the accompanying drawing:
Fig. 1 is a system architecture diagram of the present invention.
Embodiment
As shown in Figure 1, a kind of system of webpage development comprises:
Server data module 100 is used for the data on the background server are sent to page control module and page Flash module with the form of XML data;
Page Flash module 104 is made up of one or more Flash, can control mutually between each Flash, communicate by letter and communicate by letter 102 with described server data module 100 with described page control module respectively.
Below with server data module 100, its server environment is: database DB software or MySQL software, web server software is with Apach and operate in CGI scripting on the web server, page control module 102, be made up of page embedding script JavaScript script or VBScript script, the data layout of Server Transport is that XML is that example is elaborated:
Write a Web webpage, if the design Premium Features need the support of some scripts, as JavaScript script or VBScript script.When the page (HTML) triggered by the user load finish after.By HTTP(Hypertext Transport Protocol) invoking server end script, for example, call CGI scripting, send request to server.Retrieve data among the database D B outputs to data on the front end page in the statement object according to the XML form.Explain this XML object by the script on the page, and data are filled in the corresponding page element.
XML and HTML relatively, HTML is a kind of Hypertext Markup Language of set form, Yin Geshi fixes, identify limited, so be difficult to expand.And XML has kept the extendable functions of SGML, can define other language, the sign of while XML, and the user can oneself define.XML provides the universal method of direct " processing " web data, and HTML is the universal method of web " demonstration " data.What XML described emphatically is " content " of the web page, and HTML focuses on the page " display format ".XML makes machine can talk (process information automatically), and HTML has made things convenient for person to person's interchange (just network primary stage).XML has good interactivity, and it can not need and server interaction in the enterprising line data operation of client computer, has greatly alleviated load of server.HTML does not support the structrual description of deep layer, can be complicated to any degree and the file structure of XML is nested.XML document object pattern (DOM) allows with script or other programming language deal with data.Data computation does not need to get back to server end and just can carry out.After a part of data variation, do not need to retransmit the data of totalization.The data that change can send to the client from server by XML, and the interface that does not need to refresh whole user just can show.
Present embodiment by embed at the page JavaScript script realize JavaScript to the communication of Flash, Flash to JavaScript communication and the three kinds of communication modes of communicating by letter between Flash and the Flash.
Concrete operating process following (as shown in Figure 1): webpage loads JavaScript script 102, trigger it and carry out response server data module 100, JavaScript script 102 carries out alternately with server data module 100, the data that responded are searched, analyze and organized to server data module 100 by CGI scripting to the DB lane database, and the form with the XML file sends to JavaScript script 102 then.
After JavaScript script 102 obtains the data of needed full page, data are analyzed, and carry out page operation according to data, a part of data are sent to page Flash module 104, these data are generally control type data (the few renewal frequency of data volume is fast, the whole service logic is played the data of important control action).Page Flash module connects 104 and receives control data, just can conduct interviews to server data module 100 separately, and obtaining a large amount of required data, these data are generally static data or public data (the relative slow data of renewal frequency, a large amount of text datas).Page Flash module meets 104 parent Flash106 notice JavaScript script 102 loadings Flash110 at the same level, page Flash module 104 more complicated, can form by single Flash, also can form by a plurality of Flash are parallel, promptly Bing Hang Flash is Flash at the same level, as the Flash110 at the same level among Fig. 1, each Flash at the same level can also nested sub level Flash (Flash at the same level at this moment can be described as parent Flash with respect to sub level Flash, as the parent Flash106 among Fig. 1), perhaps can be by a nested sub level Flash108 of parent Flash106 (specifically deciding) according to the design requirement of product.After parent Flash106 loaded sub level Flash108, Flash110 at the same level is access server data module 100 separately also, and obtains the data that it says needs, also can control mutually between sub level Flash108 and the Flash110 at the same level and carried out data communication.
Below be for to above-mentioned three kinds of needs that communication is elaborated, and only enumerated these examples, but the present invention is not limited to these examples.
Because not all browser all supports the JavaScript script, in order to communicate by letter with the Flash player, browser must have built-in interface so that the Flash player can " be monitored ", so preferably following several of browser:
1)Netscape?Navigator?3.0-4.7x
(Windows 95/98/NT/2000/XP or MacOS; Allow Java and LiveConnect);
2) Netscape 6.2 or higher
(Windows 95/98/NT/2000/XP or MacOS; Allow Java and LiveConnect);
3) Internet Explorer 3.0 or higher
(Windows 95/98/NT/2000/XP; Allow ActiveX).
The first, JavaScript is to the communication of Flash
Realize the communication of JavaScript to Flash, mainly be SetVariable method by use Flash variable from the input text of HTML sends to Flash file this page.The data of HTML input are sent in the Flash file by the SetVariable method of Flash, and concrete steps are as follows:
In page Flash module:
1) a newly-built file, javascript_to_flash.fla by name preserves with file;
2) create a textview field before the lights with the Type tool;
3) select text territory, and in Properties palette, from drop-down list, select dynamic text (DynamicText), fill out " myVar ", and preserve this document on variable (variable) hurdle;
4) issue html file and SWF file.
In page control module:
The instrument of webpage development can adopt Dreamweaver, also can be other html editor,
Be that example describes below with Dreamweaver.
1) opens the html file of above-mentioned issue;
2) insert SWF file and the OBJECT/EMBED label that generates.At first, on toolbar, select Insert-〉Media-〉Flash, and select this Flash, then, switch to the code view, revise selected＜OBJECT〉and＜EMBED〉label, at last, in the EMBED label, insert id=myFlash, and insert name=myFlash and swliveConnect=true, guarantee not use the id attribute;
3) create form fields.At first, insert textview field (as: Insert-〉Formobject〉Text Field) in Design view, if whether inquiry adds form fields, just selecting is then the html tag of textview field to be revised as:
<input?type＝″text″name＝″sendText″maxlength＝″45″
onChange＝″doPassVar(this)″>
Like this, when the textview field content changed, onChange just was triggered, and doPassVar () function will be called;
4) create the JavaScript function that transmits variate-value.At first duplicate following JavaScript script to＜head〉＜/head〉in the label:
<SCRIPT?LANGUAGE＝JavaScript>
<！--
function?doPassVar(args){
var?sendText＝args.value；
window.document.myFlash.SetVariable(″myVar″，sendText)；
}
//-->
</SCRIPT>
5) preserve this document.Can finish the communication of JavaScript to Flash.
The second, Flash is to the communication of JavaScript
The JavaScript script embeds among the HTML of the page, can send data to Flash from HTML, conversely also can, i.e. communication from Flash to JavaScript.Send data to JavaScript below by the Fscommand that uses Flash, concrete steps are as follows:
In page Flash module:
1) a newly-built file, flash_to_javascript.fla by name preserves with file;
2) create a textview field, be arranged to input text (Input Text), select border, and to specify its variable be inputVar;
3) create a button, and on button, add as minor function:
on(release){
fscommand(″send_var″，inputVar)；}
4) preserve file, and derive html file and SWF file.
In page control module:
It is that example describes that the instrument of webpage development adopts Dreamweaver.
1) open the html file of above-mentioned derivation, and modification＜OBJECT and＜EMBED〉label, concrete steps are the same to the step of communicating by letter of Flash with above-mentioned JavaScript with the result;
2) with JavaScript script insertion＜Body〉in the label, specific code is as follows:
<SCRIPT?LANGUAGE＝JavaScript>
<！--var?InternetExplorer＝navigator.appName.indexOf(″Microsoft″)！＝-1；function?myFlash_DoFSCommand(command，args){var?myFlashObj＝InternetExplorer？myFlash：document.myFlash；alert(args)；}if(navigator.appName?&&?navigator.appName.indexOf(″Microsoft″)
！＝-1?&&navigator.userAgent.indexOf(″Windows″)！＝-1&&navigator.userAgent.indexOf(″Windows3.1″)＝＝-1){document.write(’<SCRIPT?LANGUAGE＝VBScript\>\n’)；document.write(’on?error?resume?next\n’)；document.write(’Sub?myFlash_FSCommand(ByVal?command，ByVal?args)\n’)；document.write(’call?myFlash_DoFSCommand(command，args)\n’)；document.write(’end?sub\n’)；document.write(’</SCRIPT\>\n’)；}//--></SCRIPT>
3) preserve this document.Can finish the communication of Flash to JavaScript.
Three, the communication between Flash and the Flash
From the above, two among the same HTML or more Flash directly can transmit message mutually.Use fscommand to transmit message from a Flash and give JavaScript, and use the JavaScript method of Flash that message is passed to another Flash.For example, from Flash MX, can utilize local connection object between Flash, to transmit message, make two Flash films among the same HTML or that be arranged in two browser windows can send message mutually, and needn't use JavaScript or fscommand.
The present invention describes by several specific embodiments, it will be appreciated by those skilled in the art that, without departing from the present invention, can also carry out various conversion and be equal to alternative the present invention.In addition, at particular condition or concrete condition, can make various modifications to the present invention, and not depart from the scope of the present invention.Therefore, the present invention is not limited to disclosed specific embodiment, and should comprise the whole embodiments that fall in the claim scope of the present invention.
Claims (10)
1, a kind of method that realizes webpage development is characterized in that, may further comprise the steps:
A. the server data module is returned the XML data to described page control module after receiving the request of page control module;
B. after the described XML data that described page control module will receive, and partial data sent to described page Flash module;
C. after described page Flash module receives described partial data, can directly conduct interviews and obtain required XML data described server data module;
2, method according to claim 1 is characterized in that, described step b comprises:
B1. the described XML data that described page control module will receive are analyzed, and carry out page operation according to described XML data;
B2. the SetVariable method by described page Flash module sends to described page Flash module with described partial data.
3, method according to claim 2 is characterized in that, described partial data is meant the control type data.
4, method according to claim 1 is characterized in that, if described page Flash module comprises the nested sub level Flash with parent Flash of Flash at the same level, described step c also comprises:
C1. notify described page control module to load Flash at the same level by the fscommand method of described page Flash module;
C2. described Flash at the same level loads its sub level Flash;
C3. described Flash at the same level can directly conduct interviews to described server data module and obtain required XML data, and carries out data communication with described sub level Flash.
5, method according to claim 4 is characterized in that, described required XML data are meant static XML data or public XML data.
According to any described method of claim 1-5, it is characterized in that 6, described page control module embeds script by the page and forms.
7, method according to claim 6 is characterized in that, described script is the JavaScript script.
8, a kind of system of webpage development is characterized in that, comprising:
The server data module is used for the data on the background server are sent to page control module and page Flash module with the form of XML data;
Page control module is used to receive the data that described server data module is sent, the action of the control page and communicate by letter with described page Flash;
Page Flash module is made up of one or more Flash, can control mutually between each Flash, communicate by letter and communicate by letter with described page control module with described server data module respectively.
9, system according to claim 8 is characterized in that, described page control module embeds script by the page and forms.
10, system according to claim 9 is characterized in that, described script is the JavaScript script.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CNB200510121529XA CN100492360C (en) | 2005-12-30 | 2005-12-30 | Method and system for webpage generation |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CNB200510121529XA CN100492360C (en) | 2005-12-30 | 2005-12-30 | Method and system for webpage generation |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN1991827A true CN1991827A (en) | 2007-07-04 |
| CN100492360C CN100492360C (en) | 2009-05-27 |
Family
ID=38214086
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CNB200510121529XA Active CN100492360C (en) | 2005-12-30 | 2005-12-30 | Method and system for webpage generation |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN100492360C (en) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101814030A (en) * | 2010-04-22 | 2010-08-25 | 四川长虹电器股份有限公司 | Menu updating method in Widget |
| CN101901274A (en) * | 2010-08-11 | 2010-12-01 | 深圳市茁壮网络股份有限公司 | Method and device for achieving special effects of webpage |
| CN101556538B (en) * | 2009-04-28 | 2012-05-23 | 西安和利德软件有限公司 | Data communication method among more than two multimedia platforms based on web page platform |
| CN102591627A (en) * | 2011-01-13 | 2012-07-18 | 腾讯科技（深圳）有限公司 | Flash application program development system and application request processing method |
| CN103294743A (en) * | 2012-12-26 | 2013-09-11 | 北京思特奇信息技术股份有限公司 | Showing method and system of multi-node topological graph applied to page |
| CN103544067A (en) * | 2013-10-12 | 2014-01-29 | 福建升腾资讯有限公司 | Method for interaction between flash plug-in of client and webpage script of server IE (internet explorer) |
| CN104978194A (en) * | 2015-06-25 | 2015-10-14 | 北京京东尚科信息技术有限公司 | Web page front-end development method and apparatus |
| CN105739957A (en) * | 2014-12-09 | 2016-07-06 | 阿里巴巴集团控股有限公司 | User interface data processing method and system |
| CN102591627B (en) * | 2011-01-13 | 2016-12-14 | 腾讯科技（深圳）有限公司 | A kind of Flash application development system and application request processing method |
| CN111274575A (en) * | 2020-01-15 | 2020-06-12 | 博智安全科技股份有限公司 | System application based on virtualized environment data security isolation |
-
2005
- 2005-12-30 CN CNB200510121529XA patent/CN100492360C/en active Active
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101556538B (en) * | 2009-04-28 | 2012-05-23 | 西安和利德软件有限公司 | Data communication method among more than two multimedia platforms based on web page platform |
| CN101814030A (en) * | 2010-04-22 | 2010-08-25 | 四川长虹电器股份有限公司 | Menu updating method in Widget |
| CN101901274A (en) * | 2010-08-11 | 2010-12-01 | 深圳市茁壮网络股份有限公司 | Method and device for achieving special effects of webpage |
| CN101901274B (en) * | 2010-08-11 | 2013-08-21 | 深圳市茁壮网络股份有限公司 | Method and device for achieving special effects of webpage |
| CN102591627B (en) * | 2011-01-13 | 2016-12-14 | 腾讯科技（深圳）有限公司 | A kind of Flash application development system and application request processing method |
| CN102591627A (en) * | 2011-01-13 | 2012-07-18 | 腾讯科技（深圳）有限公司 | Flash application program development system and application request processing method |
| CN103294743A (en) * | 2012-12-26 | 2013-09-11 | 北京思特奇信息技术股份有限公司 | Showing method and system of multi-node topological graph applied to page |
| CN103544067A (en) * | 2013-10-12 | 2014-01-29 | 福建升腾资讯有限公司 | Method for interaction between flash plug-in of client and webpage script of server IE (internet explorer) |
| CN103544067B (en) * | 2013-10-12 | 2016-08-24 | 福建升腾资讯有限公司 | The method that the flash plug-in unit of client is mutual with the page script of service end IE browser |
| CN105739957A (en) * | 2014-12-09 | 2016-07-06 | 阿里巴巴集团控股有限公司 | User interface data processing method and system |
| CN105739957B (en) * | 2014-12-09 | 2018-11-16 | 阿里巴巴集团控股有限公司 | user interface data processing method and system |
| CN104978194A (en) * | 2015-06-25 | 2015-10-14 | 北京京东尚科信息技术有限公司 | Web page front-end development method and apparatus |
| CN111274575A (en) * | 2020-01-15 | 2020-06-12 | 博智安全科技股份有限公司 | System application based on virtualized environment data security isolation |
Also Published As
| Publication number | Publication date |
|---|---|
| CN100492360C (en) | 2009-05-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11182535B2 (en) | Configuring a page for drag and drop arrangement of content artifacts in a page development tool | |
| CN104461484B (en) | The implementation method and device of front-end template | |
| CN1991827A (en) | Method and system for webpage development | |
| US8887039B2 (en) | Web page based program versioning | |
| CN103365847B (en) | A kind of generation method and apparatus of self-defined web page files | |
| CN106575298A (en) | Fast rendering of websites containing dynamic content and stale content | |
| CN1573749A (en) | Web page rendering mechanism using external programmatic themes | |
| US20110239108A1 (en) | Configurable dynamic combination of html resources for download optimization in script based web page | |
| CN1525314A (en) | Infrastructure for generating web content | |
| WO2010042428A2 (en) | Editing web pages | |
| CN1627259A (en) | Programmable object model for namespace or schema library support in a software application | |
| CN1797400A (en) | System, web server and method for adding personalized value to web sites | |
| CN1841362A (en) | Method and system for processing an electronic form | |
| CN102880708A (en) | Visual design system and method for implementing hypertext markup language (HTML) page | |
| US20160012145A1 (en) | Client-Side Template Engine and Method for Constructing a Nested DOM Module for a Website | |
| IES20030062A2 (en) | Document transformation | |
| WO2013130328A1 (en) | Persistent storage of profile data for script compilation | |
| CN105683957A (en) | Style sheet speculative preloading | |
| CN1728700A (en) | Web telecommunication network management system based on 'struts' architecture, and method | |
| CN102622376A (en) | Method and equipment used for merging cascading style sheet files | |
| CN1688969A (en) | Display state and/or cell based user interface provision method and apparatus | |
| CN101057231A (en) | Document processing device and document processing method | |
| US8112500B2 (en) | Technique of relaying communications between client apparatus and server apparatus | |
| CN1138216C (en) | Device and method for providing quick information service for multiple equipments | |
| US20120216132A1 (en) | Embedding User Selected Content In A Web Browser Display |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant |