專利名稱：一種Web頁面開發(fā)和維護方法及其裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及網(wǎng)絡(luò)通信技術(shù)領(lǐng)域，特別是涉及Web頁面的開發(fā)與維護領(lǐng)域。
背景技術(shù)：
如圖l所示，為現(xiàn)有技術(shù)中傳統(tǒng)的Web頁面布局結(jié)構(gòu)圖。 一個Web頁面 的開發(fā)在傳統(tǒng)上通常會劃分為以下幾部分頂層區(qū)域存放一些頁面的公共信 息， 一般網(wǎng)站的頁面會將該頂層區(qū)域》丈在頁面的頂部，例如網(wǎng)站的logo圖標(biāo) Sohu、 163等；左導(dǎo)航區(qū)域存放一個頁面運用中需要使用的菜單，或者在每一 個頁面都需要使用的連接；版權(quán)區(qū)域存放一些諸如版權(quán)信息的聲明信息；內(nèi) 容區(qū)域存放每個頁面獨立的內(nèi)容，例如網(wǎng)站頁面的新聞頁面中，內(nèi)容區(qū)域就 存放新聞的內(nèi)容。在以上幾個區(qū)域中，頂層區(qū)域、左導(dǎo)航區(qū)域和版權(quán)區(qū)域的 內(nèi)容通常比較固定，變化較小，因此多數(shù)頁面在這幾塊區(qū)域都是使用相同的 內(nèi)容?，F(xiàn)有技術(shù)中可以使用include指令來完成頁面公用內(nèi)容的重用，但是對 于Web頁面的開發(fā)階段中頁面的布局風(fēng)格(布局、外觀)的變化，由于頁面 已經(jīng)填滿了內(nèi)容，就必須要逐個修改頁面的布局，不僅工作量繁重，而且還 極易引發(fā)頁面布局混亂、功能實效等問題。
現(xiàn)有技術(shù)還提出了一種Tiles技術(shù)，該Tiles框架和HTML (Hypertext Marked Language,超文本標(biāo)記語言)的Frame框架一樣都可用于頁面布局， 不同的是Tiles技術(shù)引入了布局的概念，并且Tiles技術(shù)可在服務(wù)器端動態(tài)生 成。
所述現(xiàn)有技術(shù)的缺點是Tiles技術(shù)是基于動態(tài)頁面開發(fā)技術(shù)實現(xiàn)的，因此 在Web產(chǎn)品開發(fā)的界面原型設(shè)計階段無法發(fā)揮作用，即不支持頁面的靜態(tài)開 發(fā)；并且Tiles技術(shù)的動態(tài)頁面裝載機制在頁面上出現(xiàn)HTML標(biāo)簽和JSF (JavaServer Faces, Java服務(wù)器界面)標(biāo)簽混排時，不支持HTML標(biāo)簽和JSF 標(biāo)簽混排的情況，因此會引起頁面布局的失效。

