專利名稱：保存網(wǎng)站界面可視化編輯操作的方法
技術(shù)領(lǐng)域：
本方法涉及網(wǎng)站信息處理相關(guān)技術(shù)，特別是涉及保存網(wǎng)站界面可視化編輯操作的 方法。
背景技術(shù)：
網(wǎng)站界面的可視化編輯是網(wǎng)站管理員更加方便的更改網(wǎng)站界面的一種方法，此方 法目前已經(jīng)在個(gè)人博客和空間的更換模板上有應(yīng)用。網(wǎng)站界面的可視化編輯最根本的技術(shù)是將一個(gè)界面中的各個(gè)部分分成不同的模 塊，每一部分作為一個(gè)模塊進(jìn)行處理，從而可以方便的刪除模塊、添加模塊、和/或改變模 塊的位置等，從而改變界面的整體布局。當(dāng)用戶對(duì)模塊進(jìn)行操作時(shí)，需要實(shí)時(shí)的顯示界面編 輯的結(jié)果，以判斷對(duì)編輯后的界面是否滿意通常用戶會(huì)對(duì)界面的各模塊進(jìn)行大量的操作直 到感到實(shí)時(shí)界面滿意。因?yàn)檫@種原因，保存對(duì)網(wǎng)站界面可視化編輯操作理想的方法是在用 戶對(duì)網(wǎng)站頁(yè)面的編輯過(guò)程中不最終保存每一操作，而是在用戶對(duì)編輯后的界面滿意后才最 終保存該界面到存儲(chǔ)器中，下文中我們將這種理想的保存方法稱為“非實(shí)時(shí)保存”。相反如 果操作是實(shí)時(shí)保存的，那么用戶在編輯過(guò)程中的所有錯(cuò)誤操作或者不滿意的操作也會(huì)被保 存下來(lái)，而被其他訪問(wèn)者看到。對(duì)用戶編輯操作的實(shí)時(shí)保存中加大了服務(wù)器的開銷，也使用 戶難于將界面恢復(fù)到錯(cuò)誤操作前的界面狀態(tài)。本文所提及的網(wǎng)站界面可視化編輯是指對(duì)用戶對(duì)網(wǎng)站界面中各模塊的操作。用戶 對(duì)模塊的操作主要包括(1)修改模塊的配置參數(shù)，例如修改和模塊的格式和樣式等有關(guān) 的各種參數(shù)。(2)添加或刪除一個(gè)或多個(gè)模塊。(3)改變模塊在界面中的排列布局和排列 順序?，F(xiàn)有技術(shù)中，用戶保存對(duì)網(wǎng)站界面的編輯操作的方法有以下兩種
A.用戶對(duì)網(wǎng)站界面的可視化編輯只是添加或刪除模塊，或改變模塊在界面中的排列 布局和排列順序，而不修改模塊的配置參數(shù)，用戶在編輯完成后保存網(wǎng)站界面。在用戶以這種方法對(duì)網(wǎng)站界面進(jìn)行編輯的情況下，用戶添加模塊時(shí)，添加的采用 默認(rèn)的配置參數(shù)。在對(duì)添加的模塊進(jìn)行編輯時(shí)，僅能改變?cè)撃K的位置而不能修改模塊的 配置參數(shù)。用戶在編輯過(guò)程中不對(duì)編輯操作進(jìn)行保存。在用戶完成編輯后保存網(wǎng)站界面時(shí)， 首先掃描界面中使用到的各個(gè)模塊，從而得知界面最終存在哪些模塊，以及模塊的位置，再 將編輯后的網(wǎng)站界面的掃描結(jié)果保存到存儲(chǔ)器中，最終完成編輯操作。這種方法的弊端是不能對(duì)各模塊配置參數(shù)的進(jìn)行更改。B.用戶對(duì)網(wǎng)站界面的可視化編輯包括添加或刪除模塊，改變模塊在界面中的排 列布局和排列順序和修改模塊的配置參數(shù)中的一種或多種。當(dāng)用戶對(duì)網(wǎng)站界面添加或刪除模塊，或改變模塊在界面中的排列布局和排列順序 時(shí)，用戶在編輯完成后通過(guò)掃描網(wǎng)站界面對(duì)界面進(jìn)行保存，非實(shí)時(shí)地保存對(duì)網(wǎng)站界面的上 述編輯操作。每當(dāng)用戶修改模塊的配置參數(shù)時(shí)，對(duì)修改后的網(wǎng)站界面進(jìn)行實(shí)時(shí)保存。在用戶以這種方法對(duì)網(wǎng)站界面進(jìn)行編輯的情況下，每修改一次模板的配置參數(shù)，用戶就需要保存一次。這種做法的弊端是對(duì)于配置參數(shù)的修改不能非實(shí)時(shí)保存，服務(wù)器的開銷較大。對(duì) 配置參數(shù)的修改被保存后，不容易回到修改前的配置參數(shù)。因而，需要一種可以非實(shí)時(shí)保存對(duì)網(wǎng)站界面的可視化編輯的方法。

