專利名稱：一種分布式構(gòu)建網(wǎng)頁(yè)的系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及網(wǎng)絡(luò)傳輸技術(shù)，尤其涉及一種分布式構(gòu)建網(wǎng)頁(yè)的系統(tǒng)。
背景技術(shù)：
隨著互聯(lián)網(wǎng)的不斷發(fā)展，為了提高互聯(lián)網(wǎng)應(yīng)用中數(shù)據(jù)處理速度以及滿足數(shù)據(jù)量越來(lái)越大的要求，很多大型網(wǎng)站逐步采用了分布式的網(wǎng)絡(luò)結(jié)構(gòu)，以實(shí)現(xiàn)負(fù)載的均衡。所述分布式的結(jié)構(gòu)，是指使用多個(gè)同樣角色的服務(wù)器做前臺(tái)的TOB服務(wù)，這種結(jié)構(gòu)大大方便了服務(wù)的分布規(guī)劃和擴(kuò)展性。但是，在現(xiàn)有技術(shù)中，還僅限于通過分布式結(jié)構(gòu)提高網(wǎng)絡(luò)訪問的性能，即以分布式網(wǎng)絡(luò)結(jié)構(gòu)替代集中式網(wǎng)絡(luò)結(jié)構(gòu)，從而提高WEB服務(wù)器的響應(yīng)速度，為用戶提供更好的訪問WEB網(wǎng)站的服務(wù)感受。CNlOl 163046A公開了一種分布式網(wǎng)站日志數(shù)據(jù)采集方法和分布式網(wǎng)站系統(tǒng)，主要是提供了一種分布式網(wǎng)站日志數(shù)據(jù)采集方法和分布式網(wǎng)站系統(tǒng)，其目的是降低網(wǎng)絡(luò)日志數(shù)據(jù)統(tǒng)計(jì)的復(fù)雜度，并且提高分布式網(wǎng)站的可擴(kuò)展性。該發(fā)明能夠減小集中處理服務(wù)器的工作負(fù)荷，使WEB服務(wù)器具有較高的安全性。雖然，目前網(wǎng)站優(yōu)化已趨于分布式架構(gòu)，但是就網(wǎng)站的網(wǎng)頁(yè)開發(fā)而言，目前依然局限于服務(wù)器端，網(wǎng)站的結(jié)構(gòu)一旦確定，便不會(huì)輕易改變，網(wǎng)站的開發(fā)人員便在既定的網(wǎng)站結(jié)構(gòu)下開發(fā)相應(yīng)模塊的網(wǎng)頁(yè)以及更新網(wǎng)頁(yè)內(nèi)容。因此，現(xiàn)有網(wǎng)站中的網(wǎng)頁(yè)，基本上在服務(wù)器端不主動(dòng)更新情況下，頁(yè)面內(nèi)容通常不變。因此，需要一種網(wǎng)站及網(wǎng)頁(yè)開發(fā)技術(shù)，可以分布式對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行開發(fā)，即在開發(fā)過程中可以將網(wǎng)頁(yè)進(jìn)行區(qū)域分割，每個(gè)區(qū)域授予一個(gè)或幾個(gè)開發(fā)者進(jìn)行開發(fā)，這樣便可以提高網(wǎng)站及網(wǎng)頁(yè)開發(fā)的效率。此外，對(duì)于一般用戶而言，可能只關(guān)心網(wǎng)站中某一部分內(nèi)容，甚至有些用戶還希望能過濾掉一些不好的或不感興趣的內(nèi)容。對(duì)于有些內(nèi)容，用戶可能只希望看到簡(jiǎn)要信息或提取的部分信息。并且由于內(nèi)容提取后，要重新排列形成新的美觀的或用戶希望格式的網(wǎng)頁(yè)，同時(shí)需要調(diào)整各部分內(nèi)容的顯示方式、大小等屬性。但是這些操作功能是現(xiàn)有網(wǎng)頁(yè)、瀏覽器和服務(wù)器沒有實(shí)現(xiàn)的。iGoogle是Google提供的一項(xiàng)服務(wù)。該服務(wù)可以讓使用者按照個(gè)人的喜好方便地定制和整合不同來(lái)源的信息，使之成為個(gè)性化的門戶。該服務(wù)的實(shí)現(xiàn)主要是借鑒了門戶 (Portal)與門戶塊(Portlet)思想一個(gè)完整的門戶頁(yè)面由用戶定制的門戶塊構(gòu)成。用戶通過訪問一個(gè)聚合了不同信息來(lái)源的門戶頁(yè)面，避免了多次訪問的麻煩；個(gè)性化的定制選擇，為用戶提供按需實(shí)現(xiàn)的“一站式”服務(wù)。通過iGoogle提供的個(gè)性化主頁(yè)，用戶可以使用這個(gè)頁(yè)面訪問一些小應(yīng)用程序以及RSS聚合，它可以成為用戶訪問網(wǎng)絡(luò)的入口。目前，雅虎、美國(guó)在線和微軟MSN也都提供有類似的服務(wù)，而且近些年來(lái)，社交網(wǎng)站!^acebook和MySpace也大有替代傳統(tǒng)門戶成為新的網(wǎng)絡(luò)入口的趨勢(shì)。
但是iGoogle提供的個(gè)性化主頁(yè)需要在服務(wù)器端擁有豐富的內(nèi)容資源，用戶通過登錄服務(wù)器端選擇相應(yīng)內(nèi)容，從而生成個(gè)性化主頁(yè)。其缺點(diǎn)在于(1)用戶只能選擇服務(wù)器端提供的已有內(nèi)容資源，如果服務(wù)器端沒有提供，則無(wú)法生成用戶想要的頁(yè)面；(2)只能整合Google網(wǎng)站的相關(guān)產(chǎn)品，無(wú)法集成用戶感興趣的其他網(wǎng)站的產(chǎn)品；(3)畫布視圖的大小及形狀無(wú)法調(diào)整。