發(fā)明內(nèi)容
本發(fā)明實施例要解決的問題是提供一種Web頁面開發(fā)和維護方法及其裝 置，支持動態(tài)和靜態(tài)頁面開發(fā)模式下的界面布局重用，降低Web頁面開發(fā)的 工作量。
為達到上述目的，本發(fā)明實施例的技術(shù)方案提出一種Web頁面開發(fā)和維 護方法，用于對Web頁面的布局隨時進行調(diào)整，包括以下步驟在頁面布局 模板中定義裝配點，所述裝配點與所述頁面布局模板中的區(qū)域?qū)?yīng)；創(chuàng)建頁 面內(nèi)容；將所述頁面內(nèi)容導(dǎo)入所述裝配點所在的區(qū)域以生成Web頁面。
其中，在所述在頁面布局中設(shè)置裝配點之前，還包括以下步驟創(chuàng)建所 述頁面布局才莫4反。
其中，在所述創(chuàng)建頁面內(nèi)容之后還包括創(chuàng)建所述頁面內(nèi)容與需要適配 的所述裝配點的對應(yīng)關(guān)系；所述將頁面內(nèi)容導(dǎo)入所述裝配點所在的區(qū)域具體 包括根據(jù)所述頁面內(nèi)容與需要適配的所述裝配點的對應(yīng)關(guān)系，將所述頁面 內(nèi)容導(dǎo)入所述適配的裝配點所在的區(qū)域。
其中，在所述創(chuàng)建頁面內(nèi)容之后還包括設(shè)置所述裝備點所在區(qū)域的頁 面屬性。
其中，所述頁面內(nèi)容包括頁面片>^、腳本定義內(nèi)容或HTML內(nèi)容。
其中，在所述將頁面內(nèi)容導(dǎo)入所述裝配點所在的區(qū)域以生成Web頁面之 后，還包括以下步驟調(diào)整Web頁面的頁面布局才莫板；將頁面內(nèi)容導(dǎo)入適配 的裝配點所在區(qū)域以更新Web頁面。
其中，所述調(diào)整Web頁面的頁面布局才莫板具體包括調(diào)整所述頁面布局 模版的區(qū)域，及所述區(qū)域包含的所述裝配點。
本發(fā)明實施例的技術(shù)方案還提出一種Web頁面開發(fā)和維護裝置，用于對 Web頁面實現(xiàn)頁面布局的隨時調(diào)整，包括裝配點設(shè)置保存模塊、頁面內(nèi)蓉創(chuàng) 建模塊和頁面生成模塊，所述裝配點設(shè)置保存模塊，用于保存在頁面布局模 板中定義的裝配點；所述頁面內(nèi)容創(chuàng)建模塊，用于保存創(chuàng)建的頁面內(nèi)容；所 述頁面生成模塊，用于將所述頁面內(nèi)容創(chuàng)建模塊保存的頁面內(nèi)容導(dǎo)入所述裝配點所在的區(qū)域以生成Web頁面。其中，還包括頁面布局模板創(chuàng)建模塊，用于創(chuàng)建所述頁面布局才莫板。其中，所述頁面內(nèi)容創(chuàng)建模塊包括對應(yīng)關(guān)系設(shè)置子模塊，用于保存所述 頁面內(nèi)容與需要適配的所述裝配點的對應(yīng)關(guān)系。其中，所述頁面內(nèi)容創(chuàng)建模塊包括頁面屬性設(shè)置子模塊，用于設(shè)置所述 裝備點所在區(qū)域的頁面屬性。其中，還包括頁面維護模塊，用于在所述頁面布局模板發(fā)生調(diào)整后，通 知所述頁面生成;f莫塊將所述頁面內(nèi)容導(dǎo)入所述裝配點所在的區(qū)域以生成新的 Web頁面。本發(fā)明實施例的技術(shù)方案還提出一種計算機程序，用于對Web頁面實現(xiàn) 頁面布局的隨時調(diào)整，其特征在于，包括若干指令用以使得一個計算機設(shè)備 執(zhí)行以下方法用于將創(chuàng)建的頁面內(nèi)容導(dǎo)入一個預(yù)先設(shè)定的并且與所述頁面 內(nèi)容適配的裝配點所在的區(qū)域中，以完成生成網(wǎng)頁所需要的代碼。其中，所述計算機程序執(zhí)行的方法還包括以下步驟在所述頁面布局模 4反發(fā)生調(diào)整時，將所述頁面內(nèi)容導(dǎo)入所述裝配點所在的區(qū)域以生成新的Web 頁面。其中，所述計算機程序為腳本程序或Java程序。本發(fā)明實施例的技術(shù)方案還提出一種存儲介質(zhì)，其特征在于，存儲上述 計算機程序。本發(fā)明實施例的技術(shù)方案還提出一種計算機設(shè)備，其特征在于，包括用通過本發(fā)明實施例的Web頁面開發(fā)和維護方法及裝置，只要調(diào)整頁面布 局才莫板就可以將使用該頁面布局模板的所有頁面的頁面布局進行調(diào)整，不需 要用戶對每個頁面逐一調(diào)整，降低了 Web頁面開發(fā)和維護的工作量，支持靈 活便捷的Web頁面布局調(diào)整。