發(fā)明內(nèi)容
為了讓用戶可以在對(duì)網(wǎng)站界面進(jìn)行可視化編輯時(shí)更加靈活地對(duì)各種編輯操作進(jìn) 行保存，本發(fā)明提供了一種包括臨時(shí)保存和最終保存的保存方法，臨時(shí)保存是指將用戶的 編輯操作實(shí)時(shí)保存到臨時(shí)文件中，最終保存是指從臨時(shí)文件中讀取包括模塊的標(biāo)識(shí)符和修 改后的模塊配置參數(shù)的配置信息數(shù)據(jù)并存儲(chǔ)到存儲(chǔ)器中，然后對(duì)網(wǎng)站界面進(jìn)行掃描并保存 掃描結(jié)果。由此實(shí)現(xiàn)了用戶操作的非實(shí)時(shí)保存。
本方法可以在可視化編輯網(wǎng)站界面時(shí)，提供對(duì)模塊配置參數(shù)的非實(shí)時(shí)保存，使得例如 管理人員的用戶可以可視化且方便地對(duì)網(wǎng)站界面內(nèi)的各模塊進(jìn)行編輯。本發(fā)明提供一種保存網(wǎng)站界面可視化編輯操作的方法，該方法包括以下步驟 當(dāng)編輯網(wǎng)站界面中模塊的配置參數(shù)時(shí)，觸發(fā)用于臨時(shí)保存的監(jiān)聽事件，
將包括被編輯模塊的標(biāo)識(shí)符和該模塊配置參數(shù)的配置信息數(shù)據(jù)保存在臨時(shí)文件中； 當(dāng)保存網(wǎng)站界面時(shí)，讀取臨時(shí)文件中的模塊配置信息數(shù)據(jù)并存儲(chǔ)到存儲(chǔ)器中，掃描網(wǎng) 站界面中的各模塊并將包括模塊標(biāo)識(shí)符和各模塊布局和排列順序的掃描結(jié)果存儲(chǔ)到存儲(chǔ) 器中。優(yōu)選地，該方法進(jìn)一步包括，當(dāng)選擇編輯網(wǎng)站界面中模塊的配置參數(shù)時(shí)，網(wǎng)站界面 彈出用于編輯模塊配置參數(shù)的菜單，該用于編輯模塊配置參數(shù)的菜單施加有所述監(jiān)聽事 件。優(yōu)選地，該方法進(jìn)一步包括，當(dāng)添加模塊時(shí)，網(wǎng)站界面顯示新增加的模塊并彈出用 于編輯配置參數(shù)的菜單，該用于編輯配置參數(shù)的菜單施加有所述監(jiān)聽事件。優(yōu)選地，通過(guò)確認(rèn)對(duì)模塊配置參數(shù)的修改，觸發(fā)所述臨時(shí)保存，將包括模塊標(biāo)識(shí)符 和配置參數(shù)的配置信息數(shù)據(jù)發(fā)送到服務(wù)器，服務(wù)器將接收到的配置信息數(shù)據(jù)以序列化數(shù)組 格式保存到臨時(shí)文件中。優(yōu)選地，將包括被編輯模塊標(biāo)識(shí)符和配置參數(shù)的配置信息數(shù)據(jù)保存在臨時(shí)文件中 進(jìn)一步包括，判斷在臨時(shí)文件中是否存在該模塊的配置信息數(shù)據(jù)，如果存在，則覆蓋已存在 的該模塊配置信息數(shù)據(jù)。優(yōu)選地，所述保存網(wǎng)站界面的操作包括點(diǎn)擊網(wǎng)站界面上的保存按鈕。優(yōu)選地，該方法包括以下步驟
當(dāng)編輯網(wǎng)站界面中模塊的配置參數(shù)時(shí)，觸發(fā)用于臨時(shí)保存的監(jiān)聽事件， 將包括被編輯模塊的標(biāo)識(shí)符和配置參數(shù)的配置信息數(shù)據(jù)保存在臨時(shí)文件中； 當(dāng)保存網(wǎng)站界面時(shí)，讀取臨時(shí)文件中的模塊模塊配置信息數(shù)據(jù)并存儲(chǔ)到存儲(chǔ)器中。優(yōu)選地，該方法進(jìn)一步包括，當(dāng)選擇編輯網(wǎng)站界面中模塊的配置參數(shù)時(shí)，網(wǎng)站界面 彈出用于編輯配置參數(shù)的菜單，該用于編輯配置參數(shù)的菜單施加有所述監(jiān)聽事件。優(yōu)選地，通過(guò)確認(rèn)對(duì)模塊配置參數(shù)的修改，觸發(fā)所述臨時(shí)保存，將包括模塊標(biāo)識(shí)符和配置參數(shù)的配置信息數(shù)據(jù)發(fā)送到服務(wù)器，服務(wù)器將接收到的配置信息數(shù)據(jù)以序列化數(shù)組 格式保存到臨時(shí)文件中。優(yōu)選地，將包括被編輯模塊標(biāo)識(shí)符和配置參數(shù)的配置信息數(shù)據(jù)保存在臨時(shí)文件中 進(jìn)一步包括，判斷在臨時(shí)文件中是否存在該模塊的配置信息數(shù)據(jù)，如果存在，則覆蓋已存在 的該模塊配置信息數(shù)據(jù)。
根據(jù)本發(fā)明的方法的有益效果如下
采用本發(fā)明所述技術(shù)方案，用戶在網(wǎng)站界面中添加新模塊或?qū)δK的配置參數(shù)進(jìn)行可 視化編輯時(shí)，可將操作實(shí)時(shí)保存到臨時(shí)文件，在配置參數(shù)編輯完成后，將模塊的配置信息數(shù) 據(jù)從臨時(shí)保存中讀取出來(lái)保存在服務(wù)器中，實(shí)現(xiàn)非實(shí)時(shí)保存內(nèi)容的最終保存。此方法可以 對(duì)在網(wǎng)站界面中模塊的編輯操作，例如修改模塊的配置參數(shù)，增加模塊，刪除模塊，和/或 改變模塊在界面中的排列布局和排列順序等操作，進(jìn)行任意的非實(shí)時(shí)保存，從而提高了用 戶編輯操作的可控性和使用體驗(yàn)，也節(jié)約了實(shí)時(shí)保存所需的系統(tǒng)開銷。_


