本發(fā)明涉及信息處理技術(shù)，尤其涉及一種頁面編輯方法，以及一種頁面編輯裝置。

背景技術(shù)：

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，人們越來越多地通過網(wǎng)絡(luò)從網(wǎng)站的一個或多個網(wǎng)頁中獲取所需信息。

現(xiàn)有技術(shù)中，網(wǎng)頁開發(fā)人員在編輯頁面時，通常需要在代碼編輯頁面中對頁面代碼進(jìn)行編輯，并在代碼編輯結(jié)束后關(guān)閉代碼編輯頁面、返回瀏覽頁面，用戶在瀏覽頁面對所編輯的頁面數(shù)據(jù)進(jìn)行預(yù)覽。

由于現(xiàn)有技術(shù)需要進(jìn)行頁面切換操作才可對所編輯的頁面數(shù)據(jù)進(jìn)行預(yù)覽，因此現(xiàn)有的頁面編輯操作較為繁瑣并且效率較低。而且，在頁面編輯完成后，開發(fā)人員只能通過修改頁面源代碼的方式對頁面進(jìn)行修改，具有操作繁瑣、實(shí)用性差和運(yùn)維成本高等缺點(diǎn)。

技術(shù)實(shí)現(xiàn)要素：

鑒于上述問題，本發(fā)明的實(shí)施例提供了一種頁面編輯方法，以及一種頁面編輯裝置。

依據(jù)本發(fā)明的一個方面，提供了一種頁面編輯方法，所述方法包括：

在操作頁面中展示至少一個用于對頁面組件進(jìn)行編輯的編輯區(qū)域；

接收在所述編輯區(qū)域?qū)λ鲰撁娼M件的編輯操作；

根據(jù)所述編輯操作修改所述頁面組件對應(yīng)的組件代碼；

在所述編輯區(qū)域渲染修改后的組件代碼，得到所述頁面組件的編輯效果。

可選地，所述操作頁面中設(shè)置有多個頁面組件，不同頁面組件對應(yīng)不同的組件參數(shù)。

可選地，在所述接收在所述編輯區(qū)域?qū)λ鲰撁娼M件的編輯操作之前，所述方法還包括：

接收將所述操作頁面中的頁面組件添加至所述編輯區(qū)域的添加操作。

可選地，在所述接收將所述操作頁面中的頁面組件添加至所述編輯區(qū)域的添加操作之后，所述方法還包括：

彈出一用于編輯所述頁面組件的組件參數(shù)的編輯界面；

所述接收在所述編輯區(qū)域?qū)λ鲰撁娼M件的編輯操作包括：

接收在所述編輯界面對所述頁面組件的組件參數(shù)的編輯操作。

可選地，在所述在所述編輯區(qū)域渲染修改后的組件代碼，得到所述頁面組件的編輯效果之后，所述方法還包括：

接收針對所述頁面組件的編輯結(jié)束指令；

將針對所述頁面組件編輯的組件參數(shù)發(fā)送至頁面編輯服務(wù)器，以由所述頁面服務(wù)器根據(jù)所述組件參數(shù)修改所述頁面中的對應(yīng)頁面組件。

可選地，所述方法還包括：

記錄所述頁面組件、所述頁面組件所在的操作頁面、所述頁面組件對應(yīng)的編輯區(qū)域和針對所述頁面組件編輯的組件參數(shù)之間的對應(yīng)關(guān)系；

將所述對應(yīng)關(guān)系發(fā)送至所述頁面編輯服務(wù)器，以供訪客訪問所述頁面時，所述頁面服務(wù)器根據(jù)所述對應(yīng)關(guān)系提取所述頁面中的頁面組件的組件參數(shù)，并根據(jù)提取的組件參數(shù)修改所述頁面中的頁面組件的組件代碼。

可選地，所述記錄所述頁面組件、所述頁面組件所在的操作頁面、所述頁面組件對應(yīng)的編輯區(qū)域和針對所述頁面組件編輯的組件參數(shù)之間的對應(yīng)關(guān)系包括：

記錄所述頁面組件所在的操作頁面和所述頁面組件的第一對應(yīng)關(guān)系；

記錄所述頁面組件和針對所述頁面組件編輯的組件參數(shù)的第二對應(yīng)關(guān)系；

記錄所述頁面組件對應(yīng)的編輯區(qū)域和所述頁面組件的第三對應(yīng)關(guān)系。

依據(jù)本發(fā)明的另一個方面，提供了一種頁面編輯裝置，所述裝置包括：

編輯區(qū)域展示模塊，用于在操作頁面中展示至少一個用于對頁面組件進(jìn)行編輯的編輯區(qū)域；

編輯操作接收模塊，用于接收在所述編輯區(qū)域?qū)λ鲰撁娼M件的編輯操作；

組件代碼修改模塊，用于根據(jù)所述編輯操作修改所述頁面組件對應(yīng)的組件代碼；

編輯效果得到模塊，用于在所述編輯區(qū)域渲染修改后的組件代碼，得到所述頁面組件的編輯效果。

可選地，所述操作頁面中設(shè)置有多個頁面組件，不同頁面組件對應(yīng)不同的組件參數(shù)。

可選地，所述裝置還包括：

添加操作接收模塊，用于在所述接收在所述編輯區(qū)域?qū)λ鲰撁娼M件的編輯操作之前，接收將所述操作頁面中的頁面組件添加至所述編輯區(qū)域的添加操作。

可選地，所述裝置還包括：

