本公開涉及網(wǎng)絡(luò)技術(shù)領(lǐng)域，特別是涉及一種模板渲染方法和裝置。

背景技術(shù)：

網(wǎng)站發(fā)布后，由于信息的種類和內(nèi)容不斷增多，以及用戶的需求不斷的改變，需要對(duì)網(wǎng)頁進(jìn)行管理，以增強(qiáng)用戶在瀏覽該網(wǎng)站時(shí)的體驗(yàn)。

管理人員對(duì)網(wǎng)頁進(jìn)行管理時(shí)，只能更改網(wǎng)頁對(duì)應(yīng)的內(nèi)容，而無法更改網(wǎng)頁的布局，例如，網(wǎng)頁的某個(gè)區(qū)域是顯示文字的，管理人員在后臺(tái)管理系統(tǒng)中對(duì)該區(qū)域進(jìn)行編輯時(shí)，只能更改文字內(nèi)容；而無法在該區(qū)域添加圖片，使得該區(qū)域顯示圖片。若管理人員希望改變網(wǎng)頁布局時(shí)，則需要依賴開發(fā)人員編寫代碼實(shí)現(xiàn)網(wǎng)頁布局的更改，大大增加了開發(fā)人員的工作量，從而增加了網(wǎng)頁維護(hù)的成本和降低了網(wǎng)頁維護(hù)的效率。

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

本公開實(shí)施例所要解決的技術(shù)問題是提供一種模板渲染方法，用以解決現(xiàn)有技術(shù)中網(wǎng)頁維護(hù)的成本高和效率低的問題。

相應(yīng)的，本公開實(shí)施例還提供了一種模板渲染裝置，用以保證上述方法的實(shí)現(xiàn)及應(yīng)用。

為了解決上述問題，本公開公開了一種模板渲染方法，具體包括以下步驟：預(yù)先為頁面模板配置至少一個(gè)插槽；在渲染所述頁面模板時(shí)，將各插槽轉(zhuǎn)換成可編輯區(qū)域，所述可編輯區(qū)域用于指示配置網(wǎng)頁元素；顯示渲染的頁面模板，所述渲染的頁面模板包含所述可編輯區(qū)域；在所述可編輯區(qū)域中配置網(wǎng)頁元素，以執(zhí)行網(wǎng)頁設(shè)計(jì)操作。

為了解決上述問題，本公開公開了一種模板渲染裝置，具體包括：插槽配置模塊，用于預(yù)先為頁面模板配置至少一個(gè)插槽；區(qū)域轉(zhuǎn)換模塊，用于在渲染所述頁面模板時(shí)，將各插槽轉(zhuǎn)換成可編輯區(qū)域，所述可編輯區(qū)域用于指示配置網(wǎng)頁元素；模板顯示模塊，用于顯示渲染的頁面模板，所述渲染的頁面模板包含所述可編輯區(qū)域；元素配置模塊，用于在所述可編輯區(qū)域中配置網(wǎng)頁元素，以執(zhí)行網(wǎng)頁設(shè)計(jì)操作。

與現(xiàn)有技術(shù)相比，本公開實(shí)施例包括以下優(yōu)點(diǎn)：

通過預(yù)先為網(wǎng)頁對(duì)應(yīng)的頁面模板配置對(duì)應(yīng)的插槽；在渲染頁面模板時(shí)，將插槽轉(zhuǎn)換成可編輯區(qū)域；再顯示包含可編輯區(qū)域的頁面模板，再為頁面模板中的可編輯區(qū)域配置網(wǎng)頁元素，以執(zhí)行網(wǎng)頁設(shè)計(jì)的操作；使得在操作人員管理網(wǎng)頁時(shí)，服務(wù)器可以根據(jù)操作人員的操作，完成對(duì)網(wǎng)頁進(jìn)行編輯，大大提高了網(wǎng)頁維護(hù)的效率，以及降低了網(wǎng)頁維護(hù)的成本。

附圖說明

為了更清楚地說明本公開實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對(duì)實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作一簡單地介紹，顯而易見地，下面描述中的附圖是本公開的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。

圖1是本公開實(shí)施例的一種模板渲染方法的步驟流程圖；

圖2是本公開實(shí)施例的另一種模板渲染方法的步驟流程圖；

圖3是本公開實(shí)施例的一種模板渲染裝置的結(jié)構(gòu)框圖；

圖4是本公開實(shí)施例的另一種模板渲染裝置的結(jié)構(gòu)框圖。

具體實(shí)施方式

為使本公開實(shí)施例的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合本公開實(shí)施例中的附圖，對(duì)本公開實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例是本公開一部分實(shí)施例，而不是全部的實(shí)施例?；诒竟_中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本公開保護(hù)的范圍。

本公開實(shí)施例的核心構(gòu)思之一在于，提出一種模板渲染方法與裝置，用以解決現(xiàn)有技術(shù)中網(wǎng)頁管理人員無法直接更改網(wǎng)頁布局的問題，大大減少了網(wǎng)頁維護(hù)的成本和提高了網(wǎng)頁維護(hù)的效率。

