[發(fā)明專利]基于模板快速生成業(yè)務(wù)頁面的方法和裝置

有效

• 申請(qǐng)?zhí)枺?/td>: 201910072816.8
• 申請(qǐng)日: 2019-01-25
• 公開（公告）號(hào): CN109597617B
• 公開（公告）日: 2022-04-05
• 發(fā)明（設(shè)計(jì)）人: 倪連柱
• 申請(qǐng)（專利權(quán)）人: 北京字節(jié)跳動(dòng)網(wǎng)絡(luò)技術(shù)有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38
• 代理公司: 北京風(fēng)雅頌專利代理有限公司 11403
• 代理人: 鮑勝如

1.一種基于模板快速生成業(yè)務(wù)頁面的方法，其特征在于，包括：

構(gòu)建基礎(chǔ)頁面，所述基礎(chǔ)頁面的頁面代碼用于搭建所述業(yè)務(wù)頁面運(yùn)行所需的環(huán)境,和/或?qū)崿F(xiàn)同類業(yè)務(wù)場(chǎng)景中抽象出的相同的工作流程；

構(gòu)建一個(gè)或多個(gè)頁面模板，所述頁面模板用于提供業(yè)務(wù)場(chǎng)景中實(shí)現(xiàn)業(yè)務(wù)功能的代碼模板；

基于相應(yīng)的所述頁面模板，通過業(yè)務(wù)場(chǎng)景的每一個(gè)頁面的具體功能的代碼轉(zhuǎn)換，生成業(yè)務(wù)場(chǎng)景的每一個(gè)頁面的最終頁面代碼；

將生成的所述每一個(gè)頁面的最終頁面代碼合并入所述基礎(chǔ)頁面的頁面代碼，生成所述業(yè)務(wù)頁面的代碼；

其中，所述基礎(chǔ)頁面的結(jié)構(gòu)包括頁面頭和頁面主體；所述頁面頭包含各種用于構(gòu)建頁面代碼的函數(shù)庫；所述頁面主體包括多個(gè)腳本語言的功能函數(shù)，用于搭建所述業(yè)務(wù)頁面運(yùn)行所需的環(huán)境，和/或?qū)崿F(xiàn)同類業(yè)務(wù)場(chǎng)景中抽象出的相同的工作流程。

2.如權(quán)利要求1所述的方法，其中，所述函數(shù)庫包括客戶端jsbr i dge庫，埋點(diǎn)sdk庫，公共css庫或公共js庫中的一個(gè)或多個(gè)。

3.如權(quán)利要求1所述的方法，其中，所述功能函數(shù)實(shí)現(xiàn)的功能包括頁面數(shù)據(jù)獲取，數(shù)據(jù)處理，模板渲染或渲染后頁面的處理中的一個(gè)或多個(gè)。

4.如權(quán)利要求1所述的方法，其中，所述頁面模板的結(jié)構(gòu)包括頁面結(jié)構(gòu)定義、業(yè)務(wù)流程函數(shù)和頁面樣式；其中所述業(yè)務(wù)流程函數(shù)用于實(shí)現(xiàn)相應(yīng)的業(yè)務(wù)處理邏輯；所述頁面樣式用于定義基于該頁面模板而生成的頁面所呈現(xiàn)的頁面樣式。

5.如權(quán)利要求4所述的方法，其中，所述頁面結(jié)構(gòu)定義包括多個(gè)，用于定義具體頁面結(jié)構(gòu)和必要數(shù)據(jù)。

6.如權(quán)利要求1所述的方法，其中，所述基于相應(yīng)的所述頁面模板，通過業(yè)務(wù)場(chǎng)景的每一個(gè)頁面的具體功能的代碼轉(zhuǎn)換，生成業(yè)務(wù)場(chǎng)景的每一個(gè)頁面的最終頁面代碼，包括：

提取所述頁面模板中的所有結(jié)構(gòu)部分；

分別針對(duì)每個(gè)所述結(jié)構(gòu)部分，根據(jù)具體業(yè)務(wù)進(jìn)行代碼轉(zhuǎn)換，生成所述業(yè)務(wù)場(chǎng)景的每一個(gè)頁面的最終頁面代碼。

7.如權(quán)利要求1所述的方法，其中，所述將生成的所述每一個(gè)頁面的最終頁面代碼合并入所述基礎(chǔ)頁面的頁面代碼，生成所述業(yè)務(wù)頁面的代碼，包括：

將所述最終頁面代碼的每一個(gè)結(jié)構(gòu)部分對(duì)應(yīng)合并入所述基礎(chǔ)頁面的結(jié)構(gòu)部分，生成所述業(yè)務(wù)頁面的代碼。

8.如權(quán)利要求1所述的方法，其中，基于客戶端環(huán)境加載展示所述業(yè)務(wù)頁面來構(gòu)建所述業(yè)務(wù)場(chǎng)景。

9.如權(quán)利要求1所述的方法，其中，使用漸進(jìn)式結(jié)構(gòu)框架vue.js來組織模板結(jié)構(gòu)。

10.一種基于模板快速生成業(yè)務(wù)頁面的裝置，其特征在于，包括：

基礎(chǔ)頁面模塊，用于構(gòu)建基礎(chǔ)頁面，所述基礎(chǔ)頁面的頁面代碼用于搭建所述業(yè)務(wù)頁面運(yùn)行所需的環(huán)境,和/或?qū)崿F(xiàn)同類業(yè)務(wù)場(chǎng)景中抽象出的相同的工作流程；

頁面模板模塊，用于構(gòu)建一個(gè)或多個(gè)頁面模板，所述頁面模板用于提供業(yè)務(wù)場(chǎng)景中實(shí)現(xiàn)業(yè)務(wù)功能的代碼模板；

轉(zhuǎn)換模塊，用于基于相應(yīng)的所述頁面模板，通過業(yè)務(wù)場(chǎng)景的每一個(gè)頁面的具體功能的代碼轉(zhuǎn)換，生成業(yè)務(wù)場(chǎng)景的每一個(gè)頁面的最終頁面代碼；

合并模塊，用于將生成的所述每一個(gè)頁面的最終頁面代碼合并入所述基礎(chǔ)頁面的頁面代碼，生成所述業(yè)務(wù)頁面的代碼；

其中，所述基礎(chǔ)頁面的結(jié)構(gòu)包括頁面頭和頁面主體；所述頁面頭包含各種用于構(gòu)建頁面代碼的函數(shù)庫；所述頁面主體包括多個(gè)腳本語言的功能函數(shù)，用于搭建所述業(yè)務(wù)頁面運(yùn)行所需的環(huán)境，和/或?qū)崿F(xiàn)同類業(yè)務(wù)場(chǎng)景中抽象出的相同的工作流程。

11.一種電子設(shè)備，包括：

存儲(chǔ)器，用于存儲(chǔ)非暫時(shí)性計(jì)算機(jī)可讀指令；以及處理器，用于運(yùn)行所述計(jì)算機(jī)可讀指令，使得所述處理器執(zhí)行時(shí)實(shí)現(xiàn)根據(jù)權(quán)利要求1-9中任意一項(xiàng)所述的基于模板快速生成業(yè)務(wù)頁面的方法。

12.一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，用于存儲(chǔ)非暫時(shí)性計(jì)算機(jī)可讀指令，當(dāng)所述非暫時(shí)性計(jì)算機(jī)可讀指令由計(jì)算機(jī)執(zhí)行時(shí)，使得所述計(jì)算機(jī)執(zhí)行權(quán)利要求1-9中任意一項(xiàng)所述的基于模板快速生成業(yè)務(wù)頁面的方法。