編輯界面彈出模塊，用于在所述接收將所述操作頁面中的頁面組件添加至所述編輯區(qū)域的添加操作之后，彈出一用于編輯所述頁面組件的組件參數(shù)的編輯界面；

所述編輯操作接收模塊，具體用于接收在所述編輯界面對所述頁面組件的組件參數(shù)的編輯操作。

可選地，所述裝置還包括：

編輯結(jié)束指令接收模塊，用于在所述在所述編輯區(qū)域渲染修改后的組件代碼，得到所述頁面組件的編輯效果之后，接收針對所述頁面組件的編輯結(jié)束指令；

組件參數(shù)發(fā)送模塊，用于將針對所述頁面組件編輯的組件參數(shù)發(fā)送至頁面編輯服務(wù)器，以由所述頁面服務(wù)器根據(jù)所述組件參數(shù)修改所述頁面中的對應(yīng)頁面組件。

可選地，所述裝置還包括：

對應(yīng)關(guān)系記錄模塊，用于記錄所述頁面組件、所述頁面組件所在的操作頁面、所述頁面組件對應(yīng)的編輯區(qū)域和針對所述頁面組件編輯的組件參數(shù)之間的對應(yīng)關(guān)系；

對應(yīng)關(guān)系發(fā)送模塊，用于將所述對應(yīng)關(guān)系發(fā)送至所述頁面編輯服務(wù)器，以供訪客訪問所述頁面時，所述頁面服務(wù)器根據(jù)所述對應(yīng)關(guān)系提取所述頁面中的頁面組件的組件參數(shù)，并根據(jù)提取的組件參數(shù)修改所述頁面中的頁面組件的組件代碼。

可選地，所述對應(yīng)關(guān)系記錄模塊包括：

第一對應(yīng)關(guān)系記錄子模塊，用于記錄所述頁面組件所在的操作頁面和所述頁面組件的第一對應(yīng)關(guān)系；

第二對應(yīng)關(guān)系記錄子模塊，用于記錄所述頁面組件和針對所述頁面組件編輯的組件參數(shù)的第二對應(yīng)關(guān)系；

第三對應(yīng)關(guān)系記錄子模塊，用于記錄所述頁面組件對應(yīng)的編輯區(qū)域和所述頁面組件的第三對應(yīng)關(guān)系。

與現(xiàn)有技術(shù)相比，本發(fā)明實(shí)施例所述的頁面編輯方法中，操作頁面展示至少一個用于對頁面組件進(jìn)行編輯的編輯區(qū)域，可以接收用戶在編輯區(qū)域?qū)撁娼M件進(jìn)行的編輯操作，待對頁面組件的編輯操作結(jié)束后，可以根據(jù)編輯操作修改頁面組件對應(yīng)的組件代碼，并在編輯區(qū)域渲染修改后的組件代碼，最終將對頁面組件的編輯效果展示在該編輯區(qū)域內(nèi)。本發(fā)明實(shí)施例中，操作人員在管理網(wǎng)頁時，無需改寫代碼來更改網(wǎng)頁的布局，可以直接對網(wǎng)頁進(jìn)行可視化的操作，服務(wù)器根據(jù)操作人員的操作完成頁面的編輯，從而大大提高了網(wǎng)頁運(yùn)維的效率，以及降低了網(wǎng)頁運(yùn)維的成本。

上述說明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段，而可依照說明書的內(nèi)容予以實(shí)施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點(diǎn)能夠更明顯易懂，以下特舉本發(fā)明的具體實(shí)施方式。

附圖說明

通過閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述，各種其他的優(yōu)點(diǎn)和益處對于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實(shí)施方式的目的，而并不認(rèn)為是對本發(fā)明的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中：

圖1示出了根據(jù)本發(fā)明實(shí)施例1的頁面編輯方法的流程圖；

圖2示出了根據(jù)本發(fā)明實(shí)施例2的頁面編輯方法的流程圖；

圖3示出了根據(jù)本發(fā)明實(shí)施例2的編輯界面的示意圖；

圖4示出了根據(jù)本發(fā)明實(shí)施例1的頁面編輯裝置的結(jié)構(gòu)框圖；

圖5示出了根據(jù)本發(fā)明實(shí)施例2的頁面編輯裝置的結(jié)構(gòu)框圖。

具體實(shí)施方式

下面將參照附圖更詳細(xì)地描述本公開的示例性實(shí)施例。雖然附圖中顯示了本公開的示例性實(shí)施例，然而應(yīng)當(dāng)理解，可以以各種形式實(shí)現(xiàn)本公開而不應(yīng)被這里闡述的實(shí)施例所限制。相反，提供這些實(shí)施例是為了能夠更透徹地理解本公開，并且能夠?qū)⒈竟_的范圍完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。

實(shí)施例1

參考圖1，示出了根據(jù)本發(fā)明實(shí)施例1的頁面編輯方法的流程圖，該方法具體可以包括以下步驟：

步驟101、在操作頁面中展示至少一個用于對頁面組件進(jìn)行編輯的編輯區(qū)域。

網(wǎng)頁管理系統(tǒng)是一種位于Web前端和后端辦公系統(tǒng)或流程之間的軟件系統(tǒng)。網(wǎng)頁的創(chuàng)作人員、編輯人員、發(fā)布人員使用網(wǎng)頁管理系統(tǒng)來提交、修改、審批、發(fā)布內(nèi)容。所述內(nèi)容可以包括文件、表格、圖片、數(shù)據(jù)庫中的數(shù)據(jù)、視頻等其他預(yù)發(fā)布到Internet、Intranet以及Extranet網(wǎng)站的信息。

