專利名稱：一種構造鏈式網頁的方法及系統的制作方法
技術領域：
本發(fā)明涉及網絡傳輸技術，尤其涉及一種構造鏈式網頁的方法及系統。
背景技術：
網站(Web Site)是發(fā)布在網絡服務器上由一系列網頁文件構成的，為訪問者提 供信息和服務的網頁文件集合。網頁是網站的基本組成要素，一個大型網站可能含有數以 百萬計的網頁，而一個小的企業(yè)網站或個人網站可能只有幾個網頁。 現有的網站架構及開發(fā)模式，主要集中于后臺服務器，網站的結構一旦確定，便不 會輕易改變，網站的開發(fā)人員便在既定的網站結構下開發(fā)相應模塊的網頁以及更新網頁內 容。因此，現有網站中的網頁，基本上在服務器端不主動更新情況下，頁面內容通常不變。
目前，網頁的開發(fā)模式，依然處于一種獨立編輯單個網頁，需要時，為網頁的相關 內容添加熱鏈接，使用戶通過點擊該鏈接而打開另一個網頁，但是打開的網頁與含有該網 頁熱鏈接的網頁在編輯過程中兩者幾乎是彼此獨立的，唯一的聯系紐帶即是熱鏈接。
盡管近年來編輯網頁的工具如Dreamwaver、 Frontpage等使網頁編輯變得相對簡 單，但網頁的開發(fā)模式并沒有發(fā)生根本性的改變，網頁開發(fā)必須依賴桌面應用程序。尤其 是，網頁之間、網頁元素與網頁元素之間幾乎毫無關聯，不能夠實現交互控制，以完成更為 復雜的功能。因此，網頁的應用和功能受到了限制。 iGoogle推出了個性化主頁設計服務，可以讓使用者按照個人的喜好方便地定 制和整合不同來源的信息，使之成為個性化的門戶。該服務的實現主要是借鑒了門戶 (Portal)與門戶塊(Portlet)思想一個完整的門戶頁面由用戶定制的門戶塊構成。用戶 通過訪問一個聚合了不同信息來源的門戶頁面，避免了多次訪問的麻煩；個性化的定制選 擇，為用戶提供按需實現的"一站式"服務。 通過iGoogle提供的個性化主頁，用戶可以使用這個頁面訪問一些小應用程序以 及RSS聚合，它可以成為用戶訪問網絡的入口 。目前，雅虎、美國在線和微軟MSN也都提供 有類似的服務，而且近些年來，社交網站Facebook和MySpace也大有替代傳統門戶成為新 的網絡入口的趨勢。 但是iGoogle提供的個性化主頁需要在服務器端擁有豐富的內容資源，用戶通過 登錄服務器端選擇相應內容，從而生成個性化主頁。其缺點在于(l)用戶只能選擇服務器 端提供的已有內容資源，如果服務器端沒有提供，則無法生成用戶想要的頁面；(2)只能整 合Google網站的相關產品，在iGoogle提供內容的范圍內進行選擇，無法完全自主創(chuàng)建或 集成用戶感興趣的其他網站的產品；(3)無法實現不同網頁之間、不同網頁元素之間的交 互關系。 CN100492360C公開了一種網頁開發(fā)的方法，主要是通過Flash、XML和JavaScript 實現對網頁內容的開發(fā)和更新。具體包括服務器數據模塊接收頁面控制模塊JavaScript 發(fā)出的請求，向所述頁面控制模塊返回XML數據；所述頁面控制模塊接收到所述XML數據 后，將控制型數據發(fā)送給所述頁面Flash模塊；所述頁面Flash模塊接收到所述控制型數據后，可直接對所述服務器數據模塊進行訪問并獲得所需XML數據。該發(fā)明的有益效果是，使
網站特定產品的設計流程更加簡化，讀取數據量少，可以適應更復雜的業(yè)務邏輯。但是CN100492360C公開的網頁開發(fā)方法依然局限于既定的網站架構或網站框
架，其公開的技術限于對網頁的開發(fā)和更新，無法實現用戶根據喜好定制網站結構和生成
網頁內容。

發(fā)明內容
本發(fā)明實施例要解決的問題是提供一種構造鏈式網頁的方法及系統，以解決現有
技術中網站結構固定化，網頁開發(fā)和生成專業(yè)化，受眾群體小，不能滿足用戶的個性化需求 的缺陷，進而使用戶能夠根據個人喜好和當前需求，通過鼠標點選控件，所見即所得的構造 相應網頁，尤其是，用戶可以非常方便地實現不同網頁之間、不同網頁元素之間的交互控制 關系。 為了實現上述目的，本發(fā)明的實施例提供了構造鏈式網頁的方法，該方法可分為
編輯網頁過程和播放網頁過程； 編輯網頁過程還包括如下步驟 瀏覽器中加載網頁控件箱模塊，選取并激活控件箱中網頁控制模塊，通過獲取鼠 標或鼠標拖拽的位置或網頁中某預先設定位置，動態(tài)構造多個網頁； 激活對象樹中所述構造的網頁，選取控件箱中的網頁元素控件，在所述構造的網 頁中，通過鼠標拖拽構造網頁元素； 激活對象樹中所述構造的網頁元素，通過控件箱配置網頁之間、網頁元素與網頁
元素之間的交互關系，使所構造的網頁以及網頁元素之間形成鏈式交互響應； 將所構造的網頁以及網頁元素之間的鏈式交互關系通過鏈式網頁描述文件進行
描述，并將所述鏈式網頁描述文件保存到服務器數據庫模塊； 播放網頁過程還包括如下步驟 瀏覽器中加載控件箱模塊，控件箱內嵌鏈式網頁播放模塊并和服務器數據庫模塊 進行通信，獲取鏈式網頁描述文件，并解析鏈式網頁描述文件，按預先編輯網頁元素的內容 和位置，構造出全部網頁元素，創(chuàng)建網頁之間、網頁元素之間的鏈式交互關系。
本發(fā)明的有益效果在于 (1)通過本發(fā)明提供的網頁控件箱，用戶能夠根據喜好和當前需要，非常容易的構 造網頁； (2)用戶還可以通過本發(fā)明提供的網頁控件箱，構造不同網頁之間、不同網頁元素 之間的鏈式交互控制關系； (3)通過組態(tài)方式，使得用戶無需直接編寫代碼，即可實現個性化網站的構建以及 個性化網頁內容的生成。