參照?qǐng)D1，示出了本公開實(shí)施例的一種模板渲染方法的步驟流程圖，具體可以包括如下步驟：

步驟S101、預(yù)先為頁面模板配置至少一個(gè)插槽。

在網(wǎng)頁管理過程中，為了實(shí)現(xiàn)對(duì)網(wǎng)頁對(duì)應(yīng)的頁面模板進(jìn)行可視化的操作，服務(wù)器需要預(yù)先為頁面模板配置插槽，操作人員可以通過插槽對(duì)頁面模板對(duì)應(yīng)的區(qū)域執(zhí)行相應(yīng)操作，服務(wù)器根據(jù)接收到操作人員的相應(yīng)操作，完成對(duì)頁面模板的編輯；其中，配置的插槽的個(gè)數(shù)可以根據(jù)網(wǎng)頁需要更改布局的區(qū)域的數(shù)量確定，因此，配置的插槽可以是一個(gè)也可以是多個(gè)。

本公開實(shí)施例中，頁面模塊可以是已并發(fā)布的網(wǎng)頁對(duì)應(yīng)的頁面模板，在對(duì)發(fā)布的網(wǎng)頁進(jìn)行管理時(shí)，可以根據(jù)用戶實(shí)際需求，確定該網(wǎng)頁中需要更改布局的一個(gè)或多個(gè)區(qū)域；確定需要更改布局的區(qū)域后，服務(wù)器預(yù)先將該網(wǎng)頁對(duì)應(yīng)的頁面模板上這一個(gè)或多個(gè)區(qū)域?qū)?yīng)的內(nèi)容刪除，再將這一個(gè)或多個(gè)區(qū)域配置成插槽，配置完成后，將該頁面模板、配置信息和頁面數(shù)據(jù)保存至數(shù)據(jù)庫中，其中，頁面數(shù)據(jù)包括動(dòng)態(tài)數(shù)據(jù)和靜態(tài)數(shù)據(jù)。例如，對(duì)一個(gè)已發(fā)布的網(wǎng)頁，網(wǎng)頁中搜索框顯示的位置在網(wǎng)頁的上端中間部分，而現(xiàn)想要將搜索框移至頁面的右上角，并讓網(wǎng)頁上端中間部分顯示圖片，此時(shí)，服務(wù)器可以為這兩個(gè)區(qū)域配置插槽，以使服務(wù)器可以根據(jù)接收到的操作人員的操作，完成這兩個(gè)區(qū)域的編輯。

本公開實(shí)施例中，頁面模板也可以是開發(fā)未完成的網(wǎng)頁對(duì)應(yīng)的頁面模板，即在開發(fā)頁面過程中，可以將頁面的一個(gè)或多個(gè)區(qū)域預(yù)留出來，然后服務(wù)器為預(yù)留的一個(gè)或多個(gè)區(qū)域配置插槽，以使在后續(xù)的管理過程中，操作人員可以直接對(duì)這一個(gè)或多個(gè)區(qū)域進(jìn)行操作，服務(wù)器根據(jù)接收的操作完成頁面模板的編輯，實(shí)現(xiàn)更改頁面模板的布局。

步驟S102、在渲染所述頁面模板時(shí)，將各插槽轉(zhuǎn)換成可編輯區(qū)域，所述可編輯區(qū)域用于指示配置網(wǎng)頁元素。

步驟S103、顯示渲染的頁面模板，所述渲染的頁面模板包含所述可編輯區(qū)域。

服務(wù)器為頁面模板配置插槽后，通過瀏覽器打開該頁面模板對(duì)應(yīng)的網(wǎng)頁時(shí)，無法看見在頁面模板中配置了插槽的對(duì)應(yīng)區(qū)域；而在管理系統(tǒng)打開已配置插槽的頁面模板時(shí)，通過服務(wù)器對(duì)頁面模板的渲染，使得該插槽對(duì)應(yīng)的區(qū)域是可視化區(qū)域，且功能是可編輯的，因此，通過管理系統(tǒng)打開的該頁面模板可以看到該插槽對(duì)應(yīng)的區(qū)域。

服務(wù)器在渲染已配置插槽的頁面模板時(shí)，可以對(duì)該頁面模板進(jìn)行掃描，當(dāng)掃描出該頁面模板中包含插槽時(shí)，將掃描出的所有插槽分別轉(zhuǎn)換成可編輯的區(qū)域，所有的插槽均轉(zhuǎn)換成對(duì)應(yīng)的可編輯區(qū)域后，在該頁面模板中顯示出所有的可編輯區(qū)域；可以通過多種不同的方式將可編輯區(qū)域顯示出來，例如，可以將可編輯區(qū)域的邊框填充不同樣式的線條，也可以將可編輯區(qū)域的填充與頁面模板未配置插槽區(qū)域不同的顏色，還可以在可編輯區(qū)域顯示“可編輯”的字樣等等，這些顯示的可編輯區(qū)域可以指示操作人員在該可編輯區(qū)域中進(jìn)行操作，服務(wù)器根據(jù)操作人員的操作，為可編輯區(qū)域配置網(wǎng)頁元素，實(shí)現(xiàn)對(duì)網(wǎng)頁進(jìn)行編輯。例如，服務(wù)器為該頁面模板配置了三個(gè)插槽后，操作人員在管理系統(tǒng)中打開該頁面模板時(shí)，服務(wù)器接收到操作人員的打開操作后，服務(wù)器對(duì)頁面模板進(jìn)行掃描，可以掃描出該頁面包含三個(gè)插槽，然后分別對(duì)這三個(gè)插槽對(duì)應(yīng)的代碼進(jìn)行替換，將各插槽轉(zhuǎn)換成可編輯區(qū)域，則顯示渲染后的頁面模板中可以看見三個(gè)可編輯區(qū)域。