發(fā)明內(nèi)容
本發(fā)明實(shí)施例要解決的問題是提供一種分布式構(gòu)建網(wǎng)頁(yè)的系統(tǒng)，以解決現(xiàn)有技術(shù)中網(wǎng)站及網(wǎng)頁(yè)開發(fā)效率低下的問題。為了實(shí)現(xiàn)上述目的，本發(fā)明的實(shí)施例提供了一種分布式構(gòu)建網(wǎng)頁(yè)的系統(tǒng)，包括以下步驟按照劃分原則，將待創(chuàng)建的網(wǎng)頁(yè)劃分成多個(gè)區(qū)域塊，每一個(gè)區(qū)域塊為所述創(chuàng)建的網(wǎng)頁(yè)的一部分，且具有所述網(wǎng)頁(yè)的一切特性；瀏覽器打開所述創(chuàng)建的網(wǎng)頁(yè)，加載ActiveX ；ActiveX包含網(wǎng)頁(yè)控件箱，網(wǎng)頁(yè)控件箱包含編輯構(gòu)造網(wǎng)頁(yè)元素的控件；網(wǎng)頁(yè)控件箱中的控件，用于在所述網(wǎng)頁(yè)中，在授權(quán)的一個(gè)或多個(gè)區(qū)域塊中直接創(chuàng)建網(wǎng)頁(yè)元素對(duì)象以及刪除所述對(duì)象，或通過網(wǎng)頁(yè)控件箱編輯網(wǎng)頁(yè)中元素對(duì)象的屬性、方法和響應(yīng)的事件；網(wǎng)頁(yè)控件箱將其編輯、創(chuàng)建的區(qū)域塊中的網(wǎng)頁(yè)元素，生成區(qū)域資源描述文件，并發(fā)送至服務(wù)器數(shù)據(jù)庫(kù)；服務(wù)器數(shù)據(jù)庫(kù)端將不同的區(qū)域資源描述文件進(jìn)行整合，生成一個(gè)完整的網(wǎng)頁(yè)資源描述文件；所述資源描述文件通過XML標(biāo)記語(yǔ)言進(jìn)行描述；當(dāng)服務(wù)器數(shù)據(jù)庫(kù)模塊接收瀏覽器發(fā)送的TOB請(qǐng)求后，向?yàn)g覽器中的網(wǎng)頁(yè)控件箱返回網(wǎng)頁(yè)資源描述文件；如果當(dāng)前請(qǐng)求的網(wǎng)頁(yè)中某一個(gè)或幾個(gè)區(qū)域塊正被編輯，則服務(wù)器數(shù)據(jù)庫(kù)返回?cái)?shù)據(jù)庫(kù)中存儲(chǔ)的最后一次完整的網(wǎng)頁(yè)資源描述文件；網(wǎng)頁(yè)控件箱解析服務(wù)器返回的網(wǎng)頁(yè)資源描述文件后，與網(wǎng)頁(yè)組件模塊進(jìn)行通信， 并發(fā)送指令；網(wǎng)頁(yè)組件模塊接收指令，根據(jù)解析的網(wǎng)頁(yè)資源描述文件中描述的元素對(duì)象的屬性、方法和事件信息，動(dòng)態(tài)生成網(wǎng)頁(yè)。所述區(qū)域塊是一個(gè)完整網(wǎng)頁(yè)的一部分，各區(qū)域塊之間彼此獨(dú)立，在網(wǎng)頁(yè)設(shè)計(jì)初期， 將網(wǎng)頁(yè)劃分為多個(gè)區(qū)域塊，劃分完成后，確定網(wǎng)頁(yè)及區(qū)域塊的劃分信息，所述劃分信息包括但不限于網(wǎng)頁(yè)的大小、區(qū)域塊的個(gè)數(shù)、各區(qū)域塊的位置信息、大小信息、功能信息等；所述ActiveX包括但不限于Flash控件；所述ActiveX在網(wǎng)頁(yè)中可見；所述網(wǎng)頁(yè)控件箱是指通過ActiveX技術(shù)創(chuàng)建的控件集合，用于選取和/或編輯網(wǎng)頁(yè)或視頻；所述網(wǎng)頁(yè)控件箱中的控件是指集成于Flash中，用于操控網(wǎng)頁(yè)的圖形化工具。本發(fā)明的有益效果是在于
(1)通過本發(fā)明提供的網(wǎng)頁(yè)控件箱，用戶能夠根據(jù)喜好和當(dāng)前需要，非常容易的構(gòu)造網(wǎng)頁(yè)；(2)用戶還可以通過本發(fā)明提供的網(wǎng)頁(yè)控件箱，對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行編輯控制；(3)通過本發(fā)明提供的方法及系統(tǒng)，可以實(shí)現(xiàn)多個(gè)用戶分布式開發(fā)網(wǎng)站或網(wǎng)頁(yè)，大大提高現(xiàn)有網(wǎng)站、網(wǎng)頁(yè)的開發(fā)效率。


