[發(fā)明專利]一種頁面處理方法及相關(guān)設(shè)備

在審

• 申請?zhí)枺?/td>: 202010089506.X
• 申請日: 2020-02-12
• 公開（公告）號: CN111273907A
• 公開（公告）日: 2020-06-12
• 發(fā)明（設(shè)計(jì)）人: 鄭政邦
• 申請（專利權(quán)）人: 中國平安人壽保險股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/33
• 代理公司: 廣州三環(huán)專利商標(biāo)代理有限公司 44202
• 代理人: 熊永強(qiáng);彭程

本發(fā)明實(shí)施例公開了一種頁面處理方法及相關(guān)設(shè)備，所述方法應(yīng)用于數(shù)據(jù)處理技術(shù)領(lǐng)域，包括：第一終端設(shè)備輸出展示頁面編輯窗口，在該頁面編輯窗口中的組件列表區(qū)將組件模板確定為目標(biāo)組件添加至頁面編輯區(qū)，并在該頁面編輯區(qū)中對各個目標(biāo)組件進(jìn)行排版，得到目標(biāo)頁面。進(jìn)一步地，第一終端設(shè)備可以根據(jù)目標(biāo)頁面中各個目標(biāo)組件的屬性信息和各個目標(biāo)組件之間的層級信息創(chuàng)建邏輯樹，并按照預(yù)設(shè)數(shù)據(jù)格式對該邏輯樹進(jìn)行數(shù)據(jù)轉(zhuǎn)換，將數(shù)據(jù)轉(zhuǎn)換得到的目標(biāo)數(shù)據(jù)上傳至服務(wù)器，以指示第二終端設(shè)備從服務(wù)器中獲取該目標(biāo)數(shù)據(jù)，并基于該目標(biāo)數(shù)據(jù)還原上述目標(biāo)頁面。采用這樣的頁面處理方式，可以實(shí)時展示頁面編輯效果，縮短頁面開發(fā)周期和降低頁面開發(fā)成本。

技術(shù)領(lǐng)域

本發(fā)明涉及數(shù)據(jù)處理技術(shù)領(lǐng)域，尤其涉及一種頁面處理方法及相關(guān)設(shè)備。

背景技術(shù)

隨著智能移動終端設(shè)備的普及，終端應(yīng)用程序(Application，APP)已經(jīng)滲透進(jìn)我們生活的方方面面。APP中的每一個頁面都需要具有信息展示和能操作交互的特性，以使終端客戶能最快的從APP頁面中獲取到有價值的信息，并獲得滿意的交互體驗(yàn)。

APP頁面開發(fā)方式是在APP側(cè)預(yù)先編程寫入一些頁面組件并為這些頁面組件分配好頁面組件標(biāo)識(Identity document，ID)。進(jìn)一步地，頁面編輯終端Web側(cè)對該組件ID進(jìn)行屬性配置，并通過服務(wù)器將該屬性配置下發(fā)到APP側(cè)，以實(shí)現(xiàn)控制頁面組件重新組合，產(chǎn)生新的頁面變化。但是這種APP頁面開發(fā)方式的頁面展示效果只顯示于APP頁面上，在頁面編輯Web側(cè)不能實(shí)時看到組件ID屬性配置后的頁面效果是否存在缺陷。并且采用該APP頁面開發(fā)方式后，頁面迭代還需要投入較多的開發(fā)成本和測試成本，開發(fā)周期較長。因此，在APP頁面開發(fā)中如何降低開發(fā)成本，縮短開發(fā)周期，以及如何做到頁面編輯終端Web側(cè)可視化的頁面開發(fā)，成為一個亟待解決的問題。

發(fā)明內(nèi)容

本發(fā)明實(shí)施例提供了一種頁面處理方法及相關(guān)設(shè)備，可以在頁面編輯器中實(shí)時展示頁面編輯效果，縮短頁面開發(fā)周期和降低頁面開發(fā)成本。

第一方面本發(fā)明實(shí)施例提供一種頁面處理方法，所述方法應(yīng)用于第一終端設(shè)備，該方法包括：

展示頁面編輯窗口，所述頁面編輯窗口包括組件列表區(qū)和頁面編輯區(qū)，所述組件列表區(qū)包括至少一個組件模板；

將所述至少一個組件模板中選取操作對應(yīng)的組件模板確定為目標(biāo)組件，并將所述目標(biāo)組件添加至所述頁面編輯區(qū)；

在所述頁面編輯區(qū)中基于針對各個所述目標(biāo)組件的排版操作對所述各個目標(biāo)組件進(jìn)行排版，得到目標(biāo)頁面；

根據(jù)所述目標(biāo)頁面中所述各個目標(biāo)組件的屬性信息和所述各個目標(biāo)組件之間的層級信息創(chuàng)建所述目標(biāo)頁面對應(yīng)的邏輯樹，所述邏輯樹包括至少一個組件節(jié)點(diǎn)，所述至少一個組件節(jié)點(diǎn)中的各個組件節(jié)點(diǎn)與所述各個目標(biāo)組件一一對應(yīng)；

按照預(yù)設(shè)數(shù)據(jù)格式對所述邏輯樹進(jìn)行數(shù)據(jù)轉(zhuǎn)換，將數(shù)據(jù)轉(zhuǎn)換得到的目標(biāo)數(shù)據(jù)上傳至服務(wù)器，以指示第二終端設(shè)備從所述服務(wù)器中獲取所述目標(biāo)數(shù)據(jù)，并基于所述目標(biāo)數(shù)據(jù)還原所述目標(biāo)頁面。

在一個實(shí)施例中，所述目標(biāo)組件包括至少一個目標(biāo)組件，所述將所述至少一個組件模板中選取操作對應(yīng)的組件模板確定為目標(biāo)組件之后，還可以基于針對所述至少一個目標(biāo)組件中的各個目標(biāo)組件輸入的組合操作，對所述各個目標(biāo)組件進(jìn)行組合，得到組合組件模板；將所述組合組件模板添加至所述組件列表區(qū)。

在一個實(shí)施例中，所述根據(jù)所述目標(biāo)頁面中所述各個目標(biāo)組件的屬性信息和所述各個目標(biāo)組件之間的層級信息創(chuàng)建所述目標(biāo)頁面對應(yīng)的邏輯樹之后，還可以接收用戶針對所述各個目標(biāo)組件中第一組件的管理操作，所述管理操作包括刪除操作或者新增操作，所述第一組件為所述各個目標(biāo)組件中的一個或者多個；基于所述管理操作在所述目標(biāo)頁面中對所述第一組件進(jìn)行管理，并在所述邏輯樹中對所述第一組件對應(yīng)的組件節(jié)點(diǎn)進(jìn)行與所述管理操作匹配的管理。