[發明專利]一種用于多平臺的頁面布局數據處理方法和系統

在審

• 申請號: 201811325603.3
• 申請日: 2018-11-08
• 公開（公告）號: CN111158677A
• 公開（公告）日: 2020-05-15
• 發明（設計）人: 徐振標
• 申請（專利權）人: 廣州微粵信息科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06Q30/06
• 代理公司: 廣州嘉權專利商標事務所有限公司 44205
• 代理人: 胡輝

本發明公開了一種用于多平臺的頁面布局數據處理方法和系統，所述方法包括以下步驟：獲取第一客戶端的輸入數據；根據第一客戶端的輸入數據，得到頁面布局數據；根據頁面布局數據，生成多個平臺對應的頁面布局代碼；獲取第二客戶端的頁面請求；根據頁面請求向第二客戶端發送所述多個平臺中的一個平臺對應的頁面布局代碼。本發明可以根據第一客戶端的輸入數據，生成多個平臺對應的頁面布局代碼，并在第二客戶端發起頁面請求時，根據頁面請求返回相應的平臺對應的頁面布局代碼，因此，商家只需要進行一次頁面布局的編輯，即可適用于不同的平臺，提升了商家的工作效率。本發明可以廣泛應用于網頁技術。

技術領域

本發明涉及網頁技術，尤其是一種用于多平臺的頁面布局數據處理方法和系統。

背景技術

隨著電商的發展，有很多中小企業都逐漸發展了自己在互聯網上的宣傳和銷售渠道，這些渠道多種多樣。同時，這些渠道的展示形式也是多種多樣，企業所需要展示的頁面的載體可能是WAP頁面、PC頁面、公眾號、小程序或者APP等。但是目前，每個系統都是孤立的，即每一個系統都具有其獨立的后臺。例如，在APP后臺做好的頁面，不能直接拿到小程序里面用，需要在小程序的后臺進行重新的調整。這樣使得工作效率低下，并不利于人手緊缺的中小企業開展業務。

發明內容

為解決上述技術問題，本發明的目的在于：提供一種能夠提升工作效率的用于多平臺的頁面布局數據處理方法和系統。

本發明所采取的第一種技術方案是：

一種用于多平臺的頁面布局數據處理方法，包括以下步驟：

獲取第一客戶端的輸入數據；

根據第一客戶端的輸入數據，得到頁面布局數據；

根據頁面布局數據，生成多個平臺對應的頁面布局代碼；

獲取第二客戶端的頁面請求；

根據頁面請求向第二客戶端發送所述多個平臺中的一個平臺對應的頁面布局代碼。

進一步，所述獲取第一客戶端的輸入數據，其具體為：

獲取第一客戶端采集的點擊位置和拖拽軌跡。

進一步，所述根據第一客戶端的輸入數據，得到頁面布局數據，其具體包括：

根據第一客戶端采集的點擊位置，得到用戶選取的布局元素；

根據拖拽軌跡，得到所述布局元素在頁面中的位置。

進一步，所述根據頁面布局數據，生成多個平臺對應的頁面布局代碼，其具體包括：

根據頁面布局數據，得到頁面中的所有布局元素；

查找頁面中的所有布局元素在多個平臺分別對應的前端代碼；

根據頁面中的所有布局元素在多個平臺分別對應的前端代碼，生成多個平臺對應的頁面布局代碼。

進一步，所述多個平臺包括WAP頁面、PC頁面、APP、公眾號和小程序。

本發明所采取的第二種技術方案是：

一種用于多平臺的頁面布局數據處理系統，包括：

輸入數據獲取模塊，用于獲取第一客戶端的輸入數據；

頁面布局數據獲取模塊，用于根據第一客戶端的輸入數據，得到頁面布局數據；

生成模塊，用于根據頁面布局數據，生成多個平臺對應的頁面布局代碼；

頁面請求獲取模塊，用于獲取第二客戶端的頁面請求；

發送模塊，用于根據頁面請求向第二客戶端發送所述多個平臺中的一個平臺對應的頁面布局代碼。