下面將參照附圖結(jié)合本發(fā)明的優(yōu)選實(shí)例對(duì)本發(fā)明的優(yōu)點(diǎn)和特定進(jìn)行詳細(xì)說(shuō)明，其 中
圖1示出根據(jù)本發(fā)明實(shí)施例的臨時(shí)保存修改模塊配置參數(shù)的方法的流程圖； 圖2示出根據(jù)本發(fā)明的保存可視化編輯網(wǎng)站界面的操作的方法的流程圖。
具體實(shí)施例方式下面將參照?qǐng)D1和圖2對(duì)本發(fā)明的優(yōu)選實(shí)施例進(jìn)行詳細(xì)的說(shuō)明。用戶進(jìn)入可視化操作界面。此時(shí)用戶可以進(jìn)行添加模塊，刪除模塊，改變模塊布局 位置和編輯模塊配置信息等等操作。當(dāng)用戶在網(wǎng)站可視化界面中添加模塊或編輯模塊配置信息時(shí)，可對(duì)用戶的操作進(jìn) 行臨時(shí)，如圖1所示。當(dāng)用戶添加新模塊時(shí)，網(wǎng)站界面在出現(xiàn)新模塊的同時(shí)會(huì)彈出模塊配置參數(shù)單，該 模塊配置參數(shù)單被施加有臨時(shí)保存監(jiān)聽事件。用戶根據(jù)需要填寫配置參數(shù)單，對(duì)模塊的各 項(xiàng)參數(shù)進(jìn)行設(shè)置。模塊的配置參數(shù)例如包括和模塊的格式和樣式有關(guān)的各種參數(shù)。當(dāng)填寫 配置參數(shù)單的操作完成時(shí)，用戶通過(guò)例如點(diǎn)擊模塊配置參數(shù)單上的確定項(xiàng)，觸發(fā)臨時(shí)保存 機(jī)制。包括該新添加模塊的標(biāo)識(shí)符和模塊配置參數(shù)的模塊配置信息數(shù)據(jù)被發(fā)送到服務(wù)器。 服務(wù)器接收該數(shù)據(jù)，將模塊的標(biāo)識(shí)符和模塊的配置參數(shù)等數(shù)據(jù)以例如序列化數(shù)組格式保存 到臨時(shí)文件中。當(dāng)用戶選擇對(duì)模塊配置參數(shù)進(jìn)行編輯時(shí)，網(wǎng)站界面會(huì)彈出模塊配置參數(shù)單，該模 塊配置參數(shù)單被施加有監(jiān)聽事件。用戶根據(jù)需要填寫或修改配置參數(shù)單，對(duì)模塊的各項(xiàng)參 數(shù)進(jìn)行設(shè)置。模塊的配置參數(shù)例如包括和模塊的格式和樣式有關(guān)的各種參數(shù)。當(dāng)填寫或修 改配置參數(shù)的操作完成時(shí)，用戶通過(guò)例如點(diǎn)擊模塊配置參數(shù)單上的確定項(xiàng)，觸發(fā)臨時(shí)保存
5機(jī)制。包括該模塊的標(biāo)識(shí)符和修改后的模塊配置參數(shù)的配置信息數(shù)據(jù)被發(fā)送到服務(wù)器。服 務(wù)器接收該數(shù)據(jù)，將接收數(shù)據(jù)中的模塊標(biāo)識(shí)符與臨時(shí)文件中已經(jīng)存在的各模塊配置信息數(shù) 據(jù)進(jìn)行比較。如果臨時(shí)文件中不存在與所接收模塊配置信息數(shù)據(jù)具有相同標(biāo)識(shí)符的配置信 息數(shù)據(jù)，即臨時(shí)文件中不存在該模塊的數(shù)據(jù)，則將接收到的模塊配置信息數(shù)據(jù)以序列化數(shù) 組格式保存到臨時(shí)文件中。如果臨時(shí)文件中存在與所接收模塊配置信息數(shù)據(jù)具有相同標(biāo)識(shí) 符的配置信息數(shù)據(jù)，即臨時(shí)文件中已存在該模塊的數(shù)據(jù)，則用接收到的數(shù)據(jù)覆蓋臨時(shí)文件 中該模塊的配置信息。圖2示出根據(jù)本發(fā)明的保存可視化編輯網(wǎng)站界面的操作的方法的流程圖。用戶進(jìn)入可視化操作界面，可以進(jìn)行添加模塊，刪除模塊，改變模塊布局位置和編 輯模塊配置信息等等操作，實(shí)現(xiàn)對(duì)網(wǎng)站頁(yè)面的編輯。如上所述，當(dāng)用戶編輯網(wǎng)站界面中模塊的配置參數(shù)時(shí)，觸發(fā)用于臨時(shí)保存的監(jiān)聽 事件，將包括被編輯模塊的標(biāo)識(shí)符和該模塊配置參數(shù)的配置信息數(shù)據(jù)保存在臨時(shí)文件中， 實(shí)現(xiàn)對(duì)編輯操作的臨時(shí)保存。當(dāng)用戶進(jìn)行刪除模塊，或改變模塊在界面中的排列布局和排 列順序的操作時(shí)，不對(duì)用戶的這些操作進(jìn)行臨時(shí)保存。用戶對(duì)網(wǎng)站界面進(jìn)行各種編輯操作，直到用戶滿意當(dāng)前網(wǎng)站界面。當(dāng)用戶希望保 存編輯后的網(wǎng)站界面時(shí)，用戶例如通過(guò)點(diǎn)擊網(wǎng)站界面的保存按鈕，觸發(fā)對(duì)該界面的最終保 存機(jī)制。最終保存機(jī)制被觸發(fā)后，首先檢查臨時(shí)保存文件中是否存儲(chǔ)有數(shù)據(jù)，如果有則取 出包括模塊標(biāo)識(shí)符和配置信息的配置信息數(shù)據(jù)，并將配置信息數(shù)據(jù)寫入數(shù)據(jù)庫(kù)。然后掃描 該界面存在的各模塊以及模塊布局和排列順序，并將掃描結(jié)果更新到數(shù)據(jù)庫(kù)。
以上借助本發(fā)明的優(yōu)選實(shí)施例本發(fā)明的技術(shù)方案進(jìn)行了詳細(xì)說(shuō)明，應(yīng)當(dāng)理解，以上說(shuō) 明是示意性的而非限制性的。本領(lǐng)域的普通技術(shù)人員在閱讀本發(fā)明說(shuō)明書的基礎(chǔ)上可以對(duì) 各實(shí)施例所記載的技術(shù)方案進(jìn)行修改，或者對(duì)其中部分技術(shù)特征進(jìn)行等同替換；而這些修 改或者替換，并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本發(fā)明各實(shí)施例技術(shù)方案的精神和范圍。本 發(fā)明的保護(hù)范圍僅由隨附權(quán)利要求書限定。
權(quán)利要求
1.一種保存網(wǎng)站界面可視化編輯操作的方法，其特征在于，該方法包括以下步驟當(dāng)編輯網(wǎng)站界面中模塊的配置參數(shù)時(shí)，觸發(fā)用于臨時(shí)保存的監(jiān)聽事件，將包括被編輯模塊的標(biāo)識(shí)符和該模塊配置參數(shù)的配置信息數(shù)據(jù)保存在臨時(shí)文件中；當(dāng)保存網(wǎng)站界面時(shí)，讀取臨時(shí)文件中的模塊配置信息數(shù)據(jù)并存儲(chǔ)到存儲(chǔ)器中，掃描網(wǎng) 站界面中的各模塊并將包括模塊標(biāo)識(shí)符和各模塊布局和排列順序的掃描結(jié)果存儲(chǔ)到存儲(chǔ) 器中。
2.根據(jù)權(quán)利要求1所述的保存網(wǎng)站界面可視化編輯操作的方法，其特征在于，該方法 進(jìn)一步包括，當(dāng)選擇編輯網(wǎng)站界面中模塊的配置參數(shù)時(shí)，網(wǎng)站界面彈出用于編輯模塊配置 參數(shù)的菜單，該用于編輯模塊配置參數(shù)的菜單施加有所述監(jiān)聽事件。
3.根據(jù)權(quán)利要求1所述的保存網(wǎng)站界面可視化編輯操作的方法，其特征在于，該方法 進(jìn)一步包括，當(dāng)添加模塊時(shí)，網(wǎng)站界面顯示新增加的模塊并彈出用于編輯配置參數(shù)的菜單， 該用于編輯配置參數(shù)的菜單施加有所述監(jiān)聽事件。
4.根據(jù)權(quán)利要求2或3所述的保存網(wǎng)站界面可視化編輯操作的方法，其特征在于，通過(guò) 確認(rèn)對(duì)模塊配置參數(shù)的修改，觸發(fā)所述臨時(shí)保存，將包括模塊標(biāo)識(shí)符和配置參數(shù)的配置信 息數(shù)據(jù)發(fā)送到服務(wù)器，服務(wù)器將接收到的配置信息數(shù)據(jù)以序列化數(shù)組格式保存到臨時(shí)文件 中。
5.根據(jù)權(quán)利要求1所述的保存網(wǎng)站界面可視化編輯操作的方法，其特征在于，將包括 被編輯模塊標(biāo)識(shí)符和配置參數(shù)的配置信息數(shù)據(jù)保存在臨時(shí)文件中進(jìn)一步包括，判斷在臨時(shí) 文件中是否存在該模塊的配置信息數(shù)據(jù)，如果存在，則覆蓋已存在的該模塊配置信息數(shù)據(jù)。
6.根據(jù)權(quán)利要求1所述的保存網(wǎng)站界面可視化編輯操作的方法，其特征在于，所述保 存網(wǎng)站界面的操作包括點(diǎn)擊網(wǎng)站界面上的保存按鈕。
7.一種保存網(wǎng)站界面可視化編輯操作的方法，其特征在于，該方法包括以下步驟當(dāng)編輯網(wǎng)站界面中模塊的配置參數(shù)時(shí)，觸發(fā)用于臨時(shí)保存的監(jiān)聽事件，將包括被編輯模塊的標(biāo)識(shí)符和配置參數(shù)的配置信息數(shù)據(jù)保存在臨時(shí)文件中；當(dāng)保存網(wǎng)站界面時(shí)，讀取臨時(shí)文件中的模塊模塊配置信息數(shù)據(jù)并存儲(chǔ)到存儲(chǔ)器中。
8.根據(jù)權(quán)利要求7所述的保存網(wǎng)站界面可視化編輯操作的方法，其特征在于，該方法 進(jìn)一步包括，當(dāng)選擇編輯網(wǎng)站界面中模塊的配置參數(shù)時(shí)，網(wǎng)站界面彈出用于編輯配置參數(shù) 的菜單，該用于編輯配置參數(shù)的菜單施加有所述監(jiān)聽事件。
9.根據(jù)權(quán)利要求7所述的保存網(wǎng)站界面可視化編輯操作的方法，其特征在于，通過(guò)確 認(rèn)對(duì)模塊配置參數(shù)的修改，觸發(fā)所述臨時(shí)保存，將包括模塊標(biāo)識(shí)符和配置參數(shù)的配置信息 數(shù)據(jù)發(fā)送到服務(wù)器，服務(wù)器將接收到的配置信息數(shù)據(jù)以序列化數(shù)組格式保存到臨時(shí)文件 中。
10.根據(jù)權(quán)利要求9所述的保存網(wǎng)站界面可視化編輯操作的方法，其特征在于，將包括 被編輯模塊標(biāo)識(shí)符和配置參數(shù)的配置信息數(shù)據(jù)保存在臨時(shí)文件中進(jìn)一步包括，判斷在臨時(shí) 文件中是否存在該模塊的配置信息數(shù)據(jù)，如果存在，則覆蓋已存在的該模塊配置信息數(shù)據(jù)。
全文摘要
本發(fā)明提供一種保存網(wǎng)站界面可視化編輯操作的方法，該方法包括以下步驟當(dāng)編輯網(wǎng)站界面中模塊的配置參數(shù)時(shí)，觸發(fā)用于臨時(shí)保存的監(jiān)聽事件，將包括被編輯模塊的標(biāo)識(shí)符和該模塊配置參數(shù)的配置信息數(shù)據(jù)保存在臨時(shí)文件中；當(dāng)保存網(wǎng)站界面時(shí)，讀取臨時(shí)文件中的模塊配置信息數(shù)據(jù)并存儲(chǔ)到存儲(chǔ)器中，掃描網(wǎng)站界面中的各模塊并將包括模塊標(biāo)識(shí)符和各模塊布局和排列順序的掃描結(jié)果存儲(chǔ)到存儲(chǔ)器中。根據(jù)本發(fā)明的方法，用戶可以對(duì)界面操作進(jìn)行非實(shí)時(shí)保存，從而提高了用戶編輯操作的可控性和使用體驗(yàn)，也節(jié)約了實(shí)時(shí)保存所需的系統(tǒng)開銷。
文檔編號(hào)G06F17/30GK102073685SQ20101060256
公開日2011年5月25日 申請(qǐng)日期2010年12月23日 優(yōu)先權(quán)日2010年12月23日
發(fā)明者夏學(xué)智, 梅春, 潘海東 申請(qǐng)人:互動(dòng)在線(北京)科技有限公司