此外，在渲染該頁面模板時(shí)，服務(wù)器也對(duì)該頁面模板未配置插槽區(qū)域進(jìn)行了渲染，使得頁面模板顯示出該網(wǎng)頁包含的其他區(qū)域；例如，一個(gè)網(wǎng)頁包含搜索框、動(dòng)畫顯示區(qū)域、LOGO顯示區(qū)域、鏈接顯示區(qū)域和文字顯示區(qū)域，服務(wù)器為LOGO顯示區(qū)域和搜索框?qū)?yīng)的區(qū)域配置插槽后，當(dāng)操作人員在管理系統(tǒng)中打開該網(wǎng)頁對(duì)應(yīng)的頁面模板時(shí)，服務(wù)器根據(jù)操作人員的操作，在頁面模板打開時(shí)，除了將配置插槽的區(qū)域?qū)?yīng)的可編輯區(qū)域顯示出來，還把動(dòng)畫顯示區(qū)域、鏈接顯示區(qū)域和文字顯示區(qū)域?qū)?yīng)的數(shù)據(jù)顯示出來。因此，在管理系統(tǒng)中顯示的頁面模板與在瀏覽器中顯示的網(wǎng)頁對(duì)應(yīng)的頁面模板是同一頁面模板，只是在已配置插槽的區(qū)域顯示的不同。

步驟S104、在所述可編輯區(qū)域中配置網(wǎng)頁元素，以執(zhí)行網(wǎng)頁設(shè)計(jì)操作。

服務(wù)器根據(jù)接收到操作人員的打開操作后，在管理系統(tǒng)打開包含可編輯區(qū)域的頁面模板，操作人員可以在管理系統(tǒng)在執(zhí)行編輯操作，服務(wù)器根據(jù)操作人員的操作，為各可編輯區(qū)域配置不同的網(wǎng)頁元素，且一個(gè)可編輯區(qū)域至多配置一個(gè)網(wǎng)頁元素。例如，該頁面模板中包含三個(gè)可編輯區(qū)域，其中，包含可編輯區(qū)域A，這三個(gè)可編輯區(qū)域的任意一個(gè)可編輯區(qū)域可以配置圖片、文本、鏈接等任意一種網(wǎng)頁元素，但為可編輯區(qū)域A配置圖片后，不能為可編輯區(qū)域A配置其他的網(wǎng)頁元素，若需要為可編輯區(qū)域A配置另一個(gè)網(wǎng)頁元素時(shí)，則需要將配置的圖片刪除后，可對(duì)可編輯區(qū)域A重新編輯。

服務(wù)器根據(jù)操作人員操作可以完成為可編輯區(qū)域配置網(wǎng)頁元素，還可以完成對(duì)頁面模板的其他區(qū)域的編輯，更改或刪除其他區(qū)域的數(shù)據(jù)，其中，更改的數(shù)據(jù)類型要與區(qū)域類型相對(duì)應(yīng)，例如，在文字顯示區(qū)域只能更改文本，不能夠添加圖片等等。

本公開實(shí)施例，通過在需要對(duì)網(wǎng)頁的部分區(qū)域更改布局時(shí)，服務(wù)器預(yù)先為網(wǎng)頁對(duì)應(yīng)的頁面模板配置對(duì)應(yīng)的插槽；在對(duì)頁面模板進(jìn)行渲染時(shí)，將插槽轉(zhuǎn)換成可編輯區(qū)域，使得在管理系統(tǒng)中顯示包含可編輯區(qū)域的頁面模板，服務(wù)器可以根據(jù)管理人員的操作，為頁面模板中的可編輯區(qū)域配置網(wǎng)頁元素，以實(shí)現(xiàn)網(wǎng)頁的設(shè)計(jì)；大大提高了網(wǎng)頁維護(hù)的效率，以及降低了網(wǎng)頁維護(hù)的成本。

實(shí)施例二

參照?qǐng)D2，示出了本公開實(shí)施例的另一種模板渲染方法的步驟流程圖，具體可以包括如下步驟：

步驟S201、預(yù)先在頁面模板中確定至少一個(gè)預(yù)設(shè)區(qū)域，將所述預(yù)設(shè)區(qū)域確定為插槽。