圖1為現(xiàn)有技術(shù)中傳統(tǒng)的Web頁面布局結(jié)構(gòu)圖；7圖2為本發(fā)明實施例Web頁面開發(fā)和維護裝置的結(jié)構(gòu)圖； 圖3為本發(fā)明實施例一的Web頁面開發(fā)方法流程圖； 圖4為本發(fā)明實施例二的Web頁面開發(fā)方法流程圖； 圖5為本發(fā)明實施例三的Web頁面維護方法流程圖。
具體實施方式
下面結(jié)合附圖和實施例，對本發(fā)明的具體實施方式
作進一步詳細描述如圖2所示，為本發(fā)明實施例Web頁面開發(fā)和維護裝置的結(jié)構(gòu)圖，該 Web頁面開發(fā)和維護裝置包括裝配點設(shè)置保存模塊1、頁面內(nèi)容創(chuàng)建模塊2 和頁面生成模塊3，裝配點設(shè)置保存模塊1用于調(diào)用頁面布局模板，并保存在 該頁面布局才莫板中定義的裝配點及裝配點ID，裝配點ID用于全局唯一標(biāo)識該 裝配點，該頁面布局模板可以是傳統(tǒng)的頁面布局模板(如圖l所提到的)，也 可以是用戶根據(jù)需要創(chuàng)建的新頁面布局模板，其中，裝配點與頁面布局模板 中的區(qū)域?qū)?yīng)， 一個區(qū)域?qū)?yīng)一個裝配點；頁面內(nèi)容創(chuàng)建模塊2，用于保存創(chuàng) 建的需要生成的Web頁面的頁面內(nèi)容，該頁面內(nèi)容包括頁面片)殳、腳本定 義內(nèi)容或HTML內(nèi)容；頁面生成模塊3用于將頁面內(nèi)容創(chuàng)建模塊2保存的頁 面內(nèi)容導(dǎo)入裝配點所在的區(qū)域以生成Web頁面，如果需要導(dǎo)入的頁面內(nèi)容非 常多，例如一個頁面片段文件，則通過include指令將該片段文件插入裝配點 對應(yīng)區(qū)域代碼；如果需要導(dǎo)入的頁面內(nèi)容不多，例如一小段腳本定義內(nèi)容或 HTML代碼內(nèi)容，則可將該小段腳本定義內(nèi)容或HTML代碼內(nèi)容直接寫入裝 配點對應(yīng)區(qū)域代碼。這樣最終得到的Web頁面代碼看上去就不會非常雜亂， 方便今后的頁面維護。其中，該Web頁面開發(fā)和維護裝置還包括頁面布局模板創(chuàng)建模塊4,用 于根據(jù)用戶需要創(chuàng)建新的頁面布局模板。其中，頁面內(nèi)容創(chuàng)建模塊2包括對應(yīng)關(guān)系設(shè)置子模塊21，用于保存頁面 內(nèi)容創(chuàng)建模塊2創(chuàng)建的頁面內(nèi)容與需要適配的裝配點的對應(yīng)關(guān)系。其中，頁面內(nèi)容創(chuàng)建模塊2還包括頁面屬性設(shè)置子模塊22,用于設(shè)置頁 面布局才莫板中定義的裝配點所在區(qū)域的頁面屬性。其中，該Web頁面開發(fā)和維護裝置還包括頁面維護模塊5,用于在完成 頁面開發(fā)后，如果需要對頁面的布局進行調(diào)整，則調(diào)整頁面布局模板，在頁 面布局才莫板發(fā)生調(diào)整后，通知頁面生成才莫塊3將頁面內(nèi)容重新導(dǎo)入裝配點所 在的區(qū)域中以生成新的Web頁面，該生成的新Web頁面的布局就是經(jīng)過調(diào)整 的。如圖3所示，為本發(fā)明實施例一的Web頁面開發(fā)方法流程圖，用于在 Web頁面開發(fā)階段對Web頁面的布局隨時進行調(diào)整，同時支持動態(tài)(JSF)和 靜態(tài)(HTML)兩種模式，包括以下步驟步驟S301,在頁面布局才莫板中定義裝配點。首先調(diào)取頁面布局模板，該頁面布局模板可以是默認(rèn)的傳統(tǒng)頁面布局模 板，也可以是用戶根據(jù)需要創(chuàng)建的新頁面布局模板。按照頁面布局模板中的 區(qū)域定義裝配點，每個區(qū)域定義一個裝配點，并賦予該裝配點的裝配點ID， 裝配點ID用于全局唯一標(biāo)識該裝配點。當(dāng)然也并不是每個區(qū)域都必須要設(shè)定 裝配點的，如果該區(qū)域的內(nèi)容是每個使用該頁面布局才莫^1的頁面所共有的內(nèi) 容，例如在頁面下部的版權(quán)區(qū)域，所有頁面的該版權(quán)區(qū)域的內(nèi)容都是相同的， 因此就不需要為該區(qū)域定義裝配點。步驟S302,創(chuàng)建頁面內(nèi)容，該頁面內(nèi)容包括頁面片段、腳本定義內(nèi)容 或HTML內(nèi)容。在本發(fā)明實施例中需要創(chuàng)建頁面內(nèi)容，即生成最終Web頁面 的內(nèi)容，該頁面內(nèi)容是相對獨立的內(nèi)容。因此對于每個Web頁面，頁面內(nèi)容 都是不同的。例如對于同時引用同一個頁面布局模板的新聞頁面A、體育頁 面B和財經(jīng)頁面C來說，其頁面布局是相同的，頁面的頂部是頂層區(qū)域(即 該網(wǎng)站的圖標(biāo)Logo)，頁面的底部是版權(quán)區(qū)域(即該網(wǎng)站的版權(quán)聲明)，但是 新聞頁面A、體育頁面B和財經(jīng)頁面C的內(nèi)容是不同的。步驟S303,將創(chuàng)建的頁面內(nèi)容導(dǎo)入裝配點所在的區(qū)域以生成Web頁面。將創(chuàng)建的頁面內(nèi)容導(dǎo)入頁面布局才莫板中的裝配點所在的區(qū)域，即將創(chuàng)建 的頁面內(nèi)容導(dǎo)入頁面布局才莫板中的區(qū)域中以生成Web頁面，例如將頁面內(nèi)容 導(dǎo)入頁面布局模板的內(nèi)容區(qū)域中。本發(fā)明實施例提出了兩種將頁面內(nèi)容導(dǎo)入 裝配點所在區(qū)域的方法， 一種是如果需要導(dǎo)入的頁面內(nèi)容非常多，導(dǎo)入裝配點對應(yīng)區(qū)域的代碼后會造成層次不清，不便于維護等問題，因此就使用include 指令將片段文件路徑和片段文件名導(dǎo)入裝配點對應(yīng)區(qū)域的代碼。例如對于一 個較大的頁面片段文件，通過include指令將該片段文件插入裝配點對應(yīng)區(qū)域 代碼；另一種是如果需要導(dǎo)入的頁面內(nèi)容不大，例如一小段腳本定義內(nèi)容或 HTML代碼內(nèi)容，則可將該小段腳本定義內(nèi)容或HTML代碼內(nèi)容直接寫入裝 配點對應(yīng)區(qū)域代碼。如圖4所示，為本發(fā)明實施例二的Web頁面開發(fā)方法流程圖，該實施 例相對實施例一可由用戶根據(jù)需要創(chuàng)建新的頁面布局模板，將頁面布局模板 劃分為多個區(qū)域，而不僅僅限于傳統(tǒng)布局的頂層區(qū)域、左導(dǎo)航區(qū)域、內(nèi)容區(qū) 域和版權(quán)區(qū)域的四個區(qū)域，因此增加了用戶開發(fā)頁面的靈活性。該實施例包 括以下步驟步驟S401,由用戶根據(jù)需要創(chuàng)建新的頁面布局模板，可將頁面布局模板 劃分為多個區(qū)域，而不僅僅限于傳統(tǒng)布局的頂層區(qū)域、左導(dǎo)航區(qū)域、內(nèi)容區(qū) i或和腐j又區(qū)i或的四個區(qū)i或。步驟S402,在用戶創(chuàng)建的新頁面布局才莫板中定義裝配點。首先調(diào)取用戶創(chuàng)建的新頁面布局模板，按照頁面布局模板中的區(qū)域定義 裝配點，每個區(qū)域定義一個裝配點，并賦予該裝配點的裝配點ID,裝配點ID 用于全局唯一標(biāo)識該裝配點。當(dāng)然也并不是每個區(qū)域都必須要設(shè)定裝配點的， 如果該區(qū)域的內(nèi)容是每個使用該頁面布局模板的頁面所共有的內(nèi)容，例如在 頁面下部的版權(quán)區(qū)域，所有頁面的該版權(quán)區(qū)域的內(nèi)容都是相同的，因此就不 需要為該區(qū)域定義裝配點。步驟S403，創(chuàng)建頁面內(nèi)容，該頁面內(nèi)容包括頁面片段、腳本定義內(nèi)容 或HTML內(nèi)容。由于新頁面布局模板的區(qū)域較多，因此還需要創(chuàng)建所述頁面 內(nèi)容與需要適配的裝配點的對應(yīng)關(guān)系，如果有的裝配點不是需要添加頁面內(nèi) 容，而是需要設(shè)置該裝配點所在區(qū)域的頁面屬性，則根據(jù)該裝配點所在區(qū)域 的特性設(shè)置該裝配點的頁面屬性，例如寬度屬性、面積屬性等。其中， 一個 區(qū)域的裝配點可對應(yīng)多個頁面片^:。步驟S404,將創(chuàng)建的頁面內(nèi)容及裝配點所在區(qū)域的頁面屬性導(dǎo)入裝配點所在的區(qū)域以生成Web頁面。根據(jù)頁面內(nèi)容與需要適配的裝配點的對應(yīng)關(guān)系，將頁面內(nèi)容導(dǎo)入適配的 裝配點所在的區(qū)域，對于不需要添加頁面內(nèi)容裝配點，則將設(shè)置的該裝配點 所在區(qū)域的頁面屬性賦予相應(yīng)的裝配點，生成Web頁面。本發(fā)明實施例提出 了兩種將頁面內(nèi)容導(dǎo)入裝配點所在區(qū)域的方法， 一種是如果需要導(dǎo)入的頁面 內(nèi)容非常多，導(dǎo)入裝配點對應(yīng)區(qū)域的代碼后會造成層次不清，不便于維護等 問題，因此就使用include指令將片段文件路徑和片段文件名導(dǎo)入裝配點對應(yīng) 區(qū)域的代碼。例如對于一個較大的頁面片段文件，通過include指令將該片段 文件插入裝配點對應(yīng)區(qū)域代碼；另一種是如果需要導(dǎo)入的頁面內(nèi)容不大，例 如一小段腳本定義內(nèi)容或HTML代碼內(nèi)容，則可將該小段腳本定義內(nèi)容或 HTML代碼內(nèi)容直接寫入裝配點對應(yīng)區(qū)域代碼。通過上述實施例一和實施例二，可以發(fā)現(xiàn)在多個Web頁面共同引用一 個頁面布局模板時，只要調(diào)整該頁面布局模板的布局區(qū)域和區(qū)域?qū)?yīng)的裝配 點，就可以實現(xiàn)對所有共同引用該頁面布局才莫斧反的所有Web頁面的布局調(diào)整。本發(fā)明實施例還提出了一種Web頁面維護方法，如圖5所示為本發(fā)明實 施例三的Web頁面維護方法流程圖，用于在頁面開發(fā)完成后對Web頁面進行 維護，包括以下步驟步驟S501,調(diào)整Web頁面的頁面布局模板。如果需要對Web頁面的布局進行調(diào)整，包括調(diào)整頁面的布局或更改頁面 公用內(nèi)容等，例如，將頁面原有的上下布局模式調(diào)整為左右布局模式，或者 將該網(wǎng)站下所有頁面的網(wǎng)站Logo。這樣用戶就不需要在調(diào)整頁面的布局的時 候，對每個頁面都逐一進行修改，只要更改頁面公用的頁面布局模板就可以 了。其中，調(diào)整Web頁面的頁面布局模板具體為調(diào)整該頁面布局模版的區(qū)域， 以及該區(qū)域包含的裝配點，保證裝配點與區(qū)域的對應(yīng)關(guān)系不變，這樣才能使 得需要導(dǎo)入某個區(qū)域的內(nèi)容不會被導(dǎo)入到其它區(qū)域中。步驟S502,將頁面內(nèi)容導(dǎo)入適配的裝配點所在的區(qū)域以更新Web頁面， 該頁面內(nèi)容和裝配點的對應(yīng)關(guān)系在頁面開發(fā)時就已經(jīng)設(shè)置好了 ，因此直接根 據(jù)原有的頁面內(nèi)容和頁面內(nèi)容與裝配點的對應(yīng)關(guān)系將頁面內(nèi)容導(dǎo)入相應(yīng)的區(qū)域，完成對Web頁面布局的調(diào)整。本發(fā)明實施例還提出 一種修改頁面內(nèi)容的方法，即直接對頁面內(nèi)容中的 頁面片段、補充的腳本定義或標(biāo)準(zhǔn)的HTML內(nèi)容進行修改。因為只要不是對 頁面布局模板和頁面內(nèi)容與裝配點的對應(yīng)關(guān)系做出修改，則就不需要重新生 成Web頁面，因此各個區(qū)域?qū)?yīng)的頁面內(nèi)容修改后其修改效果就會直接反映 在Web頁面中。針對上述三種實施例所述的Web頁面開發(fā)和維護方法，本發(fā)明實施例提 出了兩種實現(xiàn)的版本， 一種是基于本地系統(tǒng)的腳本語言實現(xiàn)，例如Windows 系統(tǒng)下支持的VBScript和JScript等腳本語言，基于該腳本語言的特點，其主 要應(yīng)用于實現(xiàn)靜態(tài)頁面的開發(fā)和維護；本發(fā)明實施例提出的另 一種版本是基 于Java語言實現(xiàn)，其特點是支持服務(wù)器的動態(tài)應(yīng)用，因此該版本主要應(yīng)用與 動態(tài)頁面的開發(fā)和維護。通過本發(fā)明實施例的Web頁面開發(fā)和維護方法及裝置，只要調(diào)整頁面布 局模板就可以將使用該頁面布局模板的所有頁面的頁面布局進行調(diào)整，不需 要用戶對每個頁面逐一調(diào)整，降低了 Web頁面開發(fā)和維護的工作量，支持靈 活便捷的Web頁面布局調(diào)整。使得用戶只需要關(guān)注Web頁面內(nèi)容而不必關(guān)系 Web頁面的布局?；诒景l(fā)明實施例將頁面布局模板和頁面內(nèi)容的裝配原理， 因此本發(fā)明既可以在靜態(tài)(HTML)開發(fā)模式下實現(xiàn)，也可以在動態(tài)(JSF)開 發(fā)模式下實現(xiàn)。通過以上的實施方式的描述，本領(lǐng)域的技術(shù)人員可以清楚地了解到本 發(fā)明可借助軟件加必需的通用硬件平臺的方式來實現(xiàn)，當(dāng)然也可以通過硬 件，但很多情況下前者是更佳的實施方式?；谶@樣的理解，本發(fā)明的技 術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機軟件產(chǎn)品存儲在一個存儲介質(zhì)中，包括若干指令用以使 得一臺計算機設(shè)備(可以是個人計算機，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個實施例所述的方法。以上所述僅是本發(fā)明的優(yōu)選實施方式，應(yīng)當(dāng)指出，對于本技術(shù)領(lǐng)域的 普通技術(shù)人員來說，在不脫離本發(fā)明原理的前提下，還可以做出若干改進和潤飾，這些改進和潤飾也應(yīng)視為本發(fā)明的保護范圍
權(quán)利要求
1、 一種Web頁面開發(fā)和維護方法，用于對Web頁面的布局隨時進行調(diào) 整，其特征在于，包括以下步驟在頁面布局模板中定義裝配點，所述裝配點與所述頁面布局模板中的區(qū) 域?qū)?yīng)；創(chuàng)建頁面內(nèi)容；將所述頁面內(nèi)容導(dǎo)入所述裝配點所在的區(qū)域以生成Web頁面。
2、 如權(quán)利要求l所述Web頁面開發(fā)和維護方法，其特征在于，在所述在 頁面布局中設(shè)置裝配點之前，還包括以下步驟創(chuàng)建所述頁面布局模板。
3、 如權(quán)利要求l所述Web頁面開發(fā)和維護方法，其特征在于，在所述創(chuàng) 建頁面內(nèi)容之后還包括創(chuàng)建所述頁面內(nèi)容與需要適配的所述裝配點的對應(yīng)關(guān)系；所述將頁面內(nèi)容導(dǎo)入所述裝配點所在的區(qū)域具體包括#>據(jù)所述頁面內(nèi) 容與需要適配的所述裝配點的對應(yīng)關(guān)系，將所述頁面內(nèi)容導(dǎo)入所述適配的裝 配點所在的區(qū)域。
4、 如權(quán)利要求1所述Web頁面開發(fā)和維護方法，其特征在于，在所述創(chuàng) 建頁面內(nèi)容之后還包括設(shè)置所述裝備點所在區(qū)域的頁面屬性。
5、 如權(quán)利要求l或3所述Web頁面開發(fā)和維護方法，其特征在于，所述 頁面內(nèi)容包括頁面片,殳、腳本定義內(nèi)容或HTML內(nèi)容。
6、 如權(quán)利要求l所述Web頁面開發(fā)和維護方法，其特征在于，在所述將 頁面內(nèi)容導(dǎo)入所述裝配點所在的區(qū)域以生成Web頁面之后，還包括以下步驟調(diào)整Web頁面的頁面布局才莫板；將頁面內(nèi)容導(dǎo)入適配的裝配點所在區(qū)域以更新Web頁面。
7、 如權(quán)利要求6所述Web頁面開發(fā)和維護方法，其特征在于，所述調(diào)整 Web頁面的頁面布局模板具體包括調(diào)整所述頁面布局才莫版的區(qū)域，及所述 區(qū)域包含的所述裝配點。
8、 一種Web頁面開發(fā)和維護裝置，用于對Web頁面實現(xiàn)頁面布局的隨時調(diào)整，其特征在于，包括裝配點設(shè)置保存模塊、頁面內(nèi)容創(chuàng)建模塊和頁面. 生成模塊，所述裝配點設(shè)置保存模塊，用于保存在頁面布局模板中定義的裝配點，所述裝配點與所述頁面布局才莫板中的區(qū)域?qū)?yīng)；所述頁面內(nèi)容創(chuàng)建才莫塊，用于保存創(chuàng)建的頁面內(nèi)容；所述頁面生成模塊，用于將所述頁面內(nèi)容創(chuàng)建模塊保存的頁面內(nèi)容導(dǎo)入 所述裝配點所在的區(qū)域以生成Web頁面。
9、 如權(quán)利要求8所述Web頁面開發(fā)和維護裝置，其特征在于，還包括頁 面布局模板創(chuàng)建模塊，用于創(chuàng)建所述頁面布局模板。
10、 如權(quán)利要求8所述Web頁面開發(fā)和維護裝置，其特征在于，所述頁 面內(nèi)容創(chuàng)建模塊包括對應(yīng)關(guān)系設(shè)置子模塊，用于保存所述頁面內(nèi)容與需要適 配的所述裝配點的對應(yīng)關(guān)系。
11、 如權(quán)利要求8所述Web頁面開發(fā)和維護裝置，其特征在于，所述頁 面內(nèi)容創(chuàng)建模塊包括頁面屬性設(shè)置子模塊，用于設(shè)置所述裝備點所在區(qū)域的 頁面屬性。
12、 如權(quán)利要求8所述Web頁面開發(fā)和維護裝置，其特征在于，還包括 頁面維護模塊，用于在所述頁面布局模板發(fā)生調(diào)整后，通知所述頁面生成模 塊將所述頁面內(nèi)容導(dǎo)入所述裝配點所在的區(qū)域以生成新的Web頁面。
13、 一種計算積4呈序，用于對Web頁面實現(xiàn)頁面布局的隨時調(diào)整，其特 征在于，包括若干指令用以使得一個計算機設(shè)備執(zhí)行以下方法用于將創(chuàng)建的頁面內(nèi)容導(dǎo)入一個預(yù)先設(shè)定的并且與所述頁面內(nèi)容適配的 裝配點所在的區(qū)域中，以完成生成網(wǎng)頁所需要的代碼。
14、 如權(quán)利要求13所述的計算機程序，其特征在于，其中所述方法還包 括以下步驟在所述頁面布局模板發(fā)生調(diào)整時，將所述頁面內(nèi)容導(dǎo)入所述裝配點所在 的區(qū)域以生成新的Web頁面。
15、 如權(quán)利要求13所述的計算機程序，其特征在于，所述計算機程序為 腳本程序或Java程序。
16、 一種存儲介質(zhì)，其特征在于，存儲權(quán)利要求13- 14所述的計算機程序。
17、 一種計算機設(shè)備，其特征在于，包括用以執(zhí)行前述權(quán)利要求1-7所 述Web頁面開發(fā)和維護方法的軟件及與軟件配合的硬件。
全文摘要
本發(fā)明公開了一種Web頁面開發(fā)和維護方法，用于對Web頁面的布局隨時進行調(diào)整，包括以下步驟在頁面布局模板中定義裝配點，所述裝配點與所述頁面布局模板中的區(qū)域?qū)?yīng)；創(chuàng)建頁面內(nèi)容；將所述頁面內(nèi)容導(dǎo)入所述裝配點所在區(qū)域以生成Web頁面。通過本發(fā)明實施例實現(xiàn)了只要調(diào)整頁面布局模板就可以將使用該頁面布局模板的所有頁面的頁面布局進行調(diào)整，不需要用戶對每個頁面逐一調(diào)整，降低了Web頁面開發(fā)和維護的工作量。
文檔編號G06F17/30GK101311925SQ20071010764
公開日2008年11月26日 申請日期2007年5月23日 優(yōu)先權(quán)日2007年5月23日
發(fā)明者呂翠鳳, 彪 張, 李方寧, 冰 胡 申請人:杭州華三通信技術(shù)有限公司