[發明專利]頁面渲染方法及渲染裝置

在審

• 申請號: 202011372489.7
• 申請日: 2020-11-30
• 公開（公告）號: CN114579897A
• 公開（公告）日: 2022-06-03
• 發明（設計）人: 黃泠萱;楊遠翔;陳燕;吳昊;王國軍
• 申請（專利權）人: 行吟信息科技（上海）有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F8/36;G06F8/38;G06F8/71
• 代理公司: 中國貿促會專利商標事務所有限公司 11038
• 代理人: 馬景輝

本公開涉及一種頁面渲染方法及渲染裝置。一種頁面渲染方法，包括：獲取待渲染的第一頁面的數據；根據所述待渲染的第一頁面的數據確定組件的信息；根據所述組件的信息從組件庫獲取所述組件，其中，所述組件庫中的各個組件相互獨立；對獲取的組件打包以生成包含獲取的組件的數據包；獲取所述數據包；以及使用所述數據包和待渲染的第一頁面的數據進行渲染處理，從而生成經渲染的第一頁面。

技術領域

本公開涉及計算機應用技術領域，具體來說，涉及一種頁面渲染方法及渲染裝置。

背景技術

在前端開發過程中，常常需要用到組件。組件是對數據和方法的簡單封裝。它具有對應的屬性和方法，提供給外部調用。

渲染(Render)是指用轉件將模型和數據轉變成圖像的過程。在例如網站頁面的設計時，人們可以設計每個頁面的結構和數據，然后通過對設計好的頁面進行渲染，生成最終的網頁頁面，輸出到顯示屏上供用戶查看。

發明內容

根據本公開的第一方面，提供了一種頁面渲染方法，包括：獲取待渲染的第一頁面的數據；根據所述待渲染的第一頁面的數據確定組件的信息；根據所述組件的信息從組件庫獲取所述組件，其中，所述組件庫中的各個組件相互獨立；對獲取的組件打包以生成包含獲取的組件的數據包；獲取所述數據包；以及使用所述數據包和待渲染的第一頁面的數據進行渲染處理，從而生成經渲染的第一頁面。

在根據本公開的一些實施例中，所述頁面渲染方法還包括：確定所述待渲染的第一頁面包含第一首屏頁面；使用所述數據包和所述第一首屏頁面的數據進行渲染處理，從而生成經渲染的第一首屏頁面；顯示所述經渲染的第一首屏頁面；以及使用所述數據包和所述待渲染的第一頁面中除第一首屏頁面以外的其他待渲染的第一頁面的數據進行渲染處理。

在根據本公開的一些實施例中，所述頁面渲染方法還包括：存儲與第一首屏頁面相關的數據；確定待渲染的第二頁面包含第二首屏頁面，并且所述第二首屏頁面與所述第一首屏頁面相同；以及根據存儲的與第一首屏頁面相關的數據生成頁面，作為經渲染的第二首屏頁面。

在根據本公開的一些實施例中，所述頁面渲染方法還包括：存儲與第一首屏頁面相關的數據；確定所述待渲染的第二頁面包含第二首屏頁面，并且所述第二首屏頁面不同于第一首屏頁面；根據存儲的與第一首屏頁面相關的數據生成頁面，作為經渲染的第二首屏頁面；使用待渲染的第二首屏頁面的數據進行渲染處理，從而生成新的經渲染的第二首屏頁面；使用新的經渲染的第二首屏頁面替換經渲染的第二首屏頁面；以及存儲與第二首屏頁面相關的數據并刪除與第一首屏頁面相關的數據。

在根據本公開的一些實施例中，所述與第一首屏頁面相關的數據包括表示頁面結構的數據以及所述數據包。

在根據本公開的一些實施例中，所述與第一首屏頁面相關的數據還包括第一首屏頁面引用的數據。

在根據本公開的一些實施例中，所述與第一首屏頁面相關的數據包括經渲染的第一首屏頁面。

在根據本公開的一些實施例中，所述組件包括：文本組件、視頻組件、按鈕組件、菜單組件、商品組件、圖片組件、優惠券組件、直播組件和筆記組件。

在根據本公開的一些實施例中，根據所述待渲染的第一頁面的數據、使用場景和終端設備配置確定組件的信息。

在根據本公開的一些實施例中，所述終端設備配置包括：屏幕分辨率、網絡參數以及屏幕形狀。

根據本公開的第二方面，提供了一種渲染裝置，包括：頁面獲取單元，被配置為獲取待渲染的第一頁面的數據；確定單元，被配置為根據所述頁面獲取單元獲取的待渲染的第一頁面的數據確定組件的信息；組件獲取單元，被配置為根據所述確定單元確定的組件的信息，獲取包含所述組件的數據包；渲染單元，被配置為使用所述數據包和待渲染的第一頁面的數據進行渲染處理，從而生成經渲染的第一頁面。