在網(wǎng)頁的管理過程中，操作人員可以根據(jù)網(wǎng)頁需要改變布局的區(qū)域，服務(wù)器接收操作人員選定網(wǎng)頁需要改變布局的區(qū)域后，根據(jù)操作人員的選擇操作，確定網(wǎng)頁對(duì)應(yīng)的頁面模板對(duì)應(yīng)的需要更改布局的區(qū)域，從而將需要更改布局的區(qū)域確定為頁面模板的預(yù)設(shè)區(qū)域，由于網(wǎng)頁需要更改布局的區(qū)域可以是一個(gè)，也可以是多個(gè)，因此，網(wǎng)頁對(duì)應(yīng)的頁面模板的預(yù)設(shè)區(qū)域可以是一個(gè)，也可以是多個(gè)，然后將預(yù)設(shè)區(qū)域確定為插槽；一個(gè)頁面模板可以包含一個(gè)或多個(gè)插槽。

本公開實(shí)施例中，在頁面模板未開發(fā)完成時(shí)，可以根據(jù)現(xiàn)有的網(wǎng)頁的布局，將在后續(xù)網(wǎng)頁管理過程中，操作人員可能需要重新布局的區(qū)域或是只允許操作人員更改布局的區(qū)域預(yù)留出來，將這些區(qū)域確定為預(yù)設(shè)區(qū)域，然后將這些預(yù)設(shè)區(qū)域確定為插槽。

步驟S202、為各插槽分別配置對(duì)應(yīng)的插槽標(biāo)識(shí)，以及依據(jù)所述插槽標(biāo)識(shí)生成插槽標(biāo)識(shí)列表。

預(yù)先在頁面模板中確定的預(yù)設(shè)區(qū)域可能是一個(gè)，也可能是多個(gè)，因此，該頁面模板的插槽可能是一個(gè)，也可能是多個(gè)，每個(gè)不同的預(yù)設(shè)區(qū)域?qū)?yīng)不同的插槽，為了區(qū)分出各個(gè)插槽，可以為各插槽分別配置插槽標(biāo)識(shí)，每個(gè)插槽標(biāo)識(shí)與插槽一一對(duì)應(yīng)，插槽標(biāo)識(shí)是區(qū)別插槽的唯一標(biāo)識(shí)。

本公開實(shí)施例中，插槽標(biāo)識(shí)可以包含位置信息，該位置信息是與插槽對(duì)應(yīng)的區(qū)域在頁面模板中的位置相關(guān)的信息，例如，該區(qū)域的在頁面模板中的位置，大小等信息。為各插槽分別配置對(duì)應(yīng)的插槽標(biāo)識(shí)后，將所有的插槽標(biāo)識(shí)生成插槽標(biāo)識(shí)列表，插槽標(biāo)識(shí)列表中每一條信息對(duì)應(yīng)一個(gè)插槽標(biāo)識(shí)，并將插槽標(biāo)識(shí)列表存儲(chǔ)至數(shù)據(jù)庫中。

步驟S203、在渲染所述頁面模板時(shí)，獲取所述插槽標(biāo)識(shí)列表。

管理人員可以通過管理系統(tǒng)執(zhí)行打開頁面模板的操作，服務(wù)器根據(jù)操作人員的操作，在管理系統(tǒng)中打開已配置好插槽和插槽標(biāo)識(shí)的頁面模板，服務(wù)器在渲染所述頁面模板時(shí)，可以從數(shù)據(jù)庫中獲取插槽和插槽標(biāo)識(shí)列表；然后根據(jù)插槽標(biāo)識(shí)列表，確定頁面模板中包含的插槽數(shù)量；確定頁面模板中包含至少一個(gè)插槽時(shí)，依據(jù)插槽標(biāo)識(shí)列表，將所述插槽標(biāo)識(shí)列表包含的各插槽轉(zhuǎn)換成可編輯區(qū)域；具體將各插槽轉(zhuǎn)換成可編輯區(qū)域的步驟如步驟S204-S205所述：

步驟S204、依據(jù)從所述插槽標(biāo)識(shí)列表中獲取的插槽標(biāo)識(shí)，確定各插槽標(biāo)識(shí)對(duì)應(yīng)的插槽。

插槽標(biāo)識(shí)列表中一條信息對(duì)應(yīng)一個(gè)插槽標(biāo)識(shí)，可以從插槽標(biāo)識(shí)列表中獲取插槽標(biāo)識(shí)，由于插槽標(biāo)識(shí)與插槽唯一對(duì)應(yīng)，因此，可以根據(jù)插槽標(biāo)識(shí)確定對(duì)應(yīng)的插槽，依次根據(jù)插槽標(biāo)識(shí)列表中的插槽標(biāo)識(shí)，確定各插槽標(biāo)識(shí)對(duì)應(yīng)的插槽，從而確定頁面模板包含的所有的插槽。

步驟S205、通過為所述插槽添加樣式和可編輯功能，將所述插槽轉(zhuǎn)換成可編輯區(qū)域。

