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

在審

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

本發明實施例公開了一種前端頁面的渲染生成方法、裝置、前端設備及存儲介質。所述方法包括：從開發平臺設備生成的DSL布局描述文件中讀取DSL節點樹；通過對所述DSL節點樹進行解析，得到與所述前端設備相適配的至少一個目標視圖模型樹；依據所述目標視圖模型樹在所述前端設備上進行視圖渲染，以生成包括至少兩個原子組件的可視化組件頁面。采用本實施例的方案，在渲染生成前端頁面時，能夠對按照預定義格式生成的DSL布局描述文件進行解析，得到與前端設備適配的視圖模型樹進行頁面渲染，解決了在頁面渲染時無法適配前端設備進行渲染的問題，且能保證開發平臺設備端與前端設備的雙端頁面一致性，實現跨端頁面開發以及前端的頁面開發動態化。

技術領域

本發明實施例涉及計算機技術領域，尤其涉及一種前端頁面的渲染生成方法、裝置、前端設備及存儲介質。

背景技術

通過開發移動端APP能承載服務端所提供的各種頁面服務，前端開發人員通常會基于移動端的開發平臺對前端頁面進行開發，開發人員不僅要處理復雜的業務邏輯、設計多樣的界面以及降低頁面的開發成本，同時還要保證頁面代碼的高可用性、易讀性、低出錯率以及提高開發效率。因此，如何快速簡單地開發生成前端頁面變得尤為重要。

發明內容

本發明實施例中提供了一種前端頁面的渲染生成方法、裝置、前端設備及存儲介質，以減少移前端頁面開發人力和成本，提高前端頁面開發簡易性。

第一方面，本發明實施例中提供了一種前端頁面的渲染生成方法，由前端設備執行，所述方法包括：

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

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

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

第二方面，本發明實施例中還提供了一種前端頁面的渲染生成裝置，配置于前端設備，所述裝置包括：

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

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

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

第三方面，本發明實施例中還提供了一種前端設備，包括：

一個或多個處理器；

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

所述一個或多個程序被所述一個或多個處理器執行，使得所述一個或多個處理器實現本發明任意實施例中提供的前端頁面的渲染生成方法。

第四方面，本發明實施例中還提供了一種計算機可讀存儲介質，其上存儲有計算機程序，該程序被處理器執行時實現本發明任意實施例中提供的前端頁面的渲染生成方法。

本發明實施例中提供了一種前端頁面的渲染生成方法，前端設備從獲取開發平臺設備上生成的DSL布局描述文件，并從DSL布局描述文件中讀取包含的讀取DSL節點樹，通過解析DSL節點樹得到與前端設備相適配的至少一個目標視圖模型樹；在此基礎上，前端設備可以按照目標視圖模型樹在前端設備上進行視圖渲染，生成包括至少兩個原子組件的可視化組件頁面。采用本實施例的方案，在渲染生成前端頁面時，能夠對按照預定義格式生成的DSL布局描述文件進行解析，得到與前端設備適配的視圖模型樹進行頁面渲染，解決了在頁面渲染時無法適配前端設備進行渲染的問題，且能保證開發平臺設備端與前端設備的雙端頁面一致性，實現跨端頁面開發以及前端的頁面開發動態化。