[發明專利]頁面裝修方法和系統

有效

• 申請號: 201710232668.2
• 申請日: 2017-04-11
• 公開（公告）號: CN108694043B
• 公開（公告）日: 2022-04-12
• 發明（設計）人: 劉建
• 申請（專利權）人: 北京京東尚科信息技術有限公司;北京京東世紀貿易有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 中原信達知識產權代理有限責任公司 11219
• 代理人: 張一軍;姜勁

本發明提供一種頁面裝修方法和系統，能夠給用戶所見即所得的頁面裝修體驗，降低裝修工具的使用門檻，并且數據處理方式更高效。該方法包括在服務端執行如下步驟：接收頁面裝修請求；根據頁面裝修請求獲取活動模板中的每個靜態模塊的模板html文件；解析每個模板html文件，以獲得其中對應于靜態模塊的可編輯區域預定義的可編輯節點，以及獲得在可編輯節點中預定義的可編輯區域的可編輯屬性，可編輯屬性具有默認值；確定是否存在用戶對可編輯屬性輸入的屬性值，并且當存在時，則獲取該屬性值，并用該屬性值替換對應的可編輯屬性的默認值；客戶端為可編輯節點綁定事件，并在綁定完成后展示靜態模塊的模板html文件。

技術領域

本發明涉及計算機技術領域，特別地涉及一種頁面裝修方法和系統。

背景技術

在電商平臺的店鋪裝修系統中，一個店鋪下可以創建多個子頁面，子頁面的結構又是由多個布局組成，其中，每個布局有多個模塊組合而成，因此，店鋪頁面的裝修基本就是對頁面各個模塊的裝修。模塊的展示效果有兩個因素構成：模塊參數和模塊使用的模板。

用戶在利用現有的裝修工具裝修頁面時，用戶在配置模塊參數后，客戶端請求模塊的渲染后的內容，服務端接收到該請求，獲取利用模塊的模板和全部參數渲染出的模塊的內容發送給客戶端，使用戶看到模塊渲染后的展示效果，用戶可以點擊模塊配置，在配置彈窗中修改參數，并保存它們，這樣頁面上該模塊所展示的數據也就修改了。

在實現本發明過程中，發明人發現現有技術中至少存在如下問題：首先，無論用戶配置或者修改模塊的什么參數，服務端渲染模塊時都需要獲取模塊的全部參數，數據處理效率低。其次，用戶在配置或者修改模塊時，無法直觀的編輯模塊的某個區域，裝修工具使用門檻較高。

發明內容

有鑒于此，本發明實施例提供一種頁面裝修方法、系統、電子設備以及計算機可讀介質，能夠給用戶所見即所得的頁面裝修體驗，降低裝修工具的使用門檻，并且數據處理方式更高效。

為實現上述目的，根據本發明的一個方面，提供了一種頁面裝修方法，所述頁面由一個或多個靜態模塊組成，所述靜態模塊具有一個或多個可編輯區域，

所述方法包括在服務端執行如下步驟：

接收用戶利用活動模板進行頁面裝修的頁面裝修請求，所述活動模板包括：所述一個或多個靜態模塊的模板內容；

根據所述頁面裝修請求獲取所述活動模板中的每個靜態模塊的模板html文件；

解析獲取的每個所述模板html文件，以獲得其中對應于所述靜態模塊的可編輯區域預定義的可編輯節點，以及獲得在所述可編輯節點中預定義的所述可編輯區域的可編輯屬性，所述可編輯屬性具有默認值；

確定是否存在用戶對所述可編輯屬性輸入的屬性值，并且當存在時，則獲取該屬性值，并用該屬性值替換對應的所述可編輯屬性的默認值；

把所述模板html文件發送至客戶端，

其中，所述客戶端為所述可編輯節點綁定事件，并在綁定完成后展示所述靜態模塊的模板html文件，使得利用所述綁定的事件，用戶能夠在所述靜態模塊的可編輯區域內對所述可編輯屬性進行屬性值輸入。

進一步的，獲得所述可編輯區域的可編輯屬性包括：

在所述可編輯節點的屬性中查找所述可編輯屬性，并生成所述可編輯屬性列表，其中，利用所述可編輯屬性列表能夠對所述可編輯屬性的默認值進行替換。

進一步的，所述可編輯節點配置有可編輯標簽，解析所述模板html文件包括利用所述可編輯標簽從所述模板html文件中獲得所述可編輯節點。

進一步的，所述靜態模塊的模板html文件通過下述步驟生成：

獲取活動模板html文件；