[發(fā)明專利]基于組件化的前端頁面搭建方法、裝置、設(shè)備及存儲介質(zhì)

有效

• 申請?zhí)枺?/td>: 202110691854.9
• 申請日: 2021-06-22
• 公開（公告）號: CN113419729B
• 公開（公告）日: 2023-10-20
• 發(fā)明（設(shè)計）人: 王世杰
• 申請（專利權(quán)）人: 康鍵信息技術(shù)（深圳）有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F9/445
• 代理公司: 北京市京大律師事務(wù)所 11321
• 代理人: 姚維

1.一種基于組件化的前端頁面搭建方法，其特征在于，所述基于組件化的前端頁面搭建方法包括：

接收終端發(fā)送的頁面搭建請求并對所述頁面搭建請求進行解析，得到對應(yīng)的組件描述規(guī)則；

根據(jù)所述組件描述規(guī)則構(gòu)建用于頁面搭建的多個候選組件；

基于所述多個候選組件創(chuàng)建對應(yīng)的組件描述文件集，并將所述組件描述文件集發(fā)送至預(yù)置數(shù)據(jù)庫；

接收終端發(fā)送的組件獲取指令，根據(jù)所述組件獲取指令從所述預(yù)置數(shù)據(jù)庫的所述組件描述文件集中下載對應(yīng)的目標(biāo)組件描述文件；

根據(jù)所述目標(biāo)組件描述文件確定對應(yīng)的多個目標(biāo)組件，并將所述多個目標(biāo)組件注冊至預(yù)置初始頁面的組件管理器；

從所述組件管理器中調(diào)用所述多個目標(biāo)組件進行頁面搭建，并根據(jù)所述初始頁面的框架類型確定對應(yīng)的渲染函數(shù)，采用所述渲染函數(shù)對所述多個目標(biāo)組件進行渲染，得到目標(biāo)頁面。

2.根據(jù)權(quán)利要求1所述的基于組件化的前端頁面搭建方法，其特征在于，在所述接收終端發(fā)送的頁面搭建請求并對所述頁面搭建請求進行解析，得到對應(yīng)的組件描述規(guī)則之后，在所述根據(jù)所述組件描述規(guī)則構(gòu)建用于頁面搭建的多個候選組件之前，還包括：

對所述頁面搭建請求進行信息掃描，得到待獲取的目標(biāo)靜態(tài)資源文件；

利用所述目標(biāo)靜態(tài)資源文件進行運行環(huán)境搭建，并生成對應(yīng)的初始頁面。

3.根據(jù)權(quán)利要求1所述的基于組件化的前端頁面搭建方法，其特征在于，所述根據(jù)所述組件描述規(guī)則構(gòu)建用于頁面搭建的多個候選組件包括：

讀取所述組件描述規(guī)則，得到結(jié)構(gòu)描述規(guī)則、樣式描述規(guī)則及數(shù)據(jù)描述規(guī)則；

根據(jù)所述結(jié)構(gòu)描述規(guī)則，生成對應(yīng)的第一JSON格式文件，所述第一JSON格式文件用于定義組件的屬性及類型；

根據(jù)所述樣式描述規(guī)則，生成對應(yīng)的第二JSON格式文件，所述第二JSON格式文件用于定義組件的尺寸及形狀；

根據(jù)所述數(shù)據(jù)描述規(guī)則，生成對應(yīng)的組件基類文件，所述組件基類文件用于實現(xiàn)組件內(nèi)部邏輯；

將所述第一JSON格式文件、第二JSON格式文件及所述組件基類文件拼接為整合文件，并根據(jù)所述整合文件生成所述多個候選組件。

4.根據(jù)權(quán)利要求1所述的基于組件化的前端頁面搭建方法，其特征在于，所述基于所述多個候選組件創(chuàng)建對應(yīng)的組件描述文件集，并將所述組件描述文件集發(fā)送至預(yù)置數(shù)據(jù)庫包括：

讀取所述多個候選組件，獲取所述多個候選組件的組件信息及組件操作類型信息；

基于預(yù)設(shè)的自動化腳本，將所述組件信息及所述組件操作類型信息添加至預(yù)置描述文件，生成多個候選組件描述文件；

將所述多個候選組件描述文件合并為組件描述文件集，并將所述組件描述文件集傳輸至預(yù)置數(shù)據(jù)庫中。

5.根據(jù)權(quán)利要求1所述的基于組件化的前端頁面搭建方法，其特征在于，所述接收終端發(fā)送的組件獲取指令，根據(jù)所述組件獲取指令從所述預(yù)置數(shù)據(jù)庫的所述組件描述文件集中下載對應(yīng)的目標(biāo)組件描述文件包括：

讀取所述組件獲取指令的專題需求，得到對應(yīng)的目標(biāo)文件標(biāo)識；

基于所述目標(biāo)文件標(biāo)識確定與所述專題需求對應(yīng)的目標(biāo)組件描述文件的URL地址標(biāo)簽；

基于所述URL地址標(biāo)簽從所述預(yù)置數(shù)據(jù)庫的所述組件描述文件集中下載所述目標(biāo)組件描述文件。

6.根據(jù)權(quán)利要求1所述的基于組件化的前端頁面搭建方法，其特征在于，所述根據(jù)所述目標(biāo)組件描述文件確定對應(yīng)的多個目標(biāo)組件，并將所述多個目標(biāo)組件注冊至預(yù)置初始頁面的組件管理器包括：

讀取所述目標(biāo)組件描述文件，得到對應(yīng)的目標(biāo)組件信息及目標(biāo)組件操作類型信息；

基于所述目標(biāo)組件信息及所述目標(biāo)組件操作類型信息，確定對應(yīng)的多個目標(biāo)組件；

調(diào)用初始頁面的預(yù)置接口對所述多個目標(biāo)組件進行注冊，并將所述多個目標(biāo)組件導(dǎo)入所述預(yù)置初始頁面的組件管理器中。