本發(fā)明實(shí)施例所述的方法應(yīng)用于網(wǎng)頁管理系統(tǒng)，進(jìn)入某個網(wǎng)站的網(wǎng)頁管理系統(tǒng)后，開發(fā)人員或運(yùn)營人員可以通過非代碼編輯操作對網(wǎng)站網(wǎng)頁的頁面數(shù)據(jù)進(jìn)行編輯。

開發(fā)人員開發(fā)網(wǎng)站時，會對網(wǎng)站中的網(wǎng)頁配置網(wǎng)頁模板。同時會根據(jù)網(wǎng)頁布局需要在網(wǎng)頁中預(yù)留一定數(shù)目的編輯區(qū)域，將編輯區(qū)域?qū)懭刖W(wǎng)頁源代碼中，并在網(wǎng)頁模板中限定了編輯區(qū)域在頁面中的位置信息。

進(jìn)入某一網(wǎng)站的網(wǎng)頁管理系統(tǒng)后，可以對網(wǎng)站中的多個網(wǎng)頁進(jìn)行編輯，在選擇預(yù)編輯的某一網(wǎng)頁后，展示與選擇頁面對應(yīng)的操作頁面，網(wǎng)頁和操作頁面存在一一對應(yīng)關(guān)系。由于開發(fā)人員在開發(fā)網(wǎng)站時針對頁面設(shè)置了至少一個編輯區(qū)域，因此展示的操作頁面中會顯示至少一個編輯區(qū)域，用戶可以在展示的編輯區(qū)域內(nèi)進(jìn)行頁面數(shù)據(jù)編輯操作。由于在網(wǎng)頁模板中限定了編輯區(qū)域在頁面中的位置信息，因此在操作頁面中的編輯區(qū)域內(nèi)編輯的頁面數(shù)據(jù)在對應(yīng)網(wǎng)頁中具有確定的顯示位置。

其中，根據(jù)網(wǎng)頁布局需要在網(wǎng)頁中預(yù)留一定數(shù)目的編輯區(qū)域，將編輯區(qū)域?qū)懭刖W(wǎng)頁源代碼中，并且在頁面管理系統(tǒng)的操作頁面中顯示編輯區(qū)域的實(shí)現(xiàn)過程如下：

將針對編輯區(qū)域配置的插槽寫入頁面模板中，服務(wù)器在渲染已配置插槽的頁面模板時，可以對該頁面模板進(jìn)行掃描，當(dāng)掃描出該頁面模板中包含插槽時，將掃描出的所有插槽分別轉(zhuǎn)換成可編輯的編輯區(qū)域，待所有的插槽均轉(zhuǎn)換成對應(yīng)的編輯區(qū)域后，在該頁面模板中顯示出所有的編輯區(qū)域?？梢酝ㄟ^多種不同的方式將編輯區(qū)域顯示出來，例如，可以將編輯區(qū)域的邊框填充不同樣式的線條，可以在可編輯區(qū)域顯示“可編輯”的字樣等等，這些顯示的可編輯區(qū)域可以指示操作人員在該編輯區(qū)域中進(jìn)行操作，服務(wù)器根據(jù)操作人員的操作，為可編輯區(qū)域配置網(wǎng)頁元素，實(shí)現(xiàn)對網(wǎng)頁進(jìn)行編輯。

在構(gòu)建所使用的網(wǎng)頁管理系統(tǒng)時，預(yù)先設(shè)置了多個頁面組件，不同頁面組件對應(yīng)不同的類型，例如：圖片類型、文本類型、鏈接類型和多媒體類型等等，因此，將頁面組件成功添加至頁面模板的編輯區(qū)域后，在對頁面組件進(jìn)行編輯時，需要根據(jù)頁面組件的類型對組件進(jìn)行編輯，添加對應(yīng)的組件參數(shù)。本發(fā)明實(shí)施例中，每個頁面組件具有唯一的標(biāo)識，且每個頁面組件的功能與規(guī)定輸出的格式是不同的，例如一個圖片類型的組件，規(guī)定輸出的類型可能是gpj或bmp等，因此，當(dāng)對頁面組件進(jìn)行編輯時，無論該圖片類型的頁面組件添加的是圖片或是圖片對應(yīng)的路徑，在生成對應(yīng)的網(wǎng)頁時，該編輯區(qū)域顯示出圖片，因此在對頁面組件進(jìn)行編輯時，根據(jù)不同的組件類型，添加對應(yīng)類型的組件參數(shù)。同時，在設(shè)置頁面組件時，還對頁面組件的顯示屬性進(jìn)行了設(shè)置，顯示屬性限定了對頁面組件進(jìn)行編輯時可以使用的數(shù)據(jù)狀態(tài)，是動態(tài)數(shù)據(jù)還是靜態(tài)數(shù)據(jù)。

當(dāng)進(jìn)入網(wǎng)頁管理系統(tǒng)后，頁面組件被加載，頁面組件顯示在系統(tǒng)框架中，可以包括一個或多個頁面組件。操作頁面顯示的至少一個編輯區(qū)域和系統(tǒng)顯示的頁面組件之間可以是無關(guān)聯(lián)的，可以根據(jù)頁面布局需要，針對某一編輯區(qū)域選擇不同類型的頁面組件。

