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

有效

• 申請(qǐng)?zhí)枺?/td>: 201910072816.8
• 申請(qǐng)日: 2019-01-25
• 公開(kāi)（公告）號(hào): CN109597617B
• 公開(kāi)（公告）日: 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
• 代理人: 鮑勝如

本公開(kāi)公開(kāi)了一種基于模板快速生成業(yè)務(wù)頁(yè)面的方法、裝置、電子設(shè)備和計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)。其中該基于模板快速生成業(yè)務(wù)頁(yè)面的方法包括：構(gòu)建基礎(chǔ)頁(yè)面，所述基礎(chǔ)頁(yè)面的頁(yè)面代碼用于搭建所述業(yè)務(wù)頁(yè)面運(yùn)行所需的環(huán)境，和/或?qū)崿F(xiàn)同類業(yè)務(wù)場(chǎng)景中抽象出的相同的工作流程；構(gòu)建一個(gè)或多個(gè)頁(yè)面模板，所述頁(yè)面模板用于提供業(yè)務(wù)場(chǎng)景中實(shí)現(xiàn)業(yè)務(wù)功能的代碼模板；基于相應(yīng)的所述頁(yè)面模板，通過(guò)業(yè)務(wù)場(chǎng)景的每一個(gè)頁(yè)面的具體功能的代碼轉(zhuǎn)換，生成業(yè)務(wù)場(chǎng)景的每一個(gè)頁(yè)面的最終頁(yè)面代碼；將生成的所述每一個(gè)頁(yè)面的最終頁(yè)面代碼合并入所述基礎(chǔ)頁(yè)面的頁(yè)面代碼，生成所述業(yè)務(wù)頁(yè)面的代碼。本公開(kāi)實(shí)施例通過(guò)采取該基于模板快速生成業(yè)務(wù)頁(yè)面的方案，解決了現(xiàn)有技術(shù)中業(yè)務(wù)應(yīng)用的業(yè)務(wù)頁(yè)面開(kāi)發(fā)工作量大，開(kāi)發(fā)效率低的技術(shù)問(wèn)題。

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

本公開(kāi)涉及計(jì)算機(jī)應(yīng)用開(kāi)發(fā)領(lǐng)域，尤其涉及一種基于模板快速生成業(yè)務(wù)頁(yè)面的方法、裝置、電子設(shè)備及計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)。

背景技術(shù)

現(xiàn)有技術(shù)中以瀏覽器網(wǎng)頁(yè)頁(yè)面技術(shù)為基礎(chǔ)來(lái)開(kāi)發(fā)各種業(yè)務(wù)應(yīng)用是很廣泛的，例如卡片式頁(yè)面設(shè)計(jì)的業(yè)務(wù)應(yīng)用，如抖音，頭條等業(yè)務(wù)應(yīng)用，業(yè)務(wù)應(yīng)用中顯示的各種信息以卡片的形式展示。其中每個(gè)卡片需要單獨(dú)編寫(xiě)相應(yīng)的代碼，編碼繁瑣，效率低下。同時(shí)，現(xiàn)有技術(shù)中瀏覽器的種類眾多，版本也眾多，業(yè)務(wù)應(yīng)用的業(yè)務(wù)頁(yè)面要在眾多的瀏覽器和版本中成功加載和呈現(xiàn)，需要加入很多實(shí)現(xiàn)兼容性的代碼。

而這些業(yè)務(wù)應(yīng)用的每一個(gè)頁(yè)面所提供實(shí)現(xiàn)的業(yè)務(wù)場(chǎng)景都具有很多相同或相似的工作流程或交互方式，例如上述卡片式的頁(yè)面，每一個(gè)卡片無(wú)論是樣式、交互方式和數(shù)據(jù)類型與形式都具有很多相似性。這就導(dǎo)致現(xiàn)有技術(shù)中，在開(kāi)發(fā)這種業(yè)務(wù)應(yīng)用時(shí)，存在大量的重復(fù)性工作，開(kāi)發(fā)中即容易導(dǎo)致錯(cuò)誤，效率又嚴(yán)重低下。

如何減少業(yè)務(wù)應(yīng)用中的業(yè)務(wù)頁(yè)面開(kāi)發(fā)工作量，提高開(kāi)發(fā)效率是現(xiàn)有技術(shù)中亟待解決的技術(shù)問(wèn)題。

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

針對(duì)上述技術(shù)問(wèn)題，本公開(kāi)提出了一種基于模板快速生成業(yè)務(wù)頁(yè)面的方法、裝置、電子設(shè)備和計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)。

第一方面，本公開(kāi)實(shí)施例提供一種基于模板快速生成業(yè)務(wù)頁(yè)面的方法，包括：構(gòu)建基礎(chǔ)頁(yè)面，所述基礎(chǔ)頁(yè)面的頁(yè)面代碼用于搭建所述業(yè)務(wù)頁(yè)面運(yùn)行所需的環(huán)境,和/或?qū)崿F(xiàn)同類業(yè)務(wù)場(chǎng)景中抽象出的相同的工作流程；

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

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

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

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

進(jìn)一步，所述函數(shù)庫(kù)包括客戶端jsbridge庫(kù)，埋點(diǎn)sdk庫(kù)，公共css庫(kù)或公共js庫(kù)中的一個(gè)或多個(gè)。

進(jìn)一步，所述功能函數(shù)實(shí)現(xiàn)的功能包括頁(yè)面數(shù)據(jù)獲取，數(shù)據(jù)處理，模板渲染或渲染后頁(yè)面的處理中的一個(gè)或多個(gè)。

進(jìn)一步，所述頁(yè)面模板的結(jié)構(gòu)包括頁(yè)面結(jié)構(gòu)定義、業(yè)務(wù)流程函數(shù)和頁(yè)面樣式；其中所述業(yè)務(wù)流程函數(shù)用于實(shí)現(xiàn)相應(yīng)的業(yè)務(wù)處理邏輯；所述頁(yè)面樣式用于定義基于該頁(yè)面模板而生成的頁(yè)面所呈現(xiàn)的頁(yè)面樣式。

進(jìn)一步，所述頁(yè)面結(jié)構(gòu)定義包括多個(gè)，用于定義具體頁(yè)面結(jié)構(gòu)和必要數(shù)據(jù)。

進(jìn)一步，所述基于相應(yīng)的所述頁(yè)面模板，通過(guò)業(yè)務(wù)場(chǎng)景的每一個(gè)頁(yè)面的具體功能的代碼轉(zhuǎn)換，生成業(yè)務(wù)場(chǎng)景的每一個(gè)頁(yè)面的最終頁(yè)面代碼，包括：提取所述頁(yè)面模板中的所有結(jié)構(gòu)部分；分別針對(duì)每個(gè)所述結(jié)構(gòu)部分，根據(jù)具體業(yè)務(wù)進(jìn)行代碼轉(zhuǎn)換，生成所述業(yè)務(wù)場(chǎng)景的每一個(gè)頁(yè)面的最終頁(yè)面代碼。