圖1是本發(fā)明一種構造鏈式網頁的方法的系統架構圖；
圖2是用戶創(chuàng)建多個鏈式網頁示例圖；
圖3是本發(fā)明對象樹結構示意 圖4是本發(fā)明垂直結構鏈式網頁元素之間進行交互控制示意圖； 圖5是本發(fā)明平行結構鏈式網頁元素之間進行交互控制示意圖。 圖6為本發(fā)明XML鏈式網頁描述文件生成和保存過程圖； 圖7是本發(fā)明方法中通過網頁控件箱中的網頁控制模塊編輯網頁的架構圖； 圖8是本發(fā)明方法中播放網頁架構圖。
具體實施例方式
本發(fā)明的優(yōu)選實施例提供了一種構造鏈式網頁的方法及系統。該方法主要是通過 嵌入到瀏覽器中的ActiveX技術，創(chuàng)建網頁控件箱，利用網頁控件箱中的相關控件，用戶僅 需通過鼠標點選、拖拽等方式，便能夠方便、快速、所見即所得的構造出具有鏈式交互響應 關系的網頁，同時還可以利用網頁控件箱中的網頁元素控件，構造相關網頁元素對象。尤其 是，用戶還能夠利用本發(fā)明提供的網頁控件箱，輕松構造網頁與網頁之間、網頁元素與網頁 元素之間的事件響應關系，以實現網頁元素間的互動，極大降低了用戶編輯網頁的技術門 檻，使廣大普通用戶都能夠輕松地構造出自己喜歡的網頁。 圖1是本發(fā)明一種構造鏈式網頁方法的系統架構圖，本發(fā)明的系統包括如下部 分 101服務器數據庫模塊，用于接收102網頁控件箱發(fā)送的鏈式網頁描述文件，響應 瀏覽器發(fā)送的請求，并向瀏覽器返回所請求的鏈式網頁描述文件。 102網頁控件箱，是系統的控制中心，嵌入在瀏覽器中，包括但不限于103網頁控 制模塊、104基本功能模塊、105元素配置模塊、106事件模塊、107對象樹模塊；鏈式網頁描 述文件在網頁控件箱102和服務器數據庫模塊101之間傳輸的過程中，為了數據安全，通常 可以采用加密傳輸的方式，加密算法可以使用但不限于以下種類MD5/SHA1， DSA， DESede/ DES， Diffie-Hellman。同樣在網頁控件箱102和網頁元素控件模塊108之間進行通信時， 也可以采用加密方式進行通信，通信的方式包括控件箱調用網頁元素控件模塊函數，以及 網頁控件箱給網頁元素控件模塊108 (例如，JavaScript腳本程序)發(fā)送基于XML協議或 其它腳本擴展協議或自定義協議規(guī)范的鏈式網頁描述文件的控制信息，用于控制網頁元素 在網頁中的創(chuàng)建和生成。同樣網頁控件箱會響應網頁元素控件模塊創(chuàng)建返回的消息。值得 聲明的是，網頁控件箱中調用網頁控制模塊103和網頁元素控件模塊108之間的通信創(chuàng)建 網頁元素的過程和通過網頁播放模塊701調用網頁解析模塊702創(chuàng)建網頁元素的過程基本 相同，只是網頁播放模塊701不帶有網頁編輯功能，只負責通信功能以及相關協議轉換功 能，而網頁解析模塊702可以算是網頁控件模塊功能的縮減版，例如，在網頁控件模塊創(chuàng)建 好網頁后，網頁元素可以通過鼠標拖拽的方式繼續(xù)調整大小，繼續(xù)調整網頁元素的位置，而 網頁解析模塊在創(chuàng)建好網頁元素之后，網頁元素位置和大小基本固定， 一般情況下不允許 用戶調整和拖拽，以免網頁元素遮擋或變形。 本發(fā)明中的102網頁控件箱，為Flash控件或Java控件或JavaScript控件或 VBScript控件或ActiveX控件或瀏覽器內置控件模塊，用于控制構造網頁元素；具有可拖 動性，即用戶可以通過鼠標拖動網頁控件箱，將其放置于瀏覽器中的適當位置；同時用戶 還可以根據需要選擇網頁控件箱或控件箱的部分組件，例如，網頁元素的配置(config)窗 口、網頁元素樹形結構窗口，可見或隱藏，因此其具有可見性和隱藏性。對于7Q1網頁播放模塊，由于主要作用是通信和協議轉換，因此也可以是隱藏的，例如，將網頁播放模塊作為 一個透明的Flash組件放在網頁中，用來控制網頁協議模塊702工作，創(chuàng)建并控制網頁播放 以及和后臺服務器進行通信。 在整個系統架構中，可以把所有組件模塊按功能分為編輯模式和播放模式；在編
輯模式下，網頁控件箱模塊102負責所有網頁及網頁元素的編輯工作，并在內存中保存所
有網頁元素的信息，并且還負責記錄和控制網頁元素之間的通信和元素控制功能。在播放
模式下，網頁播放模塊則負責所有網頁元素之間的通信和元素控制功能。 在選擇構建網頁控件箱、網頁播放模塊、網頁元素控件模塊、網頁解析模塊時，通
常情況下，網頁控件箱和網頁播放模塊采用相同的編程語言，例如Flash的ActionScript
語言，而網頁元素控件模塊和網頁解析模塊采用相同的編程語言，例如JavaScript語言。
在選擇編程語言的時候，值得注意的是，由于網頁控件箱和網頁播放模塊需要和后臺服務
器頻繁通信，同時也要控制整個頁面，因此需要比較強大完備的語言體系，因此，可以選擇
ActiveX (Flash實際上是一個ActiveX,并且具有類Java的語言結構)、Java等功能強大
的語言；而網頁控件模塊和網頁解解模塊則可以使用JavaScript、 VBScript、 Java、 CGI、
Pear、 ActiveX等多種語言來支持。 102網頁控件箱通常包括以下部分或全部 A、網頁元素添加/刪除按鈕或菜單； B、保存按鈕或菜單、上一步操作按鈕或菜單、下一步操作按鈕或菜單；
C、網頁控件箱的基本設置信息以及網頁元素基本設置信息。 103網頁控制模塊，通過協議接口層與網頁元素控件模塊進行通信，用于編輯、控 制網頁元素。 104是102網頁控件箱中的基本功能模塊，用于編輯網頁元素的基本功能操作， 其中基本功能包括但不限于刪除創(chuàng)建的元素對象、撤銷前一步的操作、恢復前一步的操作 等. 用戶可以通過點選基本功能模塊中的控件，如先點選用戶已創(chuàng)建的網頁元素或在
對象樹中選擇網頁元素對象，然后點選基本功能模塊中的刪除控件，以刪除創(chuàng)建的網頁元
素；基本功能模塊中的撤銷控件，用于撤銷前一次的操作；基本功能模塊中的恢復控件，用
于恢復前一次撤銷的操作；基本功能模塊中的初設參數設置控件，用于設置網頁的初始參
數信息；基本功能模塊中的保存控件，用于對當前的設置信息進行保存等。 105元素配置模塊，用于對網頁控制模塊103和網頁元素控件模塊108創(chuàng)建的網頁
元素信息進行配置，通常配置的是創(chuàng)建的網頁元素對象的基本屬性信息。 106事件模塊，用于對網頁控制模塊103和網頁元素控件模塊108創(chuàng)建的網頁元素
的事件信息進行配置，即配置創(chuàng)建的網頁元素能夠響應的事件，以及所述事件激發(fā)時目標 元素對象所執(zhí)行的功能。 107對象樹模塊，是 一 種通過Flash控件或Java控件或JavaScript控件或 VBScript控件或ActiveX控件或瀏覽器內置控件生成的可視化窗口 ，以樹狀結構用于顯示 構造的網頁及網頁元素。 108網頁元素控件模塊，用于向網頁中添加元素的具體控件，包括但不限于文本控 件、圖片控件、音頻控件、視頻控件、表格控件等；
用戶可以通過選擇網頁控件模塊中的控件，編輯網頁內部元素，例如，用戶選擇網
頁控件模塊中的小網頁控件，然后在網頁中通過鼠標拖拽，創(chuàng)建具有一般網頁功能的小網
頁對象，這個小網頁完全繼承了現有的Web網頁的特性；此外，用戶還可以從網頁控件模塊
中選擇文本控件、圖片控件等，向創(chuàng)建的小網頁對象中添加文本信息和圖片信息。 值得注意的是，由于視頻模塊也可以是一個嵌入的Flash網頁播放器模塊，視頻
控件模塊也具備和網頁元素通過網頁控件模塊進行通信的能力。 109為網頁中的具體元素，這些網頁元素都可以通過網頁元素控件模塊進行控制， 包括框架元素和框架內元素，其包括不限于iFrame、 DIV、 Table、 Text、 Picture、 Flash、 Video等。 110協議接口層，用于使網頁控件箱模塊與服務器數據庫模塊之間進行通信連接， 在本發(fā)明的系統中，網頁控件箱中的相應控件與網頁元素之間的通信也是通過該協議接口 層實現。 102網頁控件箱中所述各模塊通過110協議接口與101服務器數據庫模塊相連。
103網頁控制模塊通過110協議接口控制108網頁元素控件模塊。
108網頁元素控件模塊還分別與109網頁元素和101服務器數據庫模塊相連。
在構造網頁過程中，系統內部各模塊間的通信流程如下 用戶瀏覽器模塊中加載102網頁控件箱模塊，網頁控件箱模塊中包括但不限于
基本功能模塊、網頁控制模塊、元素配置模塊、事件模塊和對象樹模塊；在實際應用中，用戶
可以根據需要，在網頁控件箱中添加相應模塊。本發(fā)明的網頁控件箱支持插件式功能擴展，
即用戶可以將其自己開發(fā)的功能模塊方便地置于本發(fā)明的網頁控件箱中，因此，本發(fā)明中
提到的網頁控件箱中的幾個功能模塊以及用戶嵌入到本發(fā)明網頁控件箱中的功能模塊，均
在本發(fā)明保護之列。 104基本功能模塊中還包含一些通用的控件，如刪除控件，用于刪除創(chuàng)建的網頁 元素或視頻元素；撤銷控件，用于撤銷前一次的操作；恢復控件，用于恢復前一次撤銷的操 作；初始參數設置控件，用于設置視頻或網頁的初始參數信息；保存控件，用于對當前的設
置信息進行保存等。 在實際應用中，用戶通過激活103網頁控制模塊，然后選擇108網頁控件模塊中的 控件來創(chuàng)建網頁元素。如果網頁控件箱中有視頻控制模塊，用戶還可以通過激活視頻控制 模塊，選擇視頻控件模塊中的控件來創(chuàng)建視頻內部元素；
本發(fā)明中的網頁元素包括 A、框架元素網頁中的Div、 iFrame、 Table和Flash控件或Java控件或 JavaScript控件或VBScript控件或ActiveX控件元素； B、框架內元素視頻、語音、動畫、圖片、文字；框架內元素中視頻元素中還可以包 括視頻內部元素；視頻內部元素又進一步包括但不限于視頻、語音、動畫、圖片、文字；
本發(fā)明中所提的網頁元素，可以通過鼠標或鼠標拖拽區(qū)域或網頁中某預先設定位 置，在網頁中進行添加。 創(chuàng)建完網頁元素后，用戶可以通過激活元素配置模塊或配置窗口，對創(chuàng)建的元素
進行基本信息配置和事件信息配置，以及元素之間的事件控制信息配置； 本發(fā)明在構造網頁元素過程中，采用的是一種對象結構，即通過網頁控件箱將網頁元素封裝到對象結構中，對象結構包括對象的基本操作和基本屬性、對象所觸發(fā)的事件、 對象觸發(fā)事件所對應的功能；并將描述網頁及網頁元素的文件封裝在一個XML或類腳本語 言結構中，生成鏈式網頁描述文件；鏈式網頁描述文件包含該網頁元素<屬性-事件-功能 >集合，用于描述該網頁元素現有屬性、觸發(fā)的事件、以及觸發(fā)事件后的功能或應用。
網頁控件箱創(chuàng)建的對象結構是具有層次的對象結構，及網頁對象中可以包含視 頻對象、動畫對象、文字對象、圖片對象；從網頁中容器概念上劃分，網頁對象可以劃分為 iFrame對象、Div對象、Table對象；并且，例如，視頻對象，內部還可以繼續(xù)包括動畫對象、 文字對象、圖片對象等。因此，網頁控件箱創(chuàng)建的視頻對象是具有層次關系的對象。
鏈式網頁描述文件采用可擴展標記語言或腳本語言， 一般不采用HTML語言；本專 利中構造網頁的方式和解析網頁的方式，均采用網頁解析器(及本發(fā)明中的網頁控件模塊 和網頁解析模塊)加網頁描述文件的模式完成。 鏈式網頁描述文件采用對象化的方式描述網頁元素，每一個網頁元素都是一個獨 立對象。其中對象化的網頁元素還包括網頁元素屬性、網頁元素事件，以及該事件所對應的 功能信息； 網頁元素對象的屬性包括但不限于 A.網頁中文本的字體屬性、運動方式、背景顏色、顯示方式、鏈接地址、文本框位置 信息； B、網頁中表格的大小、運動方式位置坐標、顏色、顯示方式、邊框信息、字體屬性；
C、網頁中圖片/動畫的大小、運動方式、位置坐標、透明度、顯示方式、超鏈接；
D、網頁中視頻的顯示大小、運動方式、展示區(qū)域位置坐標、循環(huán)播放、聲音、畫質清 晰度、視頻流暢度；網頁中音頻的播放屬性、音量屬性； E、網頁中視頻內部還可以進一步包含視頻內部元素視頻、音頻、動畫、圖片、文 字； 網頁中元素對象的響應事件包括但不限于 A、響應鼠標單擊事件； B、響應鼠標雙擊事件； C、響應鼠標左鍵按下事件； D、響應鼠標左鍵抬起事件； E、鼠標在對象之上事件； F、對象初始化事件； G、對象刪除事件； H、對象開始播放事件； 1、對象結束播放時間； J、播放器事件； K、播放器按鈕事件； L、播放器完成播放視頻事件 M、對象拖動事件。 圖2是用戶創(chuàng)建多個鏈式網頁示例圖。 下面以圖2為具體實例，進一步描述本發(fā)明構造鏈式網頁的方法及系統
用戶啟動瀏覽器，瀏覽器中加載本發(fā)明的網頁控件箱； 用戶點擊網頁控件箱中的網頁控制模塊，創(chuàng)建多個網頁，如網頁1 網頁n，創(chuàng)建 完畢后，在對象樹窗口中會生成如圖3所示的樹形結構，將產生多個根節(jié)點，并自動命名為 Page_l、 Page_2 Page_n，以及與每個Page相對應的Html_l、 Html_2 Html_n。然后用 戶激活創(chuàng)建的網頁，如網頁1或通過對象樹窗口選中Html_l ，此時，網頁1為當前激活網頁， 用戶可以點擊網頁元素控件模塊，從網頁元素控件模塊中選擇相應控件，例如用戶可以選 擇圖片控件，并通過鼠標拖拽的方式在網頁1中創(chuàng)建一個圖片對象。該圖片對象創(chuàng)建完畢 后，在對象樹窗口 Html_l根節(jié)點下面便會自動生成一個子節(jié)點，系統自動命名為Image_l。 用戶還可以選擇網頁元素控件模塊中的文本控件，在網頁1中通過鼠標拖拽添加一個文本 對象，添加完畢后，在對象樹窗口 Html_l根節(jié)點下面會自動生成一個子節(jié)點，系統自動命 名為Text_l。 同理，用戶可以根據需要，在網頁1中創(chuàng)建其他網頁元素對象，系統會根據用戶創(chuàng) 建的網頁元素的類型以及網頁元素創(chuàng)建的順序，自動地在對象樹窗口中為已創(chuàng)建的網頁元 素命名。如命名為Image_l、 Image_2、Text_l、Table_l、Video_l等。 創(chuàng)建完網頁l及網頁1中的網頁元素，用戶可以激活網頁2或網頁3或其他網頁， 然后在激活的網頁中通過上述方式創(chuàng)建相應網頁元素對象，創(chuàng)建完畢后，最終將在對象樹 窗口中生成一個如圖3所示的樹形網頁元素結構圖。圖中的Website表示一個總的節(jié)點， Website由多個Page頁面構成，用戶創(chuàng)建幾個網頁，則會自動生成幾個Page節(jié)點，并自動命
名為Page_l、 Page_2......Page_n。每一個網頁對應一個網頁標識Html， n個網頁則自動
生成Html_l、 Html_2......Html_n，在每個網頁中添加網頁元素后，則會在相應Html節(jié)點
下面自動生成對應的網頁元素子節(jié)點。 創(chuàng)建完網頁及網頁元素對象，用戶便可以對創(chuàng)建的網頁及網頁元素進行配置，以 及構造網頁之間的鏈式關系，其構造過程包括以下步驟 (1)激活網頁或在對象樹中選中網頁對象，在事件模塊中選擇所述網頁響應的事 件，并選擇所述事件激發(fā)時與所述網頁交互響應的目標網頁，進一步確定目標網頁響應所 述事件時執(zhí)行的功能； (2)激活網頁元素或在對象樹中選中網頁元素對象，在事件模塊中選擇所述網頁 元素響應的事件，并選擇所述事件激發(fā)時與所述網頁元素交互響應的目標網頁元素，進一 步確定目標網頁元素響應所述事件時執(zhí)行的功能。 例如，用戶選中對象樹窗口網頁1中的Image_l對象，然后可以在元素配置窗口中 對該對象的基本屬性信息進行設置，設置完畢后，如果用戶欲實現當點擊Image_l這個圖 片時，激發(fā)網頁2中的視頻播放器Video_2播放某一個視頻，則用戶可在事件窗口中進行設 置。具體步驟為用戶選中Image_l，在事件窗口中，選擇Image_l能夠響應的事件，如Click 事件，在目標下拉列表中選擇目標對象，即當Image_l被Click時，哪個目標對象進行相應 響應，此處選擇Video_2，然后在動作窗口中選擇相應的動作，如Play，最后在地址欄輸入 Video_2執(zhí)行Play時對應的視頻地址。配置完事件信息后，用戶可選擇基本功能模塊中的 保存按鈕，對編輯的網頁及網頁元素、網頁元素之間的鏈式交互關系進行保存，生成鏈式網 頁描述文件。 生成鏈式網頁描述文件的步驟如下
通過網頁控件箱將構造的網頁及網頁元素封裝到對象結構中，對象結構包括對象 的基本操作和基本屬性、對象所觸發(fā)的事件、對象觸發(fā)事件所對應的功能；并將其保存為鏈 式網頁描述文件； 其中鏈式網頁描述文件用于描述一個網頁及網頁中的元素，鏈式網頁描述文件封 裝在一個XML或類腳本語言結構中，鏈式網頁描述文件包含該網頁元素<屬性_事件_功 能>集合，用于描述該網頁元素現有屬性、觸發(fā)的事件、以及觸發(fā)事件后的功能或應用；
用戶創(chuàng)造的一個網頁對應一個鏈式網頁描述文件，每個鏈式網頁描述文件記述了 該網頁及網頁元素信息，同時也記述了該網頁與其他網頁或該網頁中的網頁元素與其他網 頁元素之間的交互關系； 網頁元素描述文件在通信傳輸的過程中使用加密或不加密的方式進行傳輸。
圖3是本發(fā)明對象樹結構示意圖。 圖3中的樹形結構在對象樹窗口中進行呈現，本發(fā)明中的對象樹模塊是一種通過 Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或瀏覽器內置 控件生成的可視化窗口，用于顯示用戶構造的網頁及網頁元素； 對象樹窗口在顯示構造的網頁及網頁元素時體現了一種層次關系，每一個網頁作 為一個根節(jié)點，網頁中的元素作為該網頁根節(jié)點的子節(jié)點； 如果一個網頁中又進一步添加了新的網頁，則系統將添加的新網頁視為一個子節(jié) 點；在具體應用過程中，用戶可以通過激活對象樹中的根節(jié)點或子節(jié)點，實現不同網頁及網 頁元素之間的靈活跳轉。 例如，用戶在構造網頁過程中，可以通過點擊Htmlj或Html—2，實現在網頁1和 網頁2之間的跳轉，也可以通過點擊具體的網頁元素子節(jié)點，如點擊Image_l或Text_3或 Video—4，實現對不同網頁及網頁元素進行快速編輯。尤其是，本發(fā)明通過對象樹，可以極其 方便地對不同網頁之間、不同網頁元素之間的交互控制關系進行編輯構造。通過對象樹窗 口，使用戶構造的網頁及網頁元素既有物理結構又有邏輯結構。 其中物理結構是指，每個網頁均在對象樹中生成一個根節(jié)點，網頁之間彼此獨立， 網頁元素在對象樹中作為網頁根節(jié)點的子節(jié)點，彼此之間也相互獨立； 其中邏輯結構是指，通過控件箱的配置，使網頁根節(jié)點之間、網頁元素子節(jié)點之 間，形成鏈式的交互控制關系，一個根節(jié)點上的網頁能夠控制另一個根節(jié)點上的網頁或響 應另一個根節(jié)點網頁激發(fā)的事件；一個子節(jié)點上的網頁元素也能夠控制另一個子節(jié)點上的 網頁元素或響應另一個子節(jié)點網頁元素激發(fā)的事件。 在實際應用過程中，用戶可以通過鼠標激活對象樹中的根節(jié)點或子節(jié)點，對當前 生成的鏈式網頁的物理結構進行修改。 用戶也可以通過鼠標激活對象樹中的根節(jié)點或子節(jié)點，在控件箱中對當前鏈式網 頁的邏輯結構進行修改。 圖4是本發(fā)明垂直結構鏈式網頁元素之間進行交互控制示意圖。
401和402是用戶通過本發(fā)明網頁控件箱構造的兩個網頁，命名為網頁l和網頁 2，在對象樹窗口中將自動生成HtmlJ和Html—2兩個根節(jié)點。假設用戶在網頁1中構造的 內容是有關馬賽的信息，如果瀏覽網頁1的用戶對馬賽感興趣，則可點擊相應鏈接，在另一 個網頁中播放有關馬賽的視頻片段。要實現這樣的功能，在現有的網頁開發(fā)模式下，需要通過編寫Html代碼來完成，或者借助Dreamwaver等開發(fā)工具來實現。如果構造網頁的用戶 是一個普通的用戶，既不會編寫Html代碼，又不會使用Dreamvaver，則這樣的功能便無法 實現。但是，本發(fā)明提供的構造鏈式網頁的方法及系統便可極大地方便廣大普通用戶，用戶 只需要打開瀏覽器，進入本系統平臺，便可在線編輯構造網頁。 用戶創(chuàng)建完網頁1和網頁2后，可以繼續(xù)通過網頁元素控件分別在網頁1中創(chuàng)建 一個文本對象、一個圖片對象，在網頁2中創(chuàng)建一個視頻對象。創(chuàng)建完畢后，在對象樹窗口 中分別生成403文本對象Text_l、404圖片對象Image_l和405視頻對象Video_2等子節(jié) 點。 選中403，在該文本框中輸入有關馬賽的相關信息，可以估算一下瀏覽該文本信息 的用戶大概需要多長時間，然后點擊事件窗口，選中Text_l響應的事件，如Timer事件，在 目標下拉列表中選擇Image_l， Image_l執(zhí)行的動作選擇Show,配置完畢后點擊保存。這一 事件過程要執(zhí)行的功能是，當用戶瀏覽該文本信息超過某一時間后，即用戶快要閱讀結束 時，則圖片404會出現在用戶面前。 選中404，然后在元素配置窗口中為404配置相關屬性信息，如圖片的大小、位置、 透明度等；點擊事件窗口，選擇Imagej，在響應的事件下拉列表中選擇Click，在目標下拉 列表中選擇Video_2，在Video_2執(zhí)行的動作下拉列表中選擇Open_Url，在地址欄輸入待播 放的馬賽的視頻地址，配置完畢點擊保存。這一事件過程將實現如下功能當瀏覽馬賽信息 的用戶快要閱讀完畢后，出現一個有關馬賽的圖片，該圖片提供了一個熱鏈接，如果用戶對 馬賽感興趣，可以點擊該圖片；當用戶點擊了圖片404后，便會在網頁2的視頻對象405中 播放某一個視頻，該視頻可以來源于其他視頻網站，也可以是用戶本地上傳的視頻。
用戶構造完網頁1、網頁2，并完成相應網頁元素的添加，以及配置完網頁元素之 間的鏈式交互關系后，點擊保存，網頁控件箱便會為每一個網頁自動生成一個鏈式網頁描 述文件，并將鏈式網頁描述文件發(fā)送至服務器，同時服務器為用戶編輯的第一個網頁自動 生成一個鏈接地址。用戶可以通過打開該鏈接地址查看編輯過的網頁，也可以將該鏈接地 址發(fā)布于網絡上。 當未授予編輯權的用戶打開該鏈接地址時，將沒有網頁控件箱編輯界面，僅能看 見網頁中有關馬賽的文本信息，閱讀快結束時，便會出現一個馬賽的圖片404，當點擊圖片 404后，便會打開一個網頁，播放馬賽的視頻。 由此可以看出，對于普通用戶而言，望而生畏的網頁編輯，通過本發(fā)明，用戶只需 要通過瀏覽器，通過鼠標拖拽、點選，便輕而易舉地完成，而且還能夠實現相對復雜的多個 網頁元素之間的交互控制響應。 圖5是本發(fā)明平行結構鏈式網頁元素之間進行交互控制示意圖。
501是用戶通過本發(fā)明網頁控件箱構造的一個網頁，命名為網頁l，在對象樹窗口 中將自動生成HtmlJ。假設在網頁1中構造的內容是有關教師與學生互動的網頁，A用戶 為教師，B用戶為學生，教師和學生初始時都瀏覽同一個網頁，他們所見到的網頁內容是相 同的，但是某一時刻，A用戶教師點擊網頁1中的公式圖標，則在B用戶學生的網頁彈出該 公式的具體內容，使教師和學生之間產生了互動。要實現這樣的功能，在現有的網頁開發(fā)模 式下，是無法實現的。但是，本發(fā)明提供的構造平行結構鏈式網頁的方法便可以較容易地實 現。
用戶創(chuàng)建完網頁1后，可以繼續(xù)通過網頁元素控件在網頁1中創(chuàng)建一個文本對象 或一個圖片對象，用于顯示公式圖標，然后點擊控件箱中的電腦圖標控件，構造另一個終 端，并將創(chuàng)建的HtmlJ以及其根節(jié)點下的所有子節(jié)點，通過鼠標拖拽的方式，移動到新建 的電腦圖標之下。此時，對象樹結構中會出現以下情形A電腦圖標下面有一個以HtmlJ為 根節(jié)點的對象樹，B電腦圖標下面也有一個以HtmlJ為根節(jié)點的對象樹。這表明，A用戶和 B用戶通過瀏覽器訪問Html_l時能夠看見相同的界面。 選中公式1圖片對象502，即Imagej，然后點擊事件窗口，選中Image_l響應的事 件，如在響應的事件下拉列表中選擇Click,在目標下拉列表中選擇B電腦圖標下的Text_l 文本對象，在Text_l執(zhí)行的動作下拉列表中選擇Show,配置完畢點擊保存。這一事件過程 將實現如下功能當A用戶教師閱讀完網頁相關內容后，出現一個公式的圖片，該圖片提供 了一個熱鏈接，A用戶點擊該圖片502后，則用戶B看見的網頁中便會彈出503文本對象， 用于顯示公式的具體內容，但是503無法由用戶B點擊彈出。 用戶構造完A用戶網頁1、B用戶網頁l，并完成相應網頁元素的添加，以及配置完 網頁元素之間的鏈式交互關系后，點擊保存，網頁控件箱便會為每一個網頁自動生成一個 鏈式網頁描述文件，并將鏈式網頁描述文件發(fā)送至服務器，同時服務器為用戶編輯的第一 個網頁自動生成一個鏈接地址。用戶可以通過打開該鏈接地址查看編輯過的網頁，也可以 將該鏈接地址發(fā)布于網絡上。 由此可以看出，上述實施例便可以用戶教師與學生互動的情形，一方面可用于教 師通過網頁與學生進行習題解答、講授知識；另一方面也可以用于考試、測驗等情形，教師 和學生面對同一張測試巻，但是教師可以控制學生頁面的一些網頁元素，以實現交互控制。
圖6為本發(fā)明XML鏈式網頁描述文件生成和保存過程圖。 用戶通過本發(fā)明的網頁控件箱創(chuàng)建網頁元素，構造網頁元素的屬性和事件信息 后，便可生成用于描述當前網頁及網頁元素的描述文件，然后通過網頁控件箱中的保存操 作，保存生成鏈式網頁描述文件； 本發(fā)明實施例，采用XML對創(chuàng)建的網頁及網頁元素進行描述，然后將鏈式網頁描 述文件保存至數據庫，具體操作過程如下 601為Flash控件箱保存操作，即用戶創(chuàng)建完網頁及網頁元素后，點擊Flash控件 箱中的保存按鈕，便會生成XML鏈式網頁描述文件； 生成XML網頁描述文件的過程，就是按照XML語法格式，對相應的字段預定義，然 后通過網頁內部的接口模塊，如Ajax或JavaScript程序，與網頁之間進行通信，將XML描 述的相應字段，通過網頁發(fā)送給服務器數據庫模塊；其中Aiax保證網頁數據傳輸時，網頁 自身不進行更新，帶給用戶更好的使用體驗。 603為網頁程序，即在實施例中JavaScript通過調用PHP程序和服務器數據庫模 塊進行通信，如Asp、 Jsp或Php等，603接收602發(fā)送的XML字段信息，然后603將接收到的 XML字段信息發(fā)送至604服務器數據庫模塊，并將XML字段信息保存至服務器數據庫模塊， 如果保存成功，則服務器數據庫模塊發(fā)送保存成功信息至603,603接收到服務器數據庫端 發(fā)送的保存成功信息后，將其發(fā)送至602網頁腳本程序模塊，通過JavaScript檢查PHP程 序602收到服務器保存成功的消息后，便會發(fā)送提示信息605，告知用戶當前網頁描述文件 已在服務器數據庫保存成功。
值得一提的是，網頁控件箱為每一個網頁及其網頁元素生成一個鏈式網頁描述文 件，在網頁播放過程中，通過解析每一個鏈式網頁描述文件，構造該網頁描述文件記述的網 頁元素，以及該網頁與其他網頁之間的交互關系。 圖7是本發(fā)明方法中通過網頁控件箱中的網頁控制模塊編輯網頁的架構圖，在本 發(fā)明的系統架構中，網頁控件箱可以直接集成于已有瀏覽器中，也可以將其置于101服務 器端，當用戶啟動瀏覽器時，再將102網頁控件箱從101服務器端獲取到；
瀏覽器端成功加載網頁控件箱后，用戶便可點擊其中的網頁控制模塊，進而選擇 701中的網頁控件，構造網頁元素； 701網頁控件通過JS構造的網頁元素包括702的框架元素，如DIV、 iFrame、Table 等，還能夠構造703的框架內元素，如圖片、文字等； 701網頁控件通過JS還能夠構造704Flash對象，以及705視頻、語音等； 構造完成上述元素后，再通過元素配置模塊對構造的網頁元素信息進行配置，然
后通過事件模塊構造網頁元素之間的鏈式交互控制關系，最終將上述內容生成鏈式網頁描
述文件，最終通過102網頁控件箱將該鏈式網頁描述文件保存至服務器數據庫。 圖8是本發(fā)明方法中播放網頁架構圖，即用戶構造完網頁并將鏈式網頁描述文件
存儲至服務器數據庫后，當用戶瀏覽器向ioi服務器發(fā)起該網頁的請求后，瀏覽器端能夠
播放該事先構造的網頁，具體實現過程為 用戶瀏覽器中嵌入或加載801網頁播放模塊，該網頁播放模塊內嵌于網頁控件箱 中，本發(fā)明中網頁播放模塊為Flash控件或Java控件或JavaScript控件或VBScript控件 或ActiveX控件或瀏覽器內置控件模塊；該網頁播放模塊具有可見性和隱藏性，即可以預 設用戶對該播放模塊可見或不可見。如果采用Flash文件作為網頁播放模塊，則如果網頁 中需要內嵌Flash播放器(例如可以播放視音頻文件或流文件)或其它Flash程序，則可 以把網頁播放模塊放在Flash播放器中，作為一個獨立模塊來播放網頁元素，控制網頁元 素行為，并且可以協助完成網頁元素之間的通信以及網頁元素和后臺數據庫的通信。如果 網頁中沒有內嵌Flash播放器或需要可見的Flash程序，則可以將Flash的網頁播放模塊 做成透明不可見的模塊放在網頁中，只負責網頁元素通信和網頁元素控制，即在這種情況 下用戶打開網頁不會看見網頁播放模塊實體，即網頁播放器是隱藏的。
其中網頁元素和網頁元素之間的通信過程可以表示為 如在網頁中內嵌JavaScript程序，采用PHP構架，采用Flash作為網頁播放器，則 網頁元素之間的通信可以理解為用戶在網頁中產生了操作事件，JavaScript程序感知操 作事件，并把感知事件返回給Flash網頁播放模塊，網頁播放模塊處理事件，并把需要執(zhí)行 功能應用再發(fā)給JavaScript程序，JavaScript再執(zhí)行網頁元素操作。 IOI服務器數據庫模塊，用于接收瀏覽器發(fā)送的網頁請求，并向瀏覽器返回所請求 的鏈式網頁描述文件； 801網頁播放模塊，嵌入在網頁控件箱中，用于與服務器數據庫模塊進行通信，向 服務器數據庫模塊發(fā)送請求鏈式網頁描述文件、接收服務器數據庫返回的鏈式網頁描述文 件； 802網頁解析模塊，嵌入在網頁控件箱中，不具有可見性，與網頁播放模塊相連，用 于接收網頁播放模塊發(fā)送的指令，并解析網頁描述文件；
15
瀏覽器加載網頁播放模塊和網頁解析模塊，生成按預先編輯網頁元素的內容和位
置，創(chuàng)建對象并監(jiān)聽事件，如果事件觸發(fā)，則執(zhí)行該事件所對應的功能；如果事件沒有觸發(fā)，
網頁播放模塊繼續(xù)監(jiān)聽。事件觸發(fā)時執(zhí)行事件對應的功能包括但不限于 添加新的網頁元素； 刪除舊的網頁元素； 改變網頁元素屬性； 打開/關閉本地或網絡URL地址文件； 打開/關閉本地或網絡地址設備或程序；
和外部程序或設備進行通信。 網頁解析模塊用于解析網頁描述文件，包括構造出框架元素和框架內元素； 框架元素包括網頁中的Div、 iFrame、 Table和Flash控件或Java控件或
JavaScript控件或VBScript控件或ActiveX控件元素； 框架內元素包括視頻、語音、動畫、圖片、文字； 構造元素響應的事件包括激活的事件和監(jiān)聽的事件。 本發(fā)明通過具體實施例進行說明，本領域技術人員應當明白，在不脫離本發(fā)明范 圍的情況下，還可以對本發(fā)明進行各種變換及等同替代。另外，針對特定情形或具體情況， 可以對本發(fā)明做各種修改，而不脫離本發(fā)明的范圍。因此，本發(fā)明不局限于所公開的具體實 施例，而應當包括落入本發(fā)明權利要求范圍內的全部實施方式。
權利要求
一種構造鏈式網頁的方法，其特征在于，包括以下步驟編輯步驟瀏覽器中加載網頁控件箱模塊，選取并激活控件箱中網頁控制模塊，構造垂直結構鏈式網頁或平行結構鏈式網頁；構造垂直結構鏈式網頁中的元素或平行結構鏈式網頁中的元素；構造垂直結構鏈式網頁中元素之間的交互關系或平行結構鏈式網頁中元素之間的交互關系；將構造的垂直結構鏈式網頁及網頁元素之間的交互關系或平行結構鏈式網頁及網頁元素之間的交互關系通過鏈式網頁描述文件進行描述，并保存至服務器數據庫；播放過程瀏覽器中加載控件箱模塊，控件箱內嵌鏈式網頁播放模塊并和服務器數據庫模塊進行通信，獲取鏈式網頁描述文件，并解析鏈式網頁描述文件，按預先編輯網頁元素的內容和位置，構造出全部網頁元素，創(chuàng)建垂直結構鏈式網頁或平行結構鏈式網頁。
2. 如權利要求1所述一種構造鏈式網頁的方法，其特征在于所述垂直結構鏈式網頁是指同屬于一個網站的多個網頁，所述多個網頁之間具有鏈式 交互控制關系；所述平行結構鏈式網頁是指同一個網頁，不同用戶同一時間瀏覽所述網頁時，彼此之 間具有鏈式交互控制關系；所述鏈式交互控制關系是指網頁元素與網頁元素之間能夠彼此進行交互控制。
3. 如權利要求1所述一種構造鏈式網頁的方法，其特征在于，所述構造垂直結構鏈式 網頁或平行結構鏈式網頁的過程包括以下步驟瀏覽器中加載網頁控件箱模塊，選取并激活控件箱中網頁控制模塊，動態(tài)構造一個或 多個網頁；激活對象樹中所述構造的網頁對象，選取控件箱中的網頁元素控件，在所述構造的網 頁中，通過鼠標拖拽構造網頁元素；激活對象樹中所述構造的網頁元素，通過控件箱配置網頁之間、網頁元素與網頁元素 之間的交互關系，使所構造的網頁以及網頁元素之間形成鏈式交互控制關系；將所構造的網頁以及網頁元素之間的鏈式交互控制關系通過鏈式網頁描述文件進行 描述，并將所述鏈式網頁描述文件保存到服務器數據庫模塊。
4. 如權利要求1所述，一種構造鏈式網頁的方法，其特征在于所述對象樹是一種通過Flash控件或Java控件或JavaScript控件或VBScript控件 或ActiveX控件或瀏覽器內置控件生成的可視化窗口 ，用于顯示構造的網頁及網頁元素；所述對象樹窗口在顯示構造的網頁及網頁元素時體現了一種層次關系，每一個網頁作 為一個根節(jié)點，網頁中的元素作為所述網頁根節(jié)點的子節(jié)點；如果一個網頁中又進一步添加了新的網頁，則將所述添加的新網頁視為一個子節(jié)點； 通過激活對象樹中的根節(jié)點或子節(jié)點，實現不同網頁及網頁元素之間的靈活跳轉。
5. 如權利要求1或2所述，一種構造鏈式網頁的方法，其特征在于，所述通過鼠標拖拽 構造網頁或網頁元素的過程還包括以下步驟通過鼠標拖拽構造一個網頁后，對象樹窗口中會自動生成一個網頁根節(jié)點，所述根節(jié)點通過網頁標簽和網頁序號進行命名；如果構造多個網頁，則對象樹中會自動生成多個網 頁根節(jié)點；激活構造的網頁或在對象樹中選中相應的網頁對象，通過鼠標拖拽在所述網頁中構造 網頁元素，然后對象樹窗口中便會在所述網頁根節(jié)點下自動生成所述網頁元素子節(jié)點；所 述網頁元素子節(jié)點通過網頁元素標記進行命名；如果構造多個網頁元素，則在網頁根節(jié)點 下自動生成多個網頁元素子節(jié)點。
6. 如權利要求1所述，一種構造鏈式網頁的方法，其特征在于，所述通過控件箱配置網 頁之間、網頁元素之間的交互關系還包括以下步驟激活網頁或在對象樹中選中網頁對象，在事件模塊中選擇所述網頁響應的事件，并選 擇所述事件激發(fā)時與所述網頁交互響應的目標網頁，進一步確定目標網頁響應所述事件時 執(zhí)行的功能；激活網頁元素或在對象樹中選中網頁元素對象，在事件模塊中選擇所述網頁元素響應 的事件，并選擇所述事件激發(fā)時與所述網頁元素交互響應的目標網頁元素，進一步確定目 標網頁元素響應所述事件時執(zhí)行的功能。
7. —種生成鏈式網頁描述文件的方法，其特征在于，包括以下步驟通過網頁控件箱將構造的網頁及網頁元素封裝到對象結構中，對象結構包括對象的基 本操作和基本屬性、對象所觸發(fā)的事件、對象觸發(fā)事件所對應的功能；并將其保存為鏈式網 頁描述文件；所述鏈式網頁描述文件用于描述一個網頁及網頁中的元素，鏈式網頁描述文件封裝在 一個XML或類腳本語言結構中，鏈式網頁描述文件包含該網頁元素〈屬性_事件_功能> 集合，用于描述該網頁元素現有屬性、觸發(fā)的事件、以及觸發(fā)事件后的功能或應用；一個網頁對應一個鏈式網頁描述文件，每個鏈式網頁描述文件記述了所述網頁及網頁 元素信息，同時也記述了所述網頁與其他網頁或所述網頁元素與其他網頁元素之間的交互 關系；所述網頁元素描述文件在通信傳輸的過程中使用加密或不加密的方式進行傳輸。
8. —種鏈式網頁結構，其特征在于，包括物理結構和邏輯結構；所述物理結構是指，每個網頁均在對象樹中生成一個根節(jié)點，網頁之間彼此獨立，網頁 元素在對象樹中作為網頁根節(jié)點的子節(jié)點，彼此之間也相互獨立；所述邏輯結構是指，通過控件箱的配置，使網頁根節(jié)點之間、網頁元素子節(jié)點之間，形 成鏈式的交互控制關系，一個根節(jié)點上的網頁能夠控制另一個根節(jié)點上的網頁或響應另一 個根節(jié)點網頁激發(fā)的事件；一個子節(jié)點上的網頁元素也能夠控制另一個子節(jié)點上的網頁元 素或響應另一個子節(jié)點網頁元素激發(fā)的事件；通過鼠標激活所述根節(jié)點或子節(jié)點，對所述鏈式網頁結構的物理結構進行修改；通過鼠標激活所述根節(jié)點或子節(jié)點，在控件箱中對所述鏈式網頁結構的邏輯結構進行 修改。
9. 一種構造鏈式網頁的系統，其特征在于，包括以下模塊A.服務器數據庫模塊，用于接收網頁控件箱模塊發(fā)送的鏈式網頁描述文件，響應瀏 覽器發(fā)送的請求，并向瀏覽器返回所請求的鏈式網頁描述文件；在應用中網頁控件箱調用 PHP或JSP或ASP程序，操作數據庫；B. 網頁控件箱，是系統的控制中心，嵌入在瀏覽器中，包括但不限于基本功能模塊、網 頁控制模塊、元素配置模塊、對象樹模塊和事件模塊；基本功能模塊，用于實現視頻內部元素和網頁元素的基本功能操作，所述基本功能包 括但不限于刪除創(chuàng)建的元素對象、撤銷、上一步操作、下一步操作、控件箱中元素的默認設 置信息；網頁控制模塊，用于編輯、控制網頁元素；和網頁元素控件模塊進行通信；和瀏覽器中 PHP或JSP或ASP程序文件進行通信，通過PHP或JSP或ASP操作數據庫；元素配置模塊，用于配置網頁元素之間的屬性信息，包括配置各網頁元素的默認設置；對象樹模塊，是一種通過Flash控件或Java控件或JavaScript控件或VBScript控件 或ActiveX控件或瀏覽器內置控件生成的可視化窗口 ，用于顯示構造的網頁及網頁元素；事件模塊，用于配置網頁及網頁元素響應的事件信息，以及事件激發(fā)時，目標對象對所 述事件做出的響應和執(zhí)行的功能，所述目標對象是指其他網頁或網頁元素；C. 網頁控件模塊，JavaScript或VBScript或Java或ActiveX或瀏覽器內建解析器模 塊，用于解析并繪制網頁控件箱中選擇的網頁元素；所述網頁控件模塊作為程序嵌入到網 頁代碼中，實時感應網頁中事件，并響應事件；網頁控件模塊作為XML的解析器功能，并能 夠和網頁控件箱網頁控制模塊進行通信；D. 瀏覽器模塊，用于加載網頁控件箱模塊、承載創(chuàng)建網頁元素。
10.如權利要求9所述一種構造鏈式網頁的系統，其特征在于瀏覽器模塊中加載網頁控件箱，網頁控件箱中包括但不限于基本功能模塊、網頁控制 模塊、元素配置模塊、對象樹模塊和事件模塊；通過激活網頁控制模塊，選擇網頁元素控件來創(chuàng)建網頁元素； 通過激活元素配置模塊，對所述創(chuàng)建的元素進行基本信息配置；激活對象樹中網頁或網頁元素對象，通過事件模塊，配置網頁之間、網頁元素之間的事 件控制信息；將構造的網頁及網頁元素以及事件等信息保存為鏈式網頁描述文件，并保存至服務器 數據庫模塊；網頁控件箱中所述網頁控制模塊通過協議接口并調用網頁PHP或JSP或ASP程序與服 務器數據庫模塊相連；所述網頁控制模塊通過協議接口和網頁元素控件模塊相連，通過網頁元素控件模塊解 析網頁控制模塊創(chuàng)建的鏈式網頁描述文件，創(chuàng)建網頁元素；所述網頁控件模塊作為程序模塊內嵌于網頁中，通過調用PHP或JSP或ASP和服務器 數據庫模塊相連；并且網頁控件模塊和網頁控件箱直接通過函數調用進行通信。
全文摘要
本發(fā)明公開了一種構造鏈式網頁的方法，包括瀏覽器中加載網頁控件箱模塊，通過鼠標拖拽動態(tài)構造一個或多個網頁；激活對象樹中構造的網頁及網頁元素對象，通過控件箱配置網頁之間、網頁元素與網頁元素之間的交互關系，使所構造的網頁以及網頁元素之間形成鏈式交互響應；將所構造的網頁以及網頁元素之間的鏈式交互關系通過鏈式網頁描述文件進行描述，并將所述鏈式網頁描述文件保存到服務器數據庫模塊；本發(fā)明還公開了一種編輯和播放網頁的系統。本發(fā)明的有益效果在于用戶可以通過鼠標點擊、拖拽、所見即所得的構造鏈式網頁，無需任何編碼，僅通過瀏覽器加載本發(fā)明的控件箱，即可構造網頁，并構造不同網頁元素之間的鏈式交互控制關系。
文檔編號G06F17/30GK101697156SQ20091015322
公開日2010年4月21日 申請日期2009年10月29日 優(yōu)先權日2009年10月29日
發(fā)明者孟智平, 郭海鋒 申請人:孟智平;