步驟102、接收在所述編輯區(qū)域?qū)λ鲰撁娼M件的編輯操作。

在某一編輯區(qū)域內(nèi)對某一頁面組件進(jìn)行編輯操作，編輯操作可以是在編輯區(qū)域內(nèi)輸入頁面數(shù)據(jù)、輸入頁面數(shù)據(jù)所在的網(wǎng)址或選擇所需的頁面數(shù)據(jù)選項等。例如預(yù)在某一編輯區(qū)域內(nèi)顯示產(chǎn)品，則可以在編輯區(qū)域內(nèi)輸入產(chǎn)品名稱、產(chǎn)品價格等信息，從而完成對產(chǎn)品的編輯操作。

步驟103、根據(jù)所述編輯操作修改所述頁面組件對應(yīng)的組件代碼。

在完成對頁面組件的編輯操作后，可以根據(jù)編輯操作的具體編輯數(shù)據(jù)對頁面組件對應(yīng)的組件代碼進(jìn)行修改，以便在編輯區(qū)域內(nèi)展示編輯后的頁面組件的編輯效果，供用戶查看。

例如，在編輯頁面中對產(chǎn)品組件進(jìn)行編輯操作，具體地對產(chǎn)品名稱、產(chǎn)品價格、產(chǎn)品性能等參數(shù)進(jìn)行編輯，當(dāng)編輯結(jié)束后，可以將編輯的產(chǎn)品名稱、產(chǎn)品價格和產(chǎn)品性能寫入組件源代碼中，若組件源代碼中已有上述信息，則使用新編輯的組件信息替換舊組件信息。

步驟104、在所述編輯區(qū)域渲染修改后的組件代碼，得到所述頁面組件的編輯效果。

在完成對頁面組件的組件代碼的修改操作后，在該頁面組件的編輯區(qū)域內(nèi)對修改后的組件代碼進(jìn)行渲染，將編輯操作所編輯的頁面數(shù)據(jù)展示在編輯區(qū)域內(nèi)，以供用戶查看頁面組件的編輯效果。用戶可以根據(jù)頁面的整體布局判斷該頁面組件的編輯效果是否滿足要求，若不滿足，則可以做進(jìn)一步調(diào)整。

依據(jù)本發(fā)明實(shí)施例，可以接收用戶在編輯區(qū)域?qū)撁娼M件進(jìn)行的編輯操作，待對頁面組件的編輯操作結(jié)束后，可以根據(jù)編輯操作修改頁面組件對應(yīng)的組件代碼，并在編輯區(qū)域渲染修改后的組件代碼，最終將對頁面組件的編輯效果展示在該編輯區(qū)域內(nèi)。本發(fā)明實(shí)施例中，操作人員在管理網(wǎng)頁時，無需改寫代碼來更改網(wǎng)頁的布局，可以直接對網(wǎng)頁進(jìn)行可視化的操作，服務(wù)器根據(jù)操作人員的操作完成頁面的編輯，從而大大提高了網(wǎng)頁運(yùn)維的效率，以及降低了網(wǎng)頁運(yùn)維的成本。

實(shí)施例2

參考圖2，示出了根據(jù)本發(fā)明實(shí)施例2的頁面編輯方法的流程圖，該方法具體可以包括以下步驟：

步驟201、在操作頁面中展示至少一個用于對頁面組件進(jìn)行編輯的編輯區(qū)域。

步驟202、接收將所述操作頁面中的頁面組件添加至所述編輯區(qū)域的添加操作。

在構(gòu)建網(wǎng)頁管理系統(tǒng)時設(shè)置了多個頁面組件，不同頁面組件對應(yīng)不同的可編輯的組件參數(shù)。例如，產(chǎn)品組件對應(yīng)的可編輯的組件參數(shù)是PID值、產(chǎn)品名稱、產(chǎn)品價格；圖片組件對應(yīng)的可編輯組件參數(shù)是圖片所在的網(wǎng)址。

用戶預(yù)對操作頁面中的某一編輯區(qū)域執(zhí)行編輯操作時，在確定該編輯區(qū)域內(nèi)所要編輯的數(shù)據(jù)類型后，選擇與該數(shù)據(jù)類型匹配的頁面組件，將選擇的頁面組件拖拽到此編輯區(qū)域內(nèi)。

網(wǎng)頁管理系統(tǒng)中設(shè)置的各個頁面組件均攜帶有編輯組件參數(shù)所需的信息，在將頁面組件添加至編輯區(qū)域后，頁面組件進(jìn)行初始化處理，頁面組件的功能被激活，可以讀取到針對頁面組件預(yù)設(shè)的特征標(biāo)識，同時針對頁面組件設(shè)置的編輯組件所需的信息處于可被使用。

步驟203、接收在所述編輯區(qū)域?qū)λ鲰撁娼M件的編輯操作。

在將頁面組件拖拽到編輯區(qū)域后，用戶開始對頁面組件進(jìn)行編輯。

實(shí)際中可以存在多種對頁面組件的編輯方式，具體地，可以在將頁面組件拖拽到編輯區(qū)域后，彈出一用于編輯頁面組件的組件參數(shù)的編輯界面，用戶可以在編輯界面中對頁面組件進(jìn)行編輯操作，即在該編輯界面中對頁面組件的組件參數(shù)進(jìn)行編輯。其中，編輯界面可以是空白界面，用戶可以在編輯界面中填寫所需的組件參數(shù)；編輯界面也可以是顯示有一定數(shù)據(jù)的界面，組件參數(shù)可以是通過鍵盤輸入的或是通過下拉菜單選擇的，此種參數(shù)編輯方式較為方便，用戶僅需在編輯界面的相應(yīng)位置輸入少量字符或選擇相應(yīng)選項即可。例如，編輯產(chǎn)品組件的組件參數(shù)時，在彈出的編輯界面中輸入產(chǎn)品的名稱、性能、價格等參數(shù)。

