[發(fā)明專利]導(dǎo)航卡尺H5頁(yè)面編排方法、裝置、設(shè)備及介質(zhì)

在審

• 申請(qǐng)?zhí)枺?/td>: 202111305744.0
• 申請(qǐng)日: 2021-11-05
• 公開(kāi)（公告）號(hào): CN114020246A
• 公開(kāi)（公告）日: 2022-02-08
• 發(fā)明（設(shè)計(jì)）人: 楊鐳;裘玥;王滿;夏禹
• 申請(qǐng)（專利權(quán)）人: 深圳壹賬通智能科技有限公司
• 主分類號(hào): G06F8/20
• 分類號(hào): G06F8/20;G06F8/33;G06F8/38;G06F8/41;G06F40/189;G06F16/242;G06F16/958
• 代理公司: 上海漢之律師事務(wù)所 31378
• 代理人: 周婷婷

1.一種導(dǎo)航卡尺H5頁(yè)面編排方法，其特征在于，所述方法包括：

獲取網(wǎng)頁(yè)應(yīng)用程序頁(yè)面中顯示的各個(gè)功能模塊；

根據(jù)所述功能模塊的名稱調(diào)用服務(wù)器內(nèi)各個(gè)功能模塊對(duì)應(yīng)的配置信息，按照所述配置信息將各個(gè)功能模塊轉(zhuǎn)換為圖形編程的功能組件；

每個(gè)所述功能組件根據(jù)功能差異在導(dǎo)航卡尺中形成與該功能組件關(guān)聯(lián)的標(biāo)識(shí)碼，且該標(biāo)識(shí)碼滿足唯一性；

利用所述導(dǎo)航卡尺中各個(gè)所述標(biāo)識(shí)碼的調(diào)用記錄確定待編排網(wǎng)頁(yè)所需的各個(gè)所述功能組件；

根據(jù)所述功能組件的編排樣式、頁(yè)面位置與所述層級(jí)關(guān)系在畫(huà)布中進(jìn)行Html5頁(yè)面編排設(shè)計(jì)，生成關(guān)于Html5頁(yè)面內(nèi)容與樣式排版的頁(yè)面。

2.如權(quán)利要求1所述的導(dǎo)航卡尺H5頁(yè)面編排方法，其特征在于，所述根據(jù)所述功能模塊的名稱調(diào)用服務(wù)器內(nèi)各個(gè)功能模塊對(duì)應(yīng)的配置信息，按照所述配置信息將各個(gè)功能模塊轉(zhuǎn)換為圖形編程的功能組件步驟，包括：

根據(jù)網(wǎng)頁(yè)應(yīng)用程序頁(yè)面各個(gè)功能模塊的名稱獲取服務(wù)器內(nèi)各個(gè)功能模塊相對(duì)應(yīng)的配置信息；

根據(jù)所述配置信息匹配待生成的編程工具組件的組件類型，按照所述待生成的編程工具組件對(duì)應(yīng)的流程控制關(guān)鍵字選擇預(yù)設(shè)的編輯框架模型；

利用預(yù)設(shè)的編輯框架模型處理所功能模塊，根據(jù)所述功能模塊對(duì)應(yīng)的配置信息生成相應(yīng)源代碼文件關(guān)聯(lián)存儲(chǔ)，并以圖形顯示相應(yīng)的功能組件；所述功能組件至少包括圖表類組件、控制類組件、文本類組件、布局類組件與頁(yè)面編排組件。

3.如權(quán)利要求1所述的導(dǎo)航卡尺H5頁(yè)面編排方法，其特征在于，所述每個(gè)所述功能組件根據(jù)功能差異在導(dǎo)航卡尺中形成與該功能組件關(guān)聯(lián)的標(biāo)識(shí)碼，且該標(biāo)識(shí)碼滿足唯一性步驟，包括：

所述功能組件按照功能差異劃分為圖表類組件、控制類組件、文本類組件、布局類組件與頁(yè)面編排組件；

按照所述功能組件的功能差異生成唯一的標(biāo)識(shí)碼，所述標(biāo)識(shí)碼的格式包括更新時(shí)間、標(biāo)題、間隔以及標(biāo)簽，其中，所述更新時(shí)間為該功能組件的更新時(shí)間，所述標(biāo)題為該功能組件的主題類型，所述間隔為分段顯示大小，所述標(biāo)簽為功能組件的子標(biāo)題。

4.如權(quán)利要求1所述的導(dǎo)航卡尺H5頁(yè)面編排方法，其特征在于，所述根據(jù)所述功能組件的編排樣式、頁(yè)面位置與所述層級(jí)關(guān)系在畫(huà)布中進(jìn)行Html5頁(yè)面編排設(shè)計(jì)，生成關(guān)于Html5頁(yè)面內(nèi)容與樣式排版的頁(yè)面的步驟，包括：

當(dāng)監(jiān)測(cè)到攜帶有層級(jí)信息的功能組件時(shí)，遍歷所有的同層級(jí)的功能組件或父子層級(jí)的功能組件，根據(jù)所述功能組件的層級(jí)關(guān)系確定父子層級(jí)的功能組件的樹(shù)狀拓?fù)浣Y(jié)構(gòu)以及同層級(jí)的功能組件的平行拓?fù)浣Y(jié)構(gòu)；

獲取所述拓?fù)浣Y(jié)構(gòu)對(duì)應(yīng)的所述功能組件在畫(huà)布內(nèi)的頁(yè)面位置，當(dāng)監(jiān)測(cè)到待移動(dòng)的功能組件對(duì)應(yīng)的拖拽操作時(shí)，將所述待移動(dòng)的功能組件移動(dòng)至所述拖拽操作對(duì)應(yīng)的釋放位置處，并根據(jù)所述待移動(dòng)的功能組件對(duì)應(yīng)的尺寸信息及移動(dòng)后的坐標(biāo)信息更新所述功能組件；

確定更新后的所述拓?fù)浣Y(jié)構(gòu)對(duì)應(yīng)的所述功能組件在畫(huà)布內(nèi)的頁(yè)面位置，并對(duì)各個(gè)所述功能組件所涉及的文字、圖片、圖形進(jìn)行樣式編排，生成關(guān)于Html5頁(yè)面內(nèi)容與樣式排版的頁(yè)面。

5.如權(quán)利要求1所述的導(dǎo)航卡尺H5頁(yè)面編排方法，其特征在于，所述利用所述導(dǎo)航卡尺中各個(gè)所述標(biāo)識(shí)碼的調(diào)用記錄確定待編排網(wǎng)頁(yè)所需的各個(gè)所述功能組件的步驟，包括：

根據(jù)所述導(dǎo)航卡尺內(nèi)各個(gè)所述標(biāo)識(shí)碼的調(diào)用記錄，確定待編排網(wǎng)頁(yè)所需的各個(gè)所述功能組件；

利用各個(gè)所述標(biāo)識(shí)碼在使用記錄中更新時(shí)間、標(biāo)題、間隔以及標(biāo)簽確定各個(gè)所述功能組件的頁(yè)面位置與所述層級(jí)關(guān)系，其中，根據(jù)所述標(biāo)識(shí)碼的更新時(shí)間與標(biāo)題確定待編排網(wǎng)頁(yè)所需的各個(gè)所述功能組件，根據(jù)所述標(biāo)識(shí)碼的標(biāo)題與標(biāo)簽確定各個(gè)所述功能組件的層級(jí)關(guān)系，根據(jù)所述標(biāo)識(shí)碼的標(biāo)題與間隔確定各個(gè)所述功能組件的的頁(yè)面位置。