依據(jù)插槽標(biāo)識(shí)確定頁面模板中包含的所有的插槽后，按照插槽標(biāo)識(shí)列表，逐次為該插槽標(biāo)識(shí)列表中各插槽添加樣式和可編輯功能，將所述插槽轉(zhuǎn)換成可編輯區(qū)域，其中，樣式和可編輯功能可以通過JAVA的code添加到對(duì)應(yīng)插槽的代碼中。添加樣式即使將插槽轉(zhuǎn)換的可編輯區(qū)域具有顯示特性，添加的樣式可以是線條、顏色、動(dòng)態(tài)效果等樣式，使在顯示的頁面模板中通過顯示添加的線條、顏色、動(dòng)態(tài)效果等樣式，以顯示可編輯區(qū)域。預(yù)先將預(yù)設(shè)區(qū)域確定為插槽，對(duì)應(yīng)的插槽是不具備可編輯功能的，因此，在渲染頁面模板的過程中，通過為插槽添加可編輯功能，使得可編輯區(qū)域具備編輯特性，管理人員可以在可編輯區(qū)域配置網(wǎng)頁元素。

步驟S206、顯示渲染的頁面模板，所述渲染的頁面模板包含所述可編輯區(qū)域。

服務(wù)器對(duì)頁面模板進(jìn)行渲染后，在管理系統(tǒng)中顯示渲染后的頁面模板，渲染后得頁面模板包含可編輯的區(qū)域和其他為配置插槽的區(qū)域。

步驟S207、將組件添加至所述可編輯區(qū)域中。

操作人員在管理系統(tǒng)中執(zhí)行打開頁面模板的操作時(shí)，服務(wù)器接收到的操作人員的打開操作，在管理系統(tǒng)將該系統(tǒng)包含的所有組件加載出來；在管理系統(tǒng)中顯示包含可編輯區(qū)域的頁面模板后，操作人員可以執(zhí)行將組件拖拽至頁面模板的可編輯區(qū)域中，服務(wù)器根據(jù)操作人員的拖拽操作，將組件添加到對(duì)應(yīng)的可編輯區(qū)域；然后服務(wù)器可以根據(jù)操作人員觸發(fā)組件的操作，打開組件的編輯框；操作人員可以在組件編輯框中添加內(nèi)容，當(dāng)操作人員添加完內(nèi)容后，點(diǎn)擊保存的操作，服務(wù)器接收到操作人員執(zhí)行的保存操作后，獲取操作人員在組件編輯框中添加的內(nèi)容并保存，從而完成了網(wǎng)頁元素的配置，其中，每個(gè)可編輯區(qū)域可以放一個(gè)組件，當(dāng)想添加其他的任意一組件時(shí)，需要將可編輯區(qū)域當(dāng)前的組件刪除，再將其他的任意一個(gè)組件添加至可編輯區(qū)域中。

步驟S208、依據(jù)組件的類型，為各類型的組件添加對(duì)應(yīng)的網(wǎng)頁元素，以執(zhí)行網(wǎng)頁設(shè)計(jì)操作，其中，所述組件的類型至少包括：圖片類型、文本類型、鏈接類型和多媒體類型中的一項(xiàng)。

由于組件包括多種類型，例如：圖片類型、文本類型、鏈接類型和多媒體類型等等，因此，將組件成功添加至頁面模板的可編輯區(qū)域后，在對(duì)組件進(jìn)行編輯時(shí)，需要根據(jù)組件的類型添加對(duì)應(yīng)的網(wǎng)頁元素。本公開實(shí)施例中，每個(gè)組件具有唯一的標(biāo)識(shí)，且每個(gè)組件的功能與規(guī)定輸出的格式是不同的，例如一個(gè)圖片類型的組件，規(guī)定輸出的類型可能是gpj或bmp等，因此，當(dāng)對(duì)組件進(jìn)行編輯的時(shí)候，無論該圖片類型的組件添加的時(shí)圖片或是圖片對(duì)應(yīng)的路徑，在生成對(duì)應(yīng)的網(wǎng)頁時(shí)，該可編輯區(qū)域至顯示出圖片，因此在對(duì)組件進(jìn)行編輯時(shí)，根據(jù)不同的組件類型，添加對(duì)應(yīng)類型的網(wǎng)頁元素。

本公開實(shí)施例，通過在需要對(duì)網(wǎng)頁的部分區(qū)域更改布局時(shí)，服務(wù)器預(yù)先為網(wǎng)頁對(duì)應(yīng)的頁面模板配置對(duì)應(yīng)的插槽，并為插槽配置對(duì)應(yīng)的插槽標(biāo)識(shí)，以使在后續(xù)管理系統(tǒng)渲染模板時(shí)可以根據(jù)插槽標(biāo)識(shí)確定對(duì)應(yīng)的插槽；服務(wù)器對(duì)頁面模板進(jìn)行渲染時(shí)，通過為插槽添加樣式和可編輯功能，將插槽轉(zhuǎn)換成可編輯區(qū)域，使得在管理系統(tǒng)中顯示頁面模板時(shí)，顯示出具有可編輯功能的可編輯區(qū)域；服務(wù)器根據(jù)操作人員的操作，在頁面模板中的可編輯區(qū)域添加組件，從而通過對(duì)組件的編輯為可編輯區(qū)域配置網(wǎng)頁元素，以實(shí)現(xiàn)網(wǎng)頁的設(shè)計(jì)；從而使得操作人員在管理網(wǎng)頁時(shí)，無需改寫代碼來完成更改網(wǎng)頁的布局，網(wǎng)頁進(jìn)行可視化的操作，服務(wù)器根據(jù)操作人員的操作，完成頁面的編輯；從而，大大提高了網(wǎng)頁維護(hù)的效率，以及降低了網(wǎng)頁維護(hù)的成本。