參照圖3，示出了根據(jù)本發(fā)明實(shí)施例2的編輯界面的示意圖。圖3所示編輯界面是一產(chǎn)品列表，列表中顯示PID值、產(chǎn)品名、售價和市場價四個參數(shù)，可以在各個參數(shù)的下面表格中填寫相應(yīng)的參數(shù)值，以完成對產(chǎn)品組件的各個組件參數(shù)的編輯。當(dāng)編輯完成后，可以通過點(diǎn)擊“save changes”按鈕保存編輯的組件參數(shù)；可以在保存組件參數(shù)之后，或不保存編輯的組件參數(shù)情形下，點(diǎn)擊“close”按鈕，關(guān)閉編輯界面。

步驟204、根據(jù)所述編輯操作修改所述頁面組件對應(yīng)的組件代碼。

初步完成在編輯區(qū)域中對頁面組件的編輯操作后，可以通過點(diǎn)擊編輯界面上的“保存”按鈕，初步完成對組件參數(shù)的編輯操作。

操作頁面所在的服務(wù)器在接收到參數(shù)編輯完成指令后，可以根據(jù)編輯操作所編輯的組件參數(shù)修改頁面組件對應(yīng)的組件代碼，例如將針對產(chǎn)品組件設(shè)置的圖片的url地址寫入產(chǎn)品組件的組件代碼中。

步驟205、在所述編輯區(qū)域渲染修改后的組件代碼，得到所述頁面組件的編輯效果。

渲染修改后的組件代碼，頁面組件的編輯效果展示在編輯區(qū)域內(nèi)。

若用戶不滿意頁面組件的編輯效果，則會通過相應(yīng)操作返回組件參數(shù)的編輯界面，再次對頁面組件進(jìn)行編輯，或者重新添加相應(yīng)的頁面組件，對頁面組將進(jìn)行重新編輯。

步驟206、接收針對所述頁面組件的編輯結(jié)束指令。

若用戶對頁面組件的編輯效果感到滿意，預(yù)結(jié)束對頁面組件的編輯操作，則可以在頁面管理系統(tǒng)中的指定位置執(zhí)行預(yù)設(shè)操作，發(fā)送針對該頁面組件的編輯結(jié)束指令。例如，點(diǎn)擊效果頁面管理系統(tǒng)中的編輯結(jié)束按鈕，結(jié)束組件編輯操作。

實(shí)際中還可以在完成對操作頁面中的多個頁面組件的編輯操作，并確定多個頁面組件的展示效果均滿足要求后，點(diǎn)擊頁面管理系統(tǒng)中的預(yù)設(shè)按鈕，發(fā)送針對操作頁面中的所有頁面組件的編輯結(jié)束指令。

步驟207、將針對所述頁面組件編輯的組件參數(shù)發(fā)送至頁面編輯服務(wù)器，以由所述頁面服務(wù)器根據(jù)所述組件參數(shù)修改所述頁面中的對應(yīng)頁面組件。

在接收到針對頁面組件的編輯結(jié)束指令后，可以將在編輯區(qū)域中編輯的組件參數(shù)發(fā)送至頁面編輯服務(wù)器，頁面編輯服務(wù)器會根據(jù)接收的組件參數(shù)修改所述頁面中的對應(yīng)頁面組件。

用戶在編輯區(qū)域編輯的組件參數(shù)包括兩類，一類是靜態(tài)數(shù)據(jù)，一類是動態(tài)數(shù)據(jù)。由于在設(shè)置頁面組件時，對頁面組件的顯示屬性進(jìn)行了設(shè)置，即限定了編輯頁面組件時可以使用的數(shù)據(jù)狀態(tài)，是動態(tài)數(shù)據(jù)還是靜態(tài)數(shù)據(jù)，因此可以通過識別頁面組件的顯示屬性，確定頁面組件對應(yīng)的頁面數(shù)據(jù)是靜態(tài)數(shù)據(jù)還是動態(tài)數(shù)據(jù)。

在確定頁面數(shù)據(jù)的數(shù)據(jù)狀態(tài)后，將針對頁面組件編輯的靜態(tài)數(shù)據(jù)發(fā)送至頁面編輯服務(wù)器后，頁面編輯服務(wù)器會將靜態(tài)數(shù)據(jù)轉(zhuǎn)換成HTML代碼片段，并將靜態(tài)數(shù)據(jù)的代碼片段插入頁面源代碼中的指定位置；將針對頁面組件編輯的動態(tài)數(shù)據(jù)發(fā)送至頁面編輯服務(wù)器后，頁面編輯服務(wù)器會生成對應(yīng)的腳本文件，并將生成的腳本文件存儲于預(yù)設(shè)數(shù)據(jù)庫中。

