[發(fā)明專利]頁(yè)面調(diào)整方法和裝置

在審

• 申請(qǐng)?zhí)枺?/td>: 202210733844.1
• 申請(qǐng)日: 2022-06-27
• 公開（公告）號(hào): CN115048138A
• 公開（公告）日: 2022-09-13
• 發(fā)明（設(shè)計(jì)）人: 高苗飛
• 申請(qǐng)（專利權(quán)）人: 京東科技控股股份有限公司
• 主分類號(hào): G06F8/71
• 分類號(hào): G06F8/71;G06F8/38;G06F8/33;G06F3/0486;G06F16/958
• 代理公司: 中原信達(dá)知識(shí)產(chǎn)權(quán)代理有限責(zé)任公司 11219
• 代理人: 王志遠(yuǎn);張一軍

本發(fā)明公開了一種頁(yè)面調(diào)整方法和裝置，涉及計(jì)算機(jī)技術(shù)領(lǐng)域。該方法的一具體實(shí)施方式包括：獲取處在預(yù)設(shè)的、可視化的頁(yè)面布局區(qū)域的至少一個(gè)頁(yè)面組件的屬性配置數(shù)據(jù)，將所述屬性配置數(shù)據(jù)輸入預(yù)先建立的頁(yè)面調(diào)整模板生成頁(yè)面調(diào)整腳本；其中，所述至少一個(gè)頁(yè)面組件中的任一頁(yè)面組件為預(yù)先封裝并具有至少一個(gè)可配置屬性；在預(yù)先編寫的頁(yè)面文件中引入生成的頁(yè)面調(diào)整腳本，并將含有所述頁(yè)面調(diào)整腳本的頁(yè)面文件向頁(yè)面請(qǐng)求端返回，以使所述頁(yè)面請(qǐng)求端依據(jù)所述頁(yè)面調(diào)整腳本渲染所述頁(yè)面文件。該實(shí)施方式能夠提高頁(yè)面開發(fā)效率以及頁(yè)面代碼復(fù)用率。

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

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種頁(yè)面調(diào)整方法和裝置。

背景技術(shù)

在前端頁(yè)面展示之前，往往需要對(duì)頁(yè)面中的圖像、文本、圖文等組件的顏色、位置等屬性進(jìn)行一定的調(diào)整，以提升頁(yè)面效果。現(xiàn)有技術(shù)中，以上頁(yè)面調(diào)整一般通過研發(fā)人員修改頁(yè)面代碼來(lái)實(shí)現(xiàn)，代碼修改之后需要重新測(cè)試并且重新上線審批，由此影響開發(fā)效率，同時(shí)增加了研發(fā)人員工作量。

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

有鑒于此，本發(fā)明實(shí)施例提供一種頁(yè)面調(diào)整方法和裝置，能夠提高頁(yè)面開發(fā)效率以及頁(yè)面代碼復(fù)用率。

為實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明的一個(gè)方面，提供了一種頁(yè)面調(diào)整方法。

本發(fā)明實(shí)施例的頁(yè)面調(diào)整方法包括：獲取處在預(yù)設(shè)的、可視化的頁(yè)面布局區(qū)域的至少一個(gè)頁(yè)面組件的屬性配置數(shù)據(jù)，將所述屬性配置數(shù)據(jù)輸入預(yù)先建立的頁(yè)面調(diào)整模板生成頁(yè)面調(diào)整腳本；其中，所述至少一個(gè)頁(yè)面組件中的任一頁(yè)面組件為預(yù)先封裝并具有至少一個(gè)可配置屬性；在預(yù)先編寫的頁(yè)面文件中引入生成的頁(yè)面調(diào)整腳本，并將含有所述頁(yè)面調(diào)整腳本的頁(yè)面文件向頁(yè)面請(qǐng)求端返回，以使所述頁(yè)面請(qǐng)求端依據(jù)所述頁(yè)面調(diào)整腳本渲染所述頁(yè)面文件。

可選地，所述頁(yè)面調(diào)整模板中包含所述可配置屬性的屬性名稱和以占位符表示的屬性值；以及，所述將所述屬性配置數(shù)據(jù)輸入預(yù)先建立的頁(yè)面調(diào)整模板生成頁(yè)面調(diào)整腳本，包括：使用所述屬性配置數(shù)據(jù)替換所述頁(yè)面調(diào)整模板中的相應(yīng)占位符以生成所述頁(yè)面調(diào)整腳本。

可選地，所述頁(yè)面組件包括圖文組件，所述圖文組件的可配置屬性包括以下至少一種：圖文塊行數(shù)、圖文塊列數(shù)、每一圖文塊的圖像地址和文本數(shù)據(jù)、每一圖文塊在所述圖文組件中的位置、每一圖文塊的埋點(diǎn)數(shù)據(jù)、背景顏色、文本顏色、背景圖像地址、所述圖文組件在頁(yè)面中的位置。

可選地，所述頁(yè)面組件基于外部操作由預(yù)設(shè)的、可視化的組件展示區(qū)域進(jìn)入所述頁(yè)面布局區(qū)域；其中，所述外部操作包括拖拽操作；所述屬性配置數(shù)據(jù)在預(yù)設(shè)的、可視化的屬性編輯區(qū)域中進(jìn)行外部輸入。

為實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明的另一方面，提供了一種頁(yè)面調(diào)整裝置。

本發(fā)明實(shí)施例的頁(yè)面調(diào)整裝置可以包括：調(diào)整腳本生成單元，用于：獲取處在預(yù)設(shè)的、可視化的頁(yè)面布局區(qū)域的至少一個(gè)頁(yè)面組件的屬性配置數(shù)據(jù)，將所述屬性配置數(shù)據(jù)輸入預(yù)先建立的頁(yè)面調(diào)整模板生成頁(yè)面調(diào)整腳本；其中，所述至少一個(gè)頁(yè)面組件中的任一頁(yè)面組件為預(yù)先封裝并具有至少一個(gè)可配置屬性；調(diào)整腳本使用單元，用于：在預(yù)先編寫的頁(yè)面文件中引入生成的頁(yè)面調(diào)整腳本，并將含有所述頁(yè)面調(diào)整腳本的頁(yè)面文件向頁(yè)面請(qǐng)求端返回，以使所述頁(yè)面請(qǐng)求端依據(jù)所述頁(yè)面調(diào)整腳本渲染所述頁(yè)面文件。

可選地，所述頁(yè)面調(diào)整模板中包含所述可配置屬性的屬性名稱和以占位符表示的屬性值；以及，所述調(diào)整腳本生成單元可進(jìn)一步用于：使用所述屬性配置數(shù)據(jù)替換所述頁(yè)面調(diào)整模板中的相應(yīng)占位符以生成所述頁(yè)面調(diào)整腳本。

可選地，所述頁(yè)面組件包括圖文組件，所述圖文組件的可配置屬性包括以下至少一種：圖文塊行數(shù)、圖文塊列數(shù)、每一圖文塊的圖像地址和文本數(shù)據(jù)、每一圖文塊在所述圖文組件中的位置、每一圖文塊的埋點(diǎn)數(shù)據(jù)、背景顏色、文本顏色、背景圖像地址、所述圖文組件在頁(yè)面中的位置。

可選地，所述頁(yè)面組件基于外部操作由預(yù)設(shè)的、可視化的組件展示區(qū)域進(jìn)入所述頁(yè)面布局區(qū)域；其中，所述外部操作包括拖拽操作；所述屬性配置數(shù)據(jù)在預(yù)設(shè)的、可視化的屬性編輯區(qū)域中進(jìn)行外部輸入。