需要說明的是，對(duì)于方法實(shí)施例，為了簡單描述，故將其都表述為一系列的動(dòng)作組合，但是本領(lǐng)域技術(shù)人員應(yīng)該知悉，本公開實(shí)施例并不受所描述的動(dòng)作順序的限制，因?yàn)橐罁?jù)本公開實(shí)施例，某些步驟可以采用其他順序或者同時(shí)進(jìn)行。其次，本領(lǐng)域技術(shù)人員也應(yīng)該知悉，說明書中所描述的實(shí)施例均屬于優(yōu)選實(shí)施例，所涉及的動(dòng)作并不一定是本公開實(shí)施例所必須的。

實(shí)施例三

參照?qǐng)D3，示出了本公開實(shí)施例的一種模板渲染裝置的結(jié)構(gòu)框圖，具體可以包括如下模塊：插槽配置模塊301、區(qū)域轉(zhuǎn)換模塊302、模板顯示模塊303和元素配置模塊304，其中，

插槽配置模塊301，用于預(yù)先為頁面模板配置至少一個(gè)插槽。

區(qū)域轉(zhuǎn)換模塊302，用于在渲染所述頁面模板時(shí)，將各插槽轉(zhuǎn)換成可編輯區(qū)域，所述可編輯區(qū)域用于指示配置網(wǎng)頁元素。

模板顯示模塊303，用于顯示渲染的頁面模板，所述渲染的頁面模板包含所述可編輯區(qū)域。

元素配置模塊304，用于在所述可編輯區(qū)域中配置網(wǎng)頁元素，以執(zhí)行網(wǎng)頁設(shè)計(jì)操作。

在網(wǎng)頁管理過程中，為了實(shí)現(xiàn)對(duì)網(wǎng)頁對(duì)應(yīng)的頁面模板進(jìn)行可視化的操作，插槽配置模塊301需要預(yù)先為頁面模板配置插槽，其中，配置的插槽的個(gè)數(shù)可以根據(jù)網(wǎng)頁需要更改布局的區(qū)域的數(shù)量確定，因此，配置的插槽可以是一個(gè)也可以是多個(gè)；插槽配置模塊301完成插槽的配置后，在接收到操作人員執(zhí)行的打開頁面模板的操作時(shí)，區(qū)域轉(zhuǎn)換模塊302對(duì)完成已配置插槽的頁面模板進(jìn)行渲染，將插槽轉(zhuǎn)換成可編輯區(qū)域；渲染完成后，模板顯示模塊303在顯示渲染的頁面模板，顯示的頁面模板包含區(qū)域轉(zhuǎn)換模塊302轉(zhuǎn)換的可編輯區(qū)域；操作人員可以對(duì)包含可編輯區(qū)域的頁面模板進(jìn)行操作，元素配置模塊304根據(jù)操作人員的相關(guān)操作，為各可編輯區(qū)域中配置網(wǎng)頁元素，以實(shí)現(xiàn)頁面的編輯。

本公開實(shí)施例，通過在需要對(duì)網(wǎng)頁的部分區(qū)域更改布局時(shí)，插槽配置模塊預(yù)先為網(wǎng)頁對(duì)應(yīng)的頁面模板配置對(duì)應(yīng)的插槽，區(qū)域轉(zhuǎn)換模塊在對(duì)頁面模板進(jìn)行渲染時(shí)，將插槽轉(zhuǎn)換成可編輯區(qū)域，使得模板顯示木塊在顯示頁面模板時(shí)，顯示出可編輯區(qū)域；元素配置模塊可以根據(jù)管理人員的操作，為頁面模板中的可編輯區(qū)域配置網(wǎng)頁元素，以執(zhí)行網(wǎng)頁設(shè)計(jì)的操作；使得在操作人員管理網(wǎng)頁時(shí)，模板渲染裝置可以根據(jù)操作人員的操作，完成對(duì)網(wǎng)頁的編輯，大大提高了網(wǎng)頁維護(hù)的效率，以及降低了網(wǎng)頁維護(hù)的成本。

實(shí)施例四

參照?qǐng)D4，示出了本公開實(shí)施例的另一種模板渲染裝置的結(jié)構(gòu)框圖，其中，本公開實(shí)施例中，插槽配置模塊41包括插槽確定子模塊411和標(biāo)識(shí)配置子模塊412，其中，

插槽確定子模塊411，用于預(yù)先在頁面模板中確定至少一個(gè)預(yù)設(shè)區(qū)域，將所述預(yù)設(shè)區(qū)域確定為插槽。