當(dāng)訪客訪問該網(wǎng)頁時，頁面編輯服務(wù)器會將網(wǎng)頁源文件發(fā)送至訪客端，網(wǎng)頁源文件中包含靜態(tài)數(shù)據(jù)對應(yīng)的HTML代碼片段，客戶端可以根據(jù)HTML代碼片段獲取靜態(tài)資源；網(wǎng)頁編輯服務(wù)器會將動態(tài)資源腳本發(fā)送至訪客端，訪客端可以通過請求動態(tài)數(shù)據(jù)所在服務(wù)器的接口，從該服務(wù)器的動態(tài)數(shù)據(jù)庫中讀取動態(tài)數(shù)據(jù)，或者網(wǎng)頁編輯服務(wù)器根據(jù)腳本文件從動態(tài)數(shù)據(jù)所在服務(wù)器中讀取所需的動態(tài)數(shù)據(jù)，并將動態(tài)數(shù)據(jù)反饋至訪客端。訪客端根據(jù)獲取的靜態(tài)數(shù)據(jù)和/或動態(tài)數(shù)據(jù)，修改頁面中的對應(yīng)頁面組件。

當(dāng)一個操作頁面包括多個頁面組件，并且分別對多個頁面組件編輯了動態(tài)數(shù)據(jù)時，在頁面編輯服務(wù)器側(cè)會生成多個腳本文件。為了區(qū)分頁面組件、針對不同頁面組件編輯的動態(tài)數(shù)據(jù)以及不同腳本文件，實(shí)現(xiàn)從多個腳本文件中提取出頁面組件所對應(yīng)的腳本文件，本發(fā)明實(shí)施例在完成對頁面組件的編輯操作后，還記錄了頁面組件、頁面組件所在的操作頁面、頁面組件對應(yīng)的編輯區(qū)域和針對所述頁面組件編輯的組件參數(shù)之間的對應(yīng)關(guān)系，并將該對應(yīng)關(guān)系發(fā)送至頁面編輯服務(wù)器。

具體地，記錄頁面組件、頁面組件所在的操作頁面、頁面組件對應(yīng)的編輯區(qū)域和針對所述頁面組件編輯的組件參數(shù)之間的對應(yīng)關(guān)系的步驟可以包括：記錄頁面組件所在的操作頁面和頁面組件的第一對應(yīng)關(guān)系，記錄頁面組件和針對所述頁面組件編輯的組件參數(shù)的第二對應(yīng)關(guān)系，記錄頁面組件對應(yīng)的編輯區(qū)域和所述頁面組件的第三對應(yīng)關(guān)系。

當(dāng)訪問某一頁面時，頁面編輯服務(wù)器會根據(jù)預(yù)存的對應(yīng)關(guān)系提取該頁面中的頁面組件的組件參數(shù)，并根據(jù)提取的組件參數(shù)修改該頁面中的頁面組件的組件代碼，最終在該頁面中展示更新后的組件參數(shù)。

具體地，頁面編輯服務(wù)器在接收到對某一網(wǎng)頁的訪問后，會根據(jù)第一對應(yīng)關(guān)系從其內(nèi)部的預(yù)設(shè)數(shù)據(jù)庫中提取該網(wǎng)頁即頁面對應(yīng)的頁面組件，之后根據(jù)第二對應(yīng)關(guān)系，提取頁面組件對應(yīng)的組件參數(shù)，再根據(jù)第三對應(yīng)關(guān)系，提取頁面組件對應(yīng)的編輯區(qū)域，由于操作頁面中的編輯區(qū)域在對應(yīng)頁面中具有確定的頁面顯示位置，因此可以將提取的頁面數(shù)據(jù)展示在編輯區(qū)域所對應(yīng)的頁面顯示位置處。

依據(jù)本發(fā)明實(shí)施例，可以接收用戶在編輯區(qū)域?qū)撁娼M件進(jìn)行的編輯操作，待對頁面組件的編輯操作結(jié)束后，可以根據(jù)編輯操作修改頁面組件對應(yīng)的組件代碼，并在編輯區(qū)域渲染修改后的組件代碼，最終將對頁面組件的編輯效果展示在該編輯區(qū)域內(nèi)。本發(fā)明實(shí)施例中，操作人員在管理網(wǎng)頁時，無需改寫代碼來更改網(wǎng)頁的布局，可以直接對網(wǎng)頁進(jìn)行可視化的操作，服務(wù)器根據(jù)操作人員的操作完成頁面的編輯，從而大大提高了網(wǎng)頁運(yùn)維的效率，以及降低了網(wǎng)頁運(yùn)維的成本。

實(shí)施例3

參考圖4，示出了根據(jù)本發(fā)明實(shí)施例1的頁面編輯裝置的結(jié)構(gòu)框圖，具體可以包括：

編輯區(qū)域展示模塊301，用于在操作頁面中展示至少一個用于對頁面組件進(jìn)行編輯的編輯區(qū)域。

編輯操作接收模塊302，用于接收在所述編輯區(qū)域?qū)λ鲰撁娼M件的編輯操作。

組件代碼修改模塊303，用于根據(jù)所述編輯操作修改所述頁面組件對應(yīng)的組件代碼。

編輯效果得到模塊304，用于在所述編輯區(qū)域渲染修改后的組件代碼，得到所述頁面組件的編輯效果。

依據(jù)本發(fā)明實(shí)施例，可以接收用戶在編輯區(qū)域?qū)撁娼M件進(jìn)行的編輯操作，待對頁面組件的編輯操作結(jié)束后，可以根據(jù)編輯操作修改頁面組件對應(yīng)的組件代碼，并在編輯區(qū)域渲染修改后的組件代碼，最終將對頁面組件的編輯效果展示在該編輯區(qū)域內(nèi)。本發(fā)明實(shí)施例中，操作人員在管理網(wǎng)頁時，無需改寫代碼來更改網(wǎng)頁的布局，可以直接對網(wǎng)頁進(jìn)行可視化的操作，服務(wù)器根據(jù)操作人員的操作完成頁面的編輯，從而大大提高了網(wǎng)頁運(yùn)維的效率，以及降低了網(wǎng)頁運(yùn)維的成本。