圖1是本發(fā)明一種分布式構(gòu)造和生成網(wǎng)頁(yè)方法的系統(tǒng)架構(gòu)圖；圖2本發(fā)明分布式構(gòu)造網(wǎng)頁(yè)方法的流程圖；圖3是本發(fā)明的分布式網(wǎng)頁(yè)開發(fā)模式圖；圖4是本發(fā)明中網(wǎng)頁(yè)控件箱與創(chuàng)建的對(duì)象之間的通信過程圖。
具體實(shí)施例方式本發(fā)明的優(yōu)選實(shí)施例將待開發(fā)的網(wǎng)頁(yè)按照一定的原則劃分為不同的區(qū)域塊，然后將不同的區(qū)域塊授權(quán)給不同的開發(fā)者，這些開發(fā)者在進(jìn)行網(wǎng)頁(yè)開發(fā)時(shí)可以分布式進(jìn)行，但是只能對(duì)被授權(quán)的區(qū)域進(jìn)行開發(fā)。在授權(quán)的區(qū)域塊內(nèi)，開發(fā)者在構(gòu)造、開發(fā)所述區(qū)域網(wǎng)頁(yè)內(nèi)容的過程中，通過使用本發(fā)明提供的網(wǎng)頁(yè)控件箱，能夠非常方便地創(chuàng)建網(wǎng)頁(yè)元素對(duì)象，編輯網(wǎng)頁(yè)元素對(duì)象的屬性、方法和事件等。本發(fā)明提供的網(wǎng)頁(yè)控件箱是指嵌入到瀏覽器中的 ActiveX,ActiveX中包含F(xiàn)lash，由Flash創(chuàng)建成本發(fā)明的網(wǎng)頁(yè)控件箱。網(wǎng)頁(yè)控件箱中包括但不限于通用組件、網(wǎng)頁(yè)組件、視頻組件。各組件中包含多個(gè)控件，每個(gè)控件能完成一定的功能，以便于用戶操作。本發(fā)明中提出的劃分原則包括但不限于以下幾種(1)按照所述區(qū)域塊的職能劃分，把構(gòu)造的網(wǎng)頁(yè)根據(jù)欲實(shí)現(xiàn)的不同職能劃分為不同的區(qū)域塊，每一個(gè)區(qū)域塊負(fù)責(zé)一項(xiàng)職能；(2)按照內(nèi)容類別進(jìn)行劃分，把構(gòu)造的網(wǎng)頁(yè)根據(jù)內(nèi)容不同進(jìn)行分類，例如劃分為新聞區(qū)域塊、娛樂區(qū)域塊、即時(shí)信息區(qū)域塊等。在具體實(shí)施過程中，本發(fā)明采用ActiveX技術(shù)，創(chuàng)建了網(wǎng)頁(yè)控件箱，利用網(wǎng)頁(yè)控件箱中的相關(guān)控件，用戶可以根據(jù)喜好，實(shí)現(xiàn)將來(lái)源不同的網(wǎng)頁(yè)資源集成于同一網(wǎng)頁(yè)容器內(nèi)， 同時(shí)還可以利用控件箱中的控件生成和編輯相關(guān)網(wǎng)頁(yè)和視頻對(duì)象。圖1是本發(fā)明一種分布式構(gòu)造和生成網(wǎng)頁(yè)方法的系統(tǒng)架構(gòu)圖，本發(fā)明的系統(tǒng)包括如下部分101服務(wù)器數(shù)據(jù)庫(kù)模塊，用于接收103網(wǎng)頁(yè)控件箱發(fā)送的描述網(wǎng)頁(yè)中的視頻信息和描述網(wǎng)頁(yè)元素內(nèi)容的資源描述文件，響應(yīng)102瀏覽器A、106瀏覽器B發(fā)送的請(qǐng)求，并向?yàn)g覽器返回所請(qǐng)求的資源描述文件；103網(wǎng)頁(yè)控件箱，是本發(fā)明系統(tǒng)的控制中心，嵌入在瀏覽器中，建立視頻、網(wǎng)頁(yè)與服務(wù)器之間的通信連接，操控網(wǎng)頁(yè)及其元素對(duì)象，由多個(gè)組件模塊構(gòu)成，每一個(gè)組件模塊中包含多個(gè)控件；同時(shí)，103網(wǎng)頁(yè)控件箱中還包括解析資源描述文件模塊，用于接收101服務(wù)器返回的資源描述文件，并根據(jù)資源描述文件描述的對(duì)象的信息，編輯或創(chuàng)建所述對(duì)象，包括對(duì)象的屬性信息、對(duì)象響應(yīng)的事件信息等。103網(wǎng)頁(yè)控件箱是本發(fā)明通過ActiveX技術(shù)創(chuàng)建的控件集合，用于選取或編輯網(wǎng)頁(yè)及網(wǎng)頁(yè)中的視頻；網(wǎng)頁(yè)控件箱中的控件是指集成于 Flash中，用于操控視頻、網(wǎng)頁(yè)的圖形化工具；資源描述文件包括但不限于視頻資源描述文件、網(wǎng)頁(yè)資源描述文件。104網(wǎng)頁(yè)組件模塊，包括多個(gè)處理網(wǎng)頁(yè)相關(guān)內(nèi)容的控件，用于編輯、創(chuàng)建網(wǎng)頁(yè)內(nèi)部元素對(duì)象，為網(wǎng)頁(yè)內(nèi)部元素對(duì)象添加響應(yīng)事件；105為區(qū)域塊A中網(wǎng)頁(yè)的具體元素，包括但不限于iFrame、DIV、Table、Text、 Picture、Flash、Video 等；107為區(qū)域塊B中網(wǎng)頁(yè)的具體元素，包括但不限于iFrame、DIV、Table、Text、 Picture、Flash、Video 等。本系統(tǒng)所給圖例中，僅給出了簡(jiǎn)單的兩個(gè)開發(fā)者分布式開發(fā)兩個(gè)區(qū)域塊網(wǎng)頁(yè)的情形，在實(shí)際的操作中，一個(gè)網(wǎng)頁(yè)可以劃分成N各區(qū)域塊，最多可有N個(gè)被授權(quán)的開發(fā)者同時(shí)進(jìn)行開發(fā)，因此，多個(gè)開發(fā)者分布式開發(fā)多個(gè)區(qū)域塊中的網(wǎng)頁(yè)內(nèi)容均在本發(fā)明保護(hù)范圍之內(nèi)。本發(fā)明中各區(qū)域塊的授權(quán)開發(fā)者可以分布式、并行地對(duì)其待開發(fā)的區(qū)域塊網(wǎng)頁(yè)內(nèi)容進(jìn)行編輯開發(fā)，各區(qū)域塊之間彼此獨(dú)立，互不影響；當(dāng)某一區(qū)域塊在開發(fā)時(shí)，該區(qū)域塊僅對(duì)當(dāng)前授權(quán)者是開放的，對(duì)其他未授權(quán)者是鎖定的，其他未授權(quán)者不能對(duì)該區(qū)域進(jìn)行編輯開發(fā)。當(dāng)前區(qū)域塊授權(quán)者開發(fā)完本區(qū)域塊網(wǎng)頁(yè)內(nèi)容后，通過網(wǎng)頁(yè)控件箱，將該區(qū)域塊網(wǎng)頁(yè)信息生成XML描述文件，并將該XML描述文件上傳到服務(wù)器數(shù)據(jù)庫(kù)。授權(quán)開發(fā)者通過網(wǎng)頁(yè)控件箱中的控件在授權(quán)區(qū)域塊內(nèi)編輯、構(gòu)造網(wǎng)頁(yè)元素對(duì)象包括對(duì)象的屬性、方法和事件；本發(fā)明中區(qū)域塊網(wǎng)頁(yè)元素對(duì)象包括但不限于下列元素中的一種或幾種A.網(wǎng)頁(yè)中的文本；B.網(wǎng)頁(yè)中的表格以及表格中數(shù)據(jù)；C.網(wǎng)頁(yè)中的圖片；D.網(wǎng)頁(yè)中的動(dòng)畫；E.網(wǎng)頁(yè)中的視頻；F.網(wǎng)頁(yè)中的音頻；G.網(wǎng)頁(yè)中的控件。本發(fā)明中編輯區(qū)域塊網(wǎng)頁(yè)中元素對(duì)象的屬性包括但不限于A.網(wǎng)頁(yè)中文本的大小、位置坐標(biāo)、顏色、顯示方式等；B、網(wǎng)頁(yè)中表格的大小、位置坐標(biāo)、顏色、顯示方式等；C、網(wǎng)頁(yè)中圖片的大小、位置坐標(biāo)、透明度、顯示方式等；D、網(wǎng)頁(yè)中視頻的顯示大小、展示區(qū)域位置坐標(biāo)、循環(huán)播放、聲音、畫質(zhì)清晰度、視頻流暢度等；本發(fā)明中編輯區(qū)域塊網(wǎng)頁(yè)中元素對(duì)象的響應(yīng)事件包括但不限于A.響應(yīng)鼠標(biāo)單擊事件；B.響應(yīng)鼠標(biāo)雙擊事件；C.響應(yīng)鼠標(biāo)左鍵按下事件；D.響應(yīng)鼠標(biāo)左鍵抬起事件；
本發(fā)明中對(duì)區(qū)域塊網(wǎng)頁(yè)中元素進(jìn)行編輯控制包括但不限于以下一種或幾種A.創(chuàng)建新的網(wǎng)頁(yè)元素對(duì)象；B.刪除已經(jīng)創(chuàng)建的網(wǎng)頁(yè)元素對(duì)象；C.撤銷已經(jīng)創(chuàng)建的網(wǎng)頁(yè)元素對(duì)象；D.恢復(fù)已撤銷的網(wǎng)頁(yè)元素對(duì)象；E.設(shè)置網(wǎng)頁(yè)初始位置；本發(fā)明中創(chuàng)建區(qū)域塊中網(wǎng)頁(yè)元素對(duì)象的過程包括以下步驟A.選取網(wǎng)頁(yè)控件箱中的網(wǎng)頁(yè)控件，在授權(quán)區(qū)域塊內(nèi)創(chuàng)新的網(wǎng)頁(yè)，設(shè)置所述新創(chuàng)建的網(wǎng)頁(yè)的屬性信息；B.選取網(wǎng)頁(yè)控件箱中的網(wǎng)頁(yè)元素控件，向所述區(qū)域塊新創(chuàng)建的網(wǎng)頁(yè)中添加網(wǎng)頁(yè)元素對(duì)象；C.設(shè)置所述區(qū)域塊新創(chuàng)建的網(wǎng)頁(yè)元素對(duì)象的屬性信息；D.設(shè)置所述區(qū)域塊新創(chuàng)建的網(wǎng)頁(yè)元素對(duì)象響應(yīng)的事件信息。在構(gòu)造網(wǎng)頁(yè)過程中，系統(tǒng)內(nèi)部各模塊間的通信流程如下用戶瀏覽器A中加載本發(fā)明的103網(wǎng)頁(yè)控件箱，網(wǎng)頁(yè)控件箱中包括但不限于(1)通用的組件，如刪除控件，用于刪除創(chuàng)建的網(wǎng)頁(yè)元素或視頻元素；撤銷控件， 用于撤銷前一次的操作；恢復(fù)控件，用于回復(fù)前一次撤銷的操作；初設(shè)參數(shù)設(shè)置控件，用于設(shè)置視頻或網(wǎng)頁(yè)的初始參數(shù)信息；保存控件，用于對(duì)當(dāng)前的設(shè)置信息進(jìn)行保存等。(2)視頻組件，包括但不限于圈選視頻內(nèi)部對(duì)象的矩形控件或橢圓形控件，用于對(duì)視頻中具體的對(duì)象進(jìn)行選定，選定時(shí)可以利用矩形工具進(jìn)行圈選，也可以利用橢圓形工具進(jìn)行圈選，還可以利用其他形狀進(jìn)行圈選，這些都在本專利的保護(hù)范圍之內(nèi)；向視頻中添加文本信息的文本控件，用于向視頻中添加用戶自定義的文本信息內(nèi)容；向視頻中添加圖片信息的圖片控件等。(3)網(wǎng)頁(yè)組件，包括但不限于用于創(chuàng)建具有一般網(wǎng)頁(yè)功能的小網(wǎng)頁(yè)控件，該小網(wǎng)頁(yè)控件能夠創(chuàng)建一個(gè)具有網(wǎng)頁(yè)功能的網(wǎng)頁(yè)對(duì)象，本發(fā)明將其稱為小網(wǎng)頁(yè)，這個(gè)小網(wǎng)頁(yè)完全繼承了現(xiàn)有的Web網(wǎng)頁(yè)的特性；向創(chuàng)建的小網(wǎng)頁(yè)對(duì)象中添加文本信息的文本控件、向創(chuàng)建的小網(wǎng)頁(yè)對(duì)象中添加圖片信息的圖片控件等。用戶可以通過網(wǎng)頁(yè)控件箱中的控件構(gòu)造網(wǎng)頁(yè)元素對(duì)象，網(wǎng)頁(yè)控件箱104網(wǎng)頁(yè)組件模塊進(jìn)行連接，通過網(wǎng)頁(yè)組件模塊編輯、創(chuàng)建105區(qū)域塊A中網(wǎng)頁(yè)元素對(duì)象。網(wǎng)頁(yè)組件通過接口函數(shù)與區(qū)域塊中網(wǎng)頁(yè)元素對(duì)象相連。同樣道理，用戶瀏覽器B從事與用戶瀏覽器A同樣的過程。本發(fā)明實(shí)施例以用戶A和用戶B分布式開發(fā)一個(gè)網(wǎng)頁(yè)為例，對(duì)本發(fā)明的方法進(jìn)一步詳細(xì)敘述。在開發(fā)網(wǎng)頁(yè)過程中，可以根據(jù)欲實(shí)現(xiàn)的功能，將待開發(fā)的網(wǎng)頁(yè)劃分為不同的區(qū)域
塊，如區(qū)域塊A、區(qū)域塊B、區(qū)域塊C.......區(qū)域塊N，假設(shè)區(qū)域塊A授權(quán)給開發(fā)者A進(jìn)行編
輯開發(fā)，區(qū)域塊B授權(quán)給開發(fā)者B進(jìn)行編輯開發(fā)。完成上述工作后，對(duì)于用戶A和用戶B而言，分別面對(duì)著同一網(wǎng)頁(yè)中不同的區(qū)域內(nèi)容，即兩者是對(duì)同一個(gè)母體網(wǎng)頁(yè)進(jìn)行編輯開發(fā)，只是二者開發(fā)的區(qū)域不同。在對(duì)區(qū)域塊網(wǎng)頁(yè)進(jìn)行開發(fā)的過程中，用戶A和用戶B擁有同樣的網(wǎng)頁(yè)編輯開發(fā)工具，都是采用本發(fā)明提供的網(wǎng)頁(yè)控件箱對(duì)其所要開發(fā)的區(qū)域進(jìn)行編輯、構(gòu)造。例如，可以選擇網(wǎng)頁(yè)控件箱中的小網(wǎng)頁(yè)控件，然后在當(dāng)前打開的瀏覽器頁(yè)面某一區(qū)域塊內(nèi)，通過拖拽鼠標(biāo)的方式創(chuàng)建一個(gè)小網(wǎng)頁(yè)；創(chuàng)建完小網(wǎng)頁(yè)后，用戶還可以繼續(xù)選擇網(wǎng)頁(yè)控件箱中的其他控件，如文本控件，然后在創(chuàng)建的小網(wǎng)頁(yè)中創(chuàng)建文本對(duì)象，并添加文本信息。下面以用戶A構(gòu)造網(wǎng)頁(yè)過程為例，敘述一下其構(gòu)造區(qū)域塊網(wǎng)頁(yè)的過程。用戶A被授權(quán)可以開發(fā)某網(wǎng)頁(yè)區(qū)域塊A后，用戶A打開瀏覽器，加載103網(wǎng)頁(yè)控件箱，然后在網(wǎng)頁(yè)控件箱中點(diǎn)擊網(wǎng)頁(yè)組件，本發(fā)明的網(wǎng)頁(yè)組件中包含但不限于小網(wǎng)頁(yè)控件、文本控件、圖片控件、視頻控件等。用戶A可以在網(wǎng)頁(yè)組件中點(diǎn)擊小網(wǎng)頁(yè)控件，然后在其授權(quán)區(qū)域塊內(nèi)通過鼠標(biāo)拖拽的方式，創(chuàng)建一個(gè)小網(wǎng)頁(yè)。創(chuàng)建完小網(wǎng)頁(yè)后，系統(tǒng)自動(dòng)通過JS接口將當(dāng)前區(qū)域小網(wǎng)頁(yè)對(duì)象的基本信息返回網(wǎng)頁(yè)控件箱。用戶A還可以選擇網(wǎng)頁(yè)組件中其他控件，重復(fù)上述過程，最終完成在授權(quán)的區(qū)域塊內(nèi)構(gòu)造相應(yīng)網(wǎng)頁(yè)元素對(duì)象，添加相關(guān)網(wǎng)頁(yè)內(nèi)容，完成網(wǎng)頁(yè)的構(gòu)造。此外，用戶A還可以通過本發(fā)明的網(wǎng)頁(yè)控件箱，將其他網(wǎng)站資源移植至其待編輯的區(qū)域塊，完成該區(qū)域塊內(nèi)網(wǎng)頁(yè)的構(gòu)造，也可以一部分網(wǎng)頁(yè)內(nèi)容全新創(chuàng)建，另一部分網(wǎng)頁(yè)內(nèi)容通過移植修改等方式完成。用戶A完成該區(qū)域塊內(nèi)的網(wǎng)頁(yè)后，網(wǎng)頁(yè)控件箱便將該區(qū)域塊內(nèi)構(gòu)造的網(wǎng)頁(yè)元素信息生成區(qū)域資源描述文件A，并將該區(qū)域資源描述文件A發(fā)送至服務(wù)器數(shù)據(jù)庫(kù)。本發(fā)明中的區(qū)域資源描述文件，包括但不限于以XML文件格式描述所述區(qū)域塊內(nèi)容的描述文件，該區(qū)域資源描述文件記錄當(dāng)前區(qū)域塊內(nèi)網(wǎng)頁(yè)的結(jié)構(gòu)信息和內(nèi)容信息，同時(shí)記錄區(qū)域塊的自身屬性信息以及和其他區(qū)域塊之間的關(guān)聯(lián)信息。用戶B與用戶A —樣，通過同樣的操作過程，完成區(qū)域B的網(wǎng)頁(yè)構(gòu)造，完成后，用戶 B的也通過嵌入在瀏覽器中的網(wǎng)頁(yè)控件箱生成區(qū)域資源描述文件B，并將該區(qū)域資源描述文件B發(fā)送至服務(wù)器數(shù)據(jù)庫(kù)。服務(wù)器數(shù)據(jù)庫(kù)收到區(qū)域資源描述文件A和區(qū)域資源描述文件B后，根據(jù)區(qū)域塊自身的信息及其與網(wǎng)頁(yè)的關(guān)系，對(duì)不同的區(qū)域資源描述文件進(jìn)行整合，最終生成一個(gè)完整的描述網(wǎng)頁(yè)資源的文件。在本發(fā)明實(shí)施例中，該資源描述文件包括但不限于以XML格式描述的視頻資源描述文件和網(wǎng)頁(yè)資源描述文件。本發(fā)明實(shí)施例中，服務(wù)器數(shù)據(jù)庫(kù)端最終生成的XML資源描述文件，是一個(gè)完整的用于描述網(wǎng)頁(yè)的資源描述文件，然后將這一完整的資源描述文件存儲(chǔ)在后臺(tái)服務(wù)器數(shù)據(jù)庫(kù)中。在生成網(wǎng)頁(yè)過程中，系統(tǒng)內(nèi)部各模塊間的通信流程如下101服務(wù)器數(shù)據(jù)庫(kù)模塊接收瀏覽器發(fā)送的請(qǐng)求后，向?yàn)g覽器中的網(wǎng)頁(yè)控件箱返回網(wǎng)頁(yè)資源描述文件；如果當(dāng)前請(qǐng)求的網(wǎng)頁(yè)中某一個(gè)或幾個(gè)區(qū)域塊正被編輯，則服務(wù)器數(shù)據(jù)庫(kù)返回?cái)?shù)據(jù)庫(kù)中存儲(chǔ)的最后一次完整的網(wǎng)頁(yè)資源描述文件；網(wǎng)頁(yè)控件箱解析服務(wù)器返回的網(wǎng)頁(yè)資源描述文件后，與網(wǎng)頁(yè)組件模塊進(jìn)行通信， 并發(fā)送指令；網(wǎng)頁(yè)組件模塊接收指令，根據(jù)解析的網(wǎng)頁(yè)資源描述文件中描述的元素對(duì)象的屬性、方法和事件信息，動(dòng)態(tài)生成網(wǎng)頁(yè)；本發(fā)明中網(wǎng)頁(yè)控件箱包含網(wǎng)頁(yè)資源描述文件解析模塊；根據(jù)解析的網(wǎng)頁(yè)資源描述
8文件，向網(wǎng)頁(yè)組件發(fā)送指令是指，選取、調(diào)用生成網(wǎng)頁(yè)元素的相應(yīng)控件，例如，選取網(wǎng)頁(yè)文本控件、選取網(wǎng)頁(yè)圖片控件等；本發(fā)明中網(wǎng)頁(yè)組件模塊根據(jù)解析的資源描述文件中描述的元素對(duì)象的屬性、方法和事件信息，動(dòng)態(tài)生成網(wǎng)頁(yè)還包括以下步驟A.通過網(wǎng)頁(yè)元素控件編輯或創(chuàng)建網(wǎng)頁(yè)中的元素對(duì)象；B.設(shè)置生成的網(wǎng)頁(yè)元素對(duì)象的屬性信息，例如設(shè)置生成的網(wǎng)頁(yè)文本對(duì)象的大小、 位置、字體、顏色等；C.如果網(wǎng)頁(yè)資源描述文件中描述的網(wǎng)頁(yè)對(duì)象響應(yīng)響應(yīng)事件，且所述事件處于激活狀態(tài)，則在生成網(wǎng)頁(yè)元素對(duì)象過程中執(zhí)行該激活的事件。網(wǎng)頁(yè)資源描述文件解析模塊通過控制網(wǎng)頁(yè)腳本/Java解析運(yùn)行模塊來(lái)控制網(wǎng)頁(yè)內(nèi)元素；網(wǎng)頁(yè)控件箱與服務(wù)器數(shù)據(jù)庫(kù)通過協(xié)議接口進(jìn)行通信，所述協(xié)議接口包括但不限于 JavaScript 接口、VBkript 接口等。圖2是本發(fā)明分布式構(gòu)造網(wǎng)頁(yè)方法的流程圖，采用本發(fā)明的方法進(jìn)行分布式網(wǎng)頁(yè)構(gòu)造開發(fā)時(shí)，首先通過201將網(wǎng)頁(yè)劃分成多個(gè)區(qū)域塊；劃分完多個(gè)區(qū)域塊后，需要通過202對(duì)區(qū)域塊進(jìn)行授權(quán)，即將一個(gè)或幾個(gè)區(qū)域塊授權(quán)給相應(yīng)的開發(fā)者，每個(gè)區(qū)域塊可由一個(gè)或多個(gè)開發(fā)者進(jìn)行開發(fā)，在開發(fā)過程中，203為當(dāng)區(qū)域塊A被開發(fā)者a開發(fā)時(shí)，區(qū)域塊A對(duì)其他開發(fā)者是鎖定的，即其他開發(fā)者不能對(duì)正在開發(fā)的區(qū)域塊進(jìn)行開發(fā)。204為每一個(gè)區(qū)域塊開發(fā)完成后，由本發(fā)明的網(wǎng)頁(yè)控件箱上傳該區(qū)域塊的XML協(xié)議文件內(nèi)容到服務(wù)器數(shù)據(jù)庫(kù)，服務(wù)器數(shù)據(jù)庫(kù)對(duì)上傳上來(lái)的多個(gè)區(qū)域塊XML協(xié)議文件內(nèi)容進(jìn)行整合，最終生成一個(gè)完整的XML網(wǎng)頁(yè)資源描述文件；205是當(dāng)用戶瀏覽該網(wǎng)頁(yè)時(shí)，瀏覽器端將會(huì)在服務(wù)器數(shù)據(jù)庫(kù)端取回完整的XML網(wǎng)頁(yè)資源描述文件，并解析顯示，在用戶端形成完整的網(wǎng)頁(yè)。圖3是本發(fā)明的分布式網(wǎng)頁(yè)開發(fā)模式圖，在圖3中，可以將待開發(fā)的網(wǎng)頁(yè)301根據(jù)一定的原則，劃分成不同的區(qū)域塊，并將不同的區(qū)域塊授權(quán)給不同的開發(fā)者。如圖3所示， 302為開發(fā)者A開發(fā)的區(qū)域，303為開發(fā)者B開發(fā)的區(qū)域，304為開發(fā)者C開發(fā)的區(qū)域。302、303、304三個(gè)開發(fā)者可以分布式、并行地對(duì)其待開發(fā)的區(qū)域進(jìn)行網(wǎng)頁(yè)構(gòu)造， 彼此間相互獨(dú)立，構(gòu)造完網(wǎng)頁(yè)后便將生成的XML區(qū)域資源描述文件傳至服務(wù)器數(shù)據(jù)庫(kù)端即可。圖4是本發(fā)明中網(wǎng)頁(yè)控件箱與創(chuàng)建的對(duì)象之間的通信過程圖，本發(fā)明的實(shí)施例不僅僅限于對(duì)網(wǎng)頁(yè)元素進(jìn)行分布式構(gòu)造、編輯，還能夠?qū)W(wǎng)頁(yè)中的視頻進(jìn)行分布式編輯、構(gòu)造。圖中401是視頻中的線段，是本發(fā)明網(wǎng)頁(yè)控件箱能控制的視頻內(nèi)部對(duì)象之一；402是視頻中的對(duì)象的形狀，也可以通過本發(fā)明網(wǎng)頁(yè)控件箱中的控件對(duì)其進(jìn)行控制；403是視頻中的文字，可以通過本發(fā)明網(wǎng)頁(yè)控件箱中的控件對(duì)其進(jìn)行編輯，包括但不限于刪除文字、添加文字、修改文字等；404是視頻中的圖片，可以通過本發(fā)明網(wǎng)頁(yè)控件箱中的控件對(duì)其進(jìn)行編輯，包括但不限于刪除圖片、添加圖片、修改圖片等；405是視頻中的音視頻，可以通過本發(fā)明網(wǎng)頁(yè)控件箱中的控件對(duì)其進(jìn)行編輯，包括但不限于刪除音視頻、添加音視頻、修改音視頻等；上述對(duì)視頻內(nèi)對(duì)象的控制是網(wǎng)頁(yè)控件箱與視頻對(duì)象之間通過相應(yīng)協(xié)議解析以及相關(guān)函數(shù)調(diào)用實(shí)現(xiàn)的。406是對(duì)網(wǎng)頁(yè)中的DIV標(biāo)簽進(jìn)行編輯控制；407是對(duì)網(wǎng)頁(yè)中的文字信息進(jìn)行編輯控制；408是對(duì)網(wǎng)頁(yè)中的圖片信息進(jìn)行編輯控制；409是對(duì)網(wǎng)頁(yè)中的Flash進(jìn)行編輯控制；410是對(duì)網(wǎng)頁(yè)中的視頻進(jìn)行編輯控制；411是對(duì)網(wǎng)頁(yè)中的表單信息進(jìn)行編輯控制；上述對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行的編輯控制過程如下首先網(wǎng)頁(yè)控件箱與JavMcript之間通過協(xié)議解析和函數(shù)調(diào)用，實(shí)現(xiàn)雙向通信；其次，JavaScript實(shí)現(xiàn)對(duì)HTML文件中的相應(yīng)標(biāo)簽內(nèi)容進(jìn)行控制；再次，HTML文件中的相應(yīng)內(nèi)容通過JavMcript最終實(shí)現(xiàn)與網(wǎng)頁(yè)控件箱進(jìn)行雙向交互，以實(shí)現(xiàn)網(wǎng)頁(yè)控件箱對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行控制的目的。本發(fā)明的方法及系統(tǒng)，在實(shí)際應(yīng)用過程中，可以一個(gè)或幾個(gè)區(qū)域塊用于創(chuàng)建、構(gòu)造網(wǎng)頁(yè)內(nèi)容，另外的一個(gè)或幾個(gè)區(qū)域塊用于編輯視頻，在編輯視頻的過程中，可以通過本發(fā)明的網(wǎng)頁(yè)控件箱，向視頻中添加文本對(duì)象、圖片對(duì)象等，并可以向添加的對(duì)象中添加其響應(yīng)的事件信息，如打開某一鏈接地址等。本發(fā)明在實(shí)際應(yīng)用中，還可以分布或的只對(duì)視頻進(jìn)行編輯，即多個(gè)編輯開發(fā)者分布式、并行地對(duì)待編輯的視頻進(jìn)行編輯處理，可以大大提高工作效率，其典型應(yīng)用為電影、 電視的編輯制作、商業(yè)視頻廣告的協(xié)作編輯、以及視頻教學(xué)課件的協(xié)作編輯等。本發(fā)明通過具體實(shí)施例進(jìn)行說(shuō)明，本領(lǐng)域技術(shù)人員應(yīng)當(dāng)明白，在不脫離本發(fā)明范圍的情況下，還可以對(duì)本發(fā)明進(jìn)行各種變換及等同替代。另外，針對(duì)特定情形或具體情況， 可以對(duì)本發(fā)明做各種修改，而不脫離本發(fā)明的范圍。因此，本發(fā)明不局限于所公開的具體實(shí)施例，而應(yīng)當(dāng)包括落入本發(fā)明權(quán)利要求范圍內(nèi)的全部實(shí)施方式。
權(quán)利要求
1.一種分布式構(gòu)建網(wǎng)頁(yè)的系統(tǒng)，其特征在于，包括以下模塊A.服務(wù)器數(shù)據(jù)庫(kù)模塊，用于接收網(wǎng)頁(yè)控件箱發(fā)送的資源描述文件，響應(yīng)瀏覽器發(fā)送的請(qǐng)求，并向?yàn)g覽器返回所請(qǐng)求的資源描述文件；B.網(wǎng)頁(yè)控件箱，是系統(tǒng)的控制中心，嵌入在瀏覽器中，建立網(wǎng)頁(yè)與服務(wù)器之間的通信連接，操控網(wǎng)頁(yè)及其元素對(duì)象；D.網(wǎng)頁(yè)組件模塊，用于編輯、創(chuàng)建網(wǎng)頁(yè)內(nèi)部元素對(duì)象，為網(wǎng)頁(yè)內(nèi)部元素對(duì)象添加響應(yīng)事件；E.解析資源描述文件模塊，用于接收服務(wù)器返回的資源描述文件，并根據(jù)資源描述文件描述的對(duì)象的信息，編輯或創(chuàng)建所述對(duì)象，包括對(duì)象的屬性信息、對(duì)象響應(yīng)的事件信息寸。F.區(qū)域模塊，是一個(gè)完整網(wǎng)頁(yè)的一部分，各區(qū)域塊之間彼此獨(dú)立，區(qū)域塊在網(wǎng)頁(yè)設(shè)計(jì)初期進(jìn)行劃分，劃分完成后，確定網(wǎng)頁(yè)及區(qū)域塊的劃分信息，所述劃分信息包括但不限于網(wǎng)頁(yè)的大小、區(qū)域塊的個(gè)數(shù)、各區(qū)域塊的位置信息、大小信息、功能信息等。
2.如權(quán)利要求1所述一種分布式構(gòu)建網(wǎng)頁(yè)的系統(tǒng)，其特征在于 在構(gòu)造網(wǎng)頁(yè)過程中，系統(tǒng)內(nèi)部各模塊間的通信流程如下瀏覽器中加載網(wǎng)頁(yè)控件箱，通過網(wǎng)頁(yè)控件箱中的控件構(gòu)造區(qū)域塊中網(wǎng)頁(yè)元素對(duì)象； 網(wǎng)頁(yè)控件箱與網(wǎng)頁(yè)組件模塊進(jìn)行連接，通過網(wǎng)頁(yè)組件模塊，編輯、創(chuàng)建區(qū)域塊中網(wǎng)頁(yè)元素對(duì)象；網(wǎng)頁(yè)組件模塊通過接口函數(shù)與區(qū)域塊中網(wǎng)頁(yè)元素對(duì)象相連；網(wǎng)頁(yè)控件箱將構(gòu)造好的區(qū)域塊中網(wǎng)頁(yè)元素對(duì)象信息生成區(qū)域資源描述文件，并將其發(fā)送至服務(wù)器數(shù)據(jù)庫(kù)端；服務(wù)器數(shù)據(jù)庫(kù)端將不同的區(qū)域資源描述文件進(jìn)行整合，生成一個(gè)完整的網(wǎng)頁(yè)資源描述文件。在生成網(wǎng)頁(yè)過程中，系統(tǒng)內(nèi)部各模塊間的通信流程如下 瀏覽器向服務(wù)器發(fā)送網(wǎng)頁(yè)請(qǐng)求；服務(wù)器數(shù)據(jù)庫(kù)模塊接收瀏覽器的當(dāng)前請(qǐng)求，并向?yàn)g覽器返回所請(qǐng)求的資源描述文件； 如果當(dāng)前請(qǐng)求的網(wǎng)頁(yè)中某一個(gè)或幾個(gè)區(qū)域塊正被編輯，則服務(wù)器數(shù)據(jù)庫(kù)返回?cái)?shù)據(jù)庫(kù)中存儲(chǔ)的最后一次完整的網(wǎng)頁(yè)資源描述文件；瀏覽器中的網(wǎng)頁(yè)資源描述文件解析模塊解析接收到的網(wǎng)頁(yè)資源描述文件；所述網(wǎng)頁(yè)資源描述文件解析模塊置于網(wǎng)頁(yè)控件箱中；網(wǎng)頁(yè)資源描述文件解析模塊根據(jù)解析的描述文件中描述的網(wǎng)頁(yè)內(nèi)部元素對(duì)象的屬性、 方法和事件等信息，編輯、創(chuàng)建網(wǎng)頁(yè)內(nèi)部元素對(duì)象，如果所述元素對(duì)象包含響應(yīng)事件信息， 且所述響應(yīng)事件已激活，則執(zhí)行所述元素對(duì)象的響應(yīng)事件；所述網(wǎng)頁(yè)資源描述文件解析模塊通過控制網(wǎng)頁(yè)腳本/Java解析運(yùn)行模塊來(lái)控制網(wǎng)頁(yè)內(nèi)元素；所述網(wǎng)頁(yè)控件箱與服務(wù)器數(shù)據(jù)庫(kù)通過協(xié)議接口進(jìn)行通信，所述協(xié)議接口包括但不限于 JavaScript 接口、VBkript 接口等。
全文摘要
本發(fā)明公開了一種分布式構(gòu)建網(wǎng)頁(yè)的系統(tǒng)，包括將待開發(fā)的網(wǎng)頁(yè)劃分成多個(gè)區(qū)域塊，每一個(gè)區(qū)域塊授權(quán)給一個(gè)或多個(gè)開發(fā)者進(jìn)行開發(fā)，每個(gè)開發(fā)者通過網(wǎng)頁(yè)控件箱構(gòu)造完該區(qū)域塊網(wǎng)頁(yè)內(nèi)容后，生成XML區(qū)域資源描述文件，并將該區(qū)域資源描述文件發(fā)送至服務(wù)器數(shù)據(jù)庫(kù)，服務(wù)器數(shù)據(jù)庫(kù)收集該網(wǎng)頁(yè)的所有區(qū)域資源描述文件，然后整合成一個(gè)完整的XML網(wǎng)頁(yè)資源描述文件。用戶瀏覽該網(wǎng)頁(yè)時(shí)，瀏覽器從服務(wù)器數(shù)據(jù)庫(kù)端取回XML網(wǎng)頁(yè)資源描述文件，通過解析該XML網(wǎng)頁(yè)資源描述文件，生成網(wǎng)頁(yè)，顯示于用戶端。本發(fā)明的有益效果在于通過本發(fā)明提供的方法及系統(tǒng)，可以非常容易地、分布式地動(dòng)態(tài)生成網(wǎng)頁(yè)，實(shí)現(xiàn)多人協(xié)同開發(fā)網(wǎng)頁(yè)或編輯網(wǎng)頁(yè)中的視頻。
文檔編號(hào)G06F17/30GK102314426SQ201010215108
公開日2012年1月11日 申請(qǐng)日期2010年6月30日 優(yōu)先權(quán)日2010年6月30日
發(fā)明者孟智平 申請(qǐng)人:上海視加信息科技有限公司