標(biāo)識(shí)配置子模塊412，用于為各插槽分別配置對(duì)應(yīng)的插槽標(biāo)識(shí)，以及依據(jù)所述插槽標(biāo)識(shí)生成插槽標(biāo)識(shí)列表。

在網(wǎng)頁的管理過程中，操作人員可以根據(jù)網(wǎng)頁需要改變布局的區(qū)域，插槽確定子模塊411根據(jù)接收的操作人員選定網(wǎng)頁需要改變布局的區(qū)域選擇操作，確定網(wǎng)頁對(duì)應(yīng)的頁面模板對(duì)應(yīng)的需要更改布局的區(qū)域，從而將需要更改布局的區(qū)域確定為頁面模板的預(yù)設(shè)區(qū)域，再將預(yù)設(shè)區(qū)域確定為插槽，其中一個(gè)頁面模板可以包含一個(gè)或多個(gè)插槽。插槽確定子模塊411將預(yù)設(shè)區(qū)域確定為插槽后，由于頁面模板的插槽可能是一個(gè)，也可能是多個(gè)，每個(gè)不同的預(yù)設(shè)區(qū)域?qū)?yīng)不同的插槽，為了區(qū)分出各個(gè)插槽，標(biāo)識(shí)配置子模塊412可以為各插槽分別配置插槽標(biāo)識(shí)，每個(gè)插槽標(biāo)識(shí)與插槽一一對(duì)應(yīng)，插槽標(biāo)識(shí)是區(qū)別插槽的唯一標(biāo)識(shí)，然后將所有的插槽標(biāo)識(shí)生成插槽標(biāo)識(shí)列表，插槽標(biāo)識(shí)列表中每一條信息對(duì)應(yīng)一個(gè)插槽標(biāo)識(shí)，并將插槽標(biāo)識(shí)列表存儲(chǔ)至數(shù)據(jù)庫中。

本公開實(shí)施例中，區(qū)域轉(zhuǎn)換模塊42包括獲取子模塊421和轉(zhuǎn)換子模塊422，其中，

獲取子模塊421，用于在渲染所述頁面模板時(shí)，獲取所述插槽標(biāo)識(shí)列表。

轉(zhuǎn)換子模塊422，用于依據(jù)所述插槽標(biāo)識(shí)列表，對(duì)所述插槽標(biāo)識(shí)列表包含的各插槽執(zhí)行轉(zhuǎn)換成可編輯區(qū)域的步驟。

在接收到操作人員打開頁面模板的操作后，在顯示頁面模板之前，區(qū)域轉(zhuǎn)換模塊42需要對(duì)頁面模板中進(jìn)行渲染，將插槽轉(zhuǎn)換成可編輯區(qū)域；在具體渲染頁面模板時(shí)，獲取子模塊421從需要從數(shù)據(jù)庫中獲取插槽和插槽標(biāo)識(shí)列表，以使轉(zhuǎn)換子模塊422根據(jù)插槽標(biāo)識(shí)列表，確定頁面模板是否包含插槽以及插槽的數(shù)量，當(dāng)確定頁面模板包含插槽時(shí)，將各插槽轉(zhuǎn)換成對(duì)應(yīng)的可編輯區(qū)域。

本公開實(shí)施例中，轉(zhuǎn)換子模塊422包括第一單元4221和第二單元4222；其中，

第一單元4221，用于依據(jù)從所述插槽標(biāo)識(shí)列表中獲取的插槽標(biāo)識(shí)，確定各插槽標(biāo)識(shí)對(duì)應(yīng)的插槽。

第二單元4222，用于通過為所述插槽添加樣式和可編輯功能，將所述插槽轉(zhuǎn)換成可編輯區(qū)域。

轉(zhuǎn)換子模塊422執(zhí)行將各插槽轉(zhuǎn)換成對(duì)應(yīng)的可編輯區(qū)域的步驟由第一單元4221和第二單元4222執(zhí)行，第一單元4221根據(jù)插槽標(biāo)識(shí)列表，從插槽標(biāo)識(shí)列表中獲取插槽標(biāo)識(shí)，由于插槽標(biāo)識(shí)與插槽唯一對(duì)應(yīng)，因此，可以根據(jù)插槽標(biāo)識(shí)確定對(duì)應(yīng)的插槽；確定頁面模板中包含的所有的插槽；第二單元4222為第一單元4221確定的插槽，添加樣式和可編輯元素，在模板顯示單元43顯示的頁面模板中，顯示出具有可編輯功能的可編輯區(qū)域。

本公開實(shí)施例中，元素配置模塊44包括組件添加子模塊441和元素添加子模塊442，其中，

組件添加子模塊441，用于將組件添加至所述可編輯區(qū)域中；

元素添加子模塊442，用于依據(jù)組件的類型，為各類型的組件添加對(duì)應(yīng)的網(wǎng)頁元素，以執(zhí)行網(wǎng)頁設(shè)計(jì)操作，其中，所述組件的類型至少包括：圖片類型、文本類型、鏈接類型和多媒體類型中的一項(xiàng)。