實(shí)施例4

參考圖5，示出了根據(jù)本發(fā)明實(shí)施例2的頁面編輯裝置的結(jié)構(gòu)框圖，具體可以包括：

編輯區(qū)域展示模塊401，用于在操作頁面中展示至少一個用于對頁面組件進(jìn)行編輯的編輯區(qū)域。

添加操作接收模塊402，用于接收將所述操作頁面中的頁面組件添加至所述編輯區(qū)域的添加操作。

編輯操作接收模塊403，用于接收在所述編輯區(qū)域?qū)λ鲰撁娼M件的編輯操作。

組件代碼修改模塊404，用于根據(jù)所述編輯操作修改所述頁面組件對應(yīng)的組件代碼。

編輯效果得到模塊405，用于在所述編輯區(qū)域渲染修改后的組件代碼，得到所述頁面組件的編輯效果。

編輯結(jié)束指令接收模塊406，用于接收針對所述頁面組件的編輯結(jié)束指令。

組件參數(shù)發(fā)送模塊407，用于將針對所述頁面組件編輯的組件參數(shù)發(fā)送至頁面編輯服務(wù)器，以由所述頁面服務(wù)器根據(jù)所述組件參數(shù)修改所述頁面中的對應(yīng)頁面組件。

本發(fā)明實(shí)施例中，優(yōu)選地，所述操作頁面中設(shè)置有多個頁面組件，不同頁面組件對應(yīng)不同的組件參數(shù)。

本發(fā)明實(shí)施例中，優(yōu)選地，所述裝置還包括：

編輯界面彈出模塊，用于在所述接收將所述操作頁面中的頁面組件添加至所述編輯區(qū)域的添加操作之后，彈出一用于編輯所述頁面組件的組件參數(shù)的編輯界面；

所述編輯操作接收模塊，具體用于接收在所述編輯界面對所述頁面組件的組件參數(shù)的編輯操作。

本發(fā)明實(shí)施例中，優(yōu)選地，所述裝置還包括：

編輯結(jié)束指令接收模塊，用于在所述在所述編輯區(qū)域渲染修改后的組件代碼，得到所述頁面組件的編輯效果之后，接收針對所述頁面組件的編輯結(jié)束指令；

組件參數(shù)發(fā)送模塊，用于將針對所述頁面組件編輯的組件參數(shù)發(fā)送至頁面編輯服務(wù)器，以由所述頁面服務(wù)器根據(jù)所述組件參數(shù)修改所述頁面中的對應(yīng)頁面組件。

本發(fā)明實(shí)施例中，優(yōu)選地，所述裝置還包括：

對應(yīng)關(guān)系記錄模塊，用于記錄所述頁面組件、所述頁面組件所在的操作頁面、所述頁面組件對應(yīng)的編輯區(qū)域和針對所述頁面組件編輯的組件參數(shù)之間的對應(yīng)關(guān)系；

對應(yīng)關(guān)系發(fā)送模塊，用于將所述對應(yīng)關(guān)系發(fā)送至所述頁面編輯服務(wù)器，以供訪客訪問所述頁面時，所述頁面服務(wù)器根據(jù)所述對應(yīng)關(guān)系提取所述頁面中的頁面組件的組件參數(shù)，并根據(jù)提取的組件參數(shù)修改所述頁面中的頁面組件的組件代碼。

本發(fā)明實(shí)施例中，優(yōu)選地，所述對應(yīng)關(guān)系記錄模塊包括：

第一對應(yīng)關(guān)系記錄子模塊，用于記錄所述頁面組件所在的操作頁面和所述頁面組件的第一對應(yīng)關(guān)系；

第二對應(yīng)關(guān)系記錄子模塊，用于記錄所述頁面組件和針對所述頁面組件編輯的組件參數(shù)的第二對應(yīng)關(guān)系；

第三對應(yīng)關(guān)系記錄子模塊，用于記錄所述頁面組件對應(yīng)的編輯區(qū)域和所述頁面組件的第三對應(yīng)關(guān)系。

依據(jù)本發(fā)明實(shí)施例，可以接收用戶在編輯區(qū)域?qū)撁娼M件進(jìn)行的編輯操作，待對頁面組件的編輯操作結(jié)束后，可以根據(jù)編輯操作修改頁面組件對應(yīng)的組件代碼，并在編輯區(qū)域渲染修改后的組件代碼，最終將對頁面組件的編輯效果展示在該編輯區(qū)域內(nèi)。本發(fā)明實(shí)施例中，操作人員在管理網(wǎng)頁時，無需改寫代碼來更改網(wǎng)頁的布局，可以直接對網(wǎng)頁進(jìn)行可視化的操作，服務(wù)器根據(jù)操作人員的操作完成頁面的編輯，從而大大提高了網(wǎng)頁運(yùn)維的效率，以及降低了網(wǎng)頁運(yùn)維的成本。

由于所述裝置實(shí)施例基本相應(yīng)于前述圖1-圖2所示的方法實(shí)施例，故本實(shí)施例的描述中未詳盡之處，可以參見前述實(shí)施例中的相關(guān)說明，在此就不贅述了。

