[發明專利]前端頁面的渲染生成方法、裝置、前端設備及存儲介質

在審

• 申請號: 202011547383.6
• 申請日: 2020-12-24
• 公開（公告）號: CN112558970A
• 公開（公告）日: 2021-03-26
• 發明（設計）人: 陳傳愛
• 申請（專利權）人: 貴陽貨車幫科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 北京品源專利代理有限公司 11332
• 代理人: 孟金喆

1.一種前端頁面的渲染生成方法，其特征在于，由前端設備執行，所述方法包括：

從開發平臺設備生成的DSL布局描述文件中讀取DSL節點樹；

通過對所述DSL節點樹進行解析，得到與所述前端設備相適配的至少一個目標視圖模型樹；

依據所述目標視圖模型樹在所述前端設備上進行視圖渲染，以生成包括至少兩個原子組件的可視化組件頁面。

2.根據權利要求1所述的方法，其特征在于，所述DSL布局描述文件基于預定義的DSL布局描述協議對開發平臺設備構建的可視化組件頁面轉換確定。

3.根據權利要求1所述的方法，其特征在于，所述DSL布局描述文件用于指示頁面渲染所需的組件描述、組件屬性描述以及組件間關系描述；所述組件間關系描述包括組件間依賴關系和關聯組合關系。

4.根據權利要求1所述的方法，其特征在于，通過對所述DSL節點樹進行解析，得到與所述前端設備相適配的至少一個目標視圖模型樹，包括：

基于所述前端設備的設備屬性對所述DSL節點樹進行解析，得到與所述前端設備相適配初始視圖模型樹，以及得到所述初始視圖模型樹關聯的組件樣式屬性與組件動態屬性；所述視圖模型樹包括至少兩個視圖模型節點，每一個視圖模型節點對應一個原子組件；

對所述初始視圖模型樹關聯的樣式屬性與動態屬性中業務字段的初始取值內容進行調整，得到所述目標視圖模型樹。

5.根據權利要求4所述的方法，其特征在于，對所述初始視圖模型樹關聯的樣式屬性與動態屬性中業務字段的初始取值內容進行調整，包括：

針對初始視圖模型樹中每一個初始視圖模型節點，通過數據綁定DataBind將所述初始視圖模型節點ViewModelNode的部分動態屬性中業務字段的初始取值內容替換成與所述初始取值內容關聯的業務數據內容；

其中，所述初始取值內容包括通過GraphQl服務賦予給所述DSL布局描述文件描述的可視化組件頁面中API接口所需業務字段的字段取值地址。

6.一種前端頁面的渲染生成裝置，其特征在于，配置于前端設備，所述裝置包括：

布局描述文件讀取模塊，用于從開發平臺設備生成的DSL布局描述文件中讀取DSL節點樹；

布局描述文件解析模塊，用于通過對所述DSL節點樹進行解析，得到與所述前端設備相適配的至少一個目標視圖模型樹；

頁面渲染生成模塊，用于依據所述目標視圖模型樹在所述前端設備上進行視圖渲染，以生成包括至少兩個原子組件的可視化組件頁面。

7.根據權利要求1所述的方法，其特征在于，布局描述文件解析模塊包括：

基于所述前端設備的設備屬性對所述DSL節點樹進行解析，得到與所述前端設備相適配初始視圖模型樹，以及得到所述初始視圖模型樹關聯的組件樣式屬性與組件動態屬性；所述視圖模型樹包括至少兩個視圖模型節點，每一個視圖模型節點對應一個原子組件；

對所述初始視圖模型樹關聯的樣式屬性與動態屬性中業務字段的初始取值內容進行調整，得到所述目標視圖模型樹。

8.根據權利要求7所述的裝置，其特征在于，對所述初始視圖模型樹關聯的樣式屬性與動態屬性中業務字段的初始取值內容進行調整，包括：

針對初始視圖模型樹中每一個初始視圖模型節點，通過數據綁定DataBind將所述初始視圖模型節點ViewModelNode的部分動態屬性中業務字段的初始取值內容替換成與所述初始取值內容關聯的業務數據內容；

其中，所述初始取值內容包括通過GraphQl服務賦予給所述DSL布局描述文件描述的可視化組件頁面中API接口所需業務字段的字段取值地址。

9.一種前端設備，其特征在于，包括：

一個或多個處理器；

存儲裝置，用于存儲一個或多個程序；

當所述一個或多個程序被所述一個或多個處理器執行，使得所述一個或多個處理器實現權利要求1-5中任一所述的前端頁面的渲染生成方法。

10.一種計算機可讀存儲介質，其上存儲有計算機程序，其特征在于，該程序被處理器執行時實現權利要求1-5中任一所述的前端頁面的渲染生成方法。