管理系統(tǒng)包含多種組件，其中，組件包括多種類型，例如圖片類型、文本類型、鏈接類型和多媒體類型；在接收到操作人員將組件拖拽至可編輯區(qū)域時(shí)，組件添加子模塊441將操作人員拖拽的組件添加到可編輯區(qū)域，元素添加子模塊442根據(jù)操作人員的操作，為不同的組件添加對(duì)應(yīng)的網(wǎng)頁元素，從而實(shí)現(xiàn)網(wǎng)頁的設(shè)計(jì)。

對(duì)于裝置實(shí)施例而言，由于其與方法實(shí)施例基本相似，所以描述的比較簡單，相關(guān)之處參見方法實(shí)施例的部分說明即可。

本說明書中的各個(gè)實(shí)施例均采用遞進(jìn)的方式描述，每個(gè)實(shí)施例重點(diǎn)說明的都是與其他實(shí)施例的不同之處，各個(gè)實(shí)施例之間相同相似的部分互相參見即可。

本領(lǐng)域內(nèi)的技術(shù)人員應(yīng)明白，本公開實(shí)施例的實(shí)施例可提供為方法、裝置、或計(jì)算機(jī)程序產(chǎn)品。因此，本公開實(shí)施例可采用完全硬件實(shí)施例、完全軟件實(shí)施例、或結(jié)合軟件和硬件方面的實(shí)施例的形式。而且，本公開實(shí)施例可采用在一個(gè)或多個(gè)其中包含有計(jì)算機(jī)可用程序代碼的計(jì)算機(jī)可用存儲(chǔ)介質(zhì)(包括但不限于磁盤存儲(chǔ)器、CD-ROM、光學(xué)存儲(chǔ)器等)上實(shí)施的計(jì)算機(jī)程序產(chǎn)品的形式。

本公開實(shí)施例是參照根據(jù)本公開實(shí)施例的方法、終端設(shè)備(系統(tǒng))、和計(jì)算機(jī)程序產(chǎn)品的流程圖和/或方框圖來描述的。應(yīng)理解可由計(jì)算機(jī)程序指令實(shí)現(xiàn)流程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結(jié)合?？商峁┻@些計(jì)算機(jī)程序指令到通用計(jì)算機(jī)、專用計(jì)算機(jī)、嵌入式處理機(jī)或其他可編程數(shù)據(jù)處理終端設(shè)備的處理器以產(chǎn)生一個(gè)機(jī)器，使得通過計(jì)算機(jī)或其他可編程數(shù)據(jù)處理終端設(shè)備的處理器執(zhí)行的指令產(chǎn)生用于實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能的裝置。

這些計(jì)算機(jī)程序指令也可存儲(chǔ)在能引導(dǎo)計(jì)算機(jī)或其他可編程數(shù)據(jù)處理終端設(shè)備以特定方式工作的計(jì)算機(jī)可讀存儲(chǔ)器中，使得存儲(chǔ)在該計(jì)算機(jī)可讀存儲(chǔ)器中的指令產(chǎn)生包括指令裝置的制造品，該指令裝置實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能。

這些計(jì)算機(jī)程序指令也可裝載到計(jì)算機(jī)或其他可編程數(shù)據(jù)處理終端設(shè)備上，使得在計(jì)算機(jī)或其他可編程終端設(shè)備上執(zhí)行一系列操作步驟以產(chǎn)生計(jì)算機(jī)實(shí)現(xiàn)的處理，從而在計(jì)算機(jī)或其他可編程終端設(shè)備上執(zhí)行的指令提供用于實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能的步驟。

盡管已描述了本公開實(shí)施例的優(yōu)選實(shí)施例，但本領(lǐng)域內(nèi)的技術(shù)人員一旦得知了基本創(chuàng)造性概念，則可對(duì)這些實(shí)施例做出另外的變更和修改。所以，所附權(quán)利要求意欲解釋為包括優(yōu)選實(shí)施例以及落入本公開實(shí)施例范圍的所有變更和修改。

最后，還需要說明的是，在本文中，諸如第一和第二等之類的關(guān)系術(shù)語僅僅用來將一個(gè)實(shí)體或者操作與另一個(gè)實(shí)體或操作區(qū)分開來，而不一定要求或者暗示這些實(shí)體或操作之間存在任何這種實(shí)際的關(guān)系或者順序。而且，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者終端設(shè)備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者終端設(shè)備所固有的要素。在沒有更多限制的情況下，由語句“包括一個(gè)……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者終端設(shè)備中還存在另外的相同要素。

以上對(duì)本公開所提供的一種模板渲染方法和一種模板渲染裝置，進(jìn)行了詳細(xì)介紹，本文中應(yīng)用了具體個(gè)例對(duì)本公開的原理及實(shí)施方式進(jìn)行了闡述，以上實(shí)施例的說明只是用于幫助理解本公開的方法及其核心思想；同時(shí)，對(duì)于本領(lǐng)域的一般技術(shù)人員，依據(jù)本公開的思想，在具體實(shí)施方式及應(yīng)用范圍上均會(huì)有改變之處，綜上所述，本說明書內(nèi)容不應(yīng)理解為對(duì)本公開的限制。