在此提供的算法和顯示不與任何特定計算機(jī)、虛擬系統(tǒng)或者其它設(shè)備固有相關(guān)。各種通用系統(tǒng)也可以與基于在此的示教一起使用。根據(jù)上面的描述，構(gòu)造這類系統(tǒng)所要求的結(jié)構(gòu)是顯而易見的。此外，本發(fā)明也不針對任何特定編程語言。應(yīng)當(dāng)明白，可以利用各種編程語言實(shí)現(xiàn)在此描述的本發(fā)明的內(nèi)容，并且上面對特定語言所做的描述是為了披露本發(fā)明的最佳實(shí)施方式。

在此處所提供的說明書中，說明了大量具體細(xì)節(jié)。然而，能夠理解，本發(fā)明的實(shí)施例可以在沒有這些具體細(xì)節(jié)的情況下實(shí)踐。在一些實(shí)例中，并未詳細(xì)示出公知的方法、結(jié)構(gòu)和技術(shù)，以便不模糊對本說明書的理解。

類似地，應(yīng)當(dāng)理解，為了精簡本公開并幫助理解各個發(fā)明方面中的一個或多個，在上面對本發(fā)明的示例性實(shí)施例的描述中，本發(fā)明的各個特征有時被一起分組到單個實(shí)施例、圖、或者對其的描述中。然而，并不應(yīng)將該公開的方法解釋成反映如下意圖：即所要求保護(hù)的本發(fā)明要求比在每個權(quán)利要求中所明確記載的特征更多的特征。更確切地說，如下面的權(quán)利要求書所反映的那樣，發(fā)明方面在于少于前面公開的單個實(shí)施例的所有特征。因此，遵循具體實(shí)施方式的權(quán)利要求書由此明確地并入該具體實(shí)施方式，其中每個權(quán)利要求本身都作為本發(fā)明的單獨(dú)實(shí)施例。

本領(lǐng)域那些技術(shù)人員可以理解，可以對實(shí)施例中的設(shè)備中的模塊進(jìn)行自適應(yīng)性地改變并且把它們設(shè)置在與該實(shí)施例不同的一個或多個設(shè)備中?？梢园褜?shí)施例中的模塊或單元或組件組合成一個模塊或單元或組件，以及此外可以把它們分成多個子模塊或子單元或子組件。除了這樣的特征和/或過程或者單元中的至少一些是相互排斥之外，可以采用任何組合對本說明書(包括伴隨的權(quán)利要求、摘要和附圖)中公開的所有特征以及如此公開的任何方法或者設(shè)備的所有過程或單元進(jìn)行組合。除非另外明確陳述，本說明書(包括伴隨的權(quán)利要求、摘要和附圖)中公開的每個特征可以由提供相同、等同或相似目的的替代特征來代替。

此外，本領(lǐng)域的技術(shù)人員能夠理解，盡管在此所述的一些實(shí)施例包括其它實(shí)施例中所包括的某些特征而不是其它特征，但是不同實(shí)施例的特征的組合意味著處于本發(fā)明的范圍之內(nèi)并且形成不同的實(shí)施例。例如，在下面的權(quán)利要求書中，所要求保護(hù)的實(shí)施例的任意之一都可以以任意的組合方式來使用。

本發(fā)明的各個部件實(shí)施例可以以硬件實(shí)現(xiàn)，或者以在一個或者多個處理器上運(yùn)行的軟件模塊實(shí)現(xiàn)，或者以它們的組合實(shí)現(xiàn)。本領(lǐng)域的技術(shù)人員應(yīng)當(dāng)理解，可以在實(shí)踐中使用微處理器或者數(shù)字信號處理器(DSP)來實(shí)現(xiàn)根據(jù)本發(fā)明實(shí)施例的廣告數(shù)據(jù)的播放裝置和廣告數(shù)據(jù)的投放裝置中的一些或者全部部件的一些或者全部功能。本發(fā)明還可以實(shí)現(xiàn)為用于執(zhí)行這里所描述的方法的一部分或者全部的設(shè)備或者裝置程序(例如，計算機(jī)程序和計算機(jī)程序產(chǎn)品)。這樣的實(shí)現(xiàn)本發(fā)明的程序可以存儲在計算機(jī)可讀介質(zhì)上，或者可以具有一個或者多個信號的形式。這樣的信號可以從因特網(wǎng)網(wǎng)站上下載得到，或者在載體信號上提供，或者以任何其他形式提供。

應(yīng)該注意的是上述實(shí)施例對本發(fā)明進(jìn)行說明而不是對本發(fā)明進(jìn)行限制，并且本領(lǐng)域技術(shù)人員在不脫離所附權(quán)利要求的范圍的情況下可設(shè)計出替換實(shí)施例。在權(quán)利要求中，不應(yīng)將位于括號之間的任何參考符號構(gòu)造成對權(quán)利要求的限制。單詞“包含”不排除存在未列在權(quán)利要求中的元件或步驟。位于元件之前的單詞“一”或“一個”不排除存在多個這樣的元件。本發(fā)明可以借助于包括有若干不同元件的硬件以及借助于適當(dāng)編程的計算機(jī)來實(shí)現(xiàn)。在列舉了若干裝置的單元權(quán)利要求中，這些裝置中的若干個可以是通過同一個硬件項來具體體現(xiàn)。單詞第一、第二、以及第三等的使用不表示任何順序?？蓪⑦@些單詞解釋為名稱。