[發明專利]一種移動終端應用界面動態渲染方法和裝置

有效

• 申請號: 201810059539.2
• 申請日: 2018-01-22
• 公開（公告）號: CN108415702B
• 公開（公告）日: 2021-05-25
• 發明（設計）人: 熊浩
• 申請（專利權）人: 北京奇藝世紀科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 北京潤澤恒知識產權代理有限公司 11319
• 代理人: 莎日娜

本申請實施例提供了一種移動終端應用界面動態渲染方法和裝置，涉及互聯網領域。所述方法包括：根據移動終端應用可視界面，獲取服務器端對應所述可視界面的更新XML文件和預定義腳本基礎庫；根據預定義腳本基礎庫解析所述更新XML文件生成文檔對象模型DOM樹；依次遍歷所述文檔對象模型DOM樹上的每個DOM節點；根據所述DOM節點的flex排版屬性，通過native方式創建flex排版節點，并將對應的預設視圖綁定至各所述flex排版節點；通過所述預定義腳本基礎庫解析所述DOM節點的常規屬性；根據所述flex排版節點，以及所述DOM節點的常規屬性的解析結果，渲染生成更新的可視界面。解決了現有技術中更新移動終端應用界面需要重新發版，開發成本較高的問題。

技術領域

本申請涉及互聯網技術領域，特別是涉及一種移動終端應用界面動態渲染方法和一種移動終端應用界面動態渲染裝置。

背景技術

隨著網絡技術的普及以及移動互聯網終端的普及，信息移動化的需求與日俱增，而信息移動化需要進行不同平臺的移動終端應用的開發、發布、安裝和更新等過程。傳統的開發模式(即原生native開發模式)，因為學習成本高，以及由于跨平臺等問題，導致移動化成本過高，并且如果新增或修改功能，還面臨對開發端重新發版，且移動終端應用進行重新安裝的問題。

基于上述問題，現有技術利用大前端解決方案，即結合HTML5、react native等方法，可以一定程度上提升開發的靈活性和便利性，但是相對于native開發模式，往往會降低用戶在使用應用時的流暢性。

發明內容

鑒于上述問題，提出了本申請實施例以便提供一種克服上述問題或者至少部分地解決上述問題的一種移動終端應用界面動態渲染方法和相應的一種移動終端應用界面動態渲染裝置。

為了解決上述問題，本申請公開了一種移動終端應用界面動態渲染方法，包括：根據移動終端應用可視界面，獲取服務器端對應所述可視界面的更新XML文件和預定義腳本基礎庫；根據預定義腳本基礎庫解析所述更新XML文件，生成文檔對象模型DOM樹；依次遍歷所述文檔對象模型DOM樹上的每個DOM節點；根據所述DOM節點的flex排版屬性，通過native方式創建flex排版節點，并將對應的預設視圖綁定至各所述flex排版節點；通過所述預定義腳本基礎庫解析所述DOM節點的常規屬性；根據所述flex排版節點，以及所述DOM節點的常規屬性的解析結果，渲染生成更新的可視界面。

可選地，所述DOM節點的常規屬性包括：事件回調標識touch、pingback屬性中的一項或多項。

可選地，在所述通過所述預定義腳本基礎庫解析所述DOM節點的常規屬性的步驟之后，還包括：若解析到所述DOM節點的常規屬性為item樣式屬性，則將所述item樣式屬性數據轉換為對應所述移動終端系統平臺的屬性數據；其中，所述item樣式屬性包括：像素、百分比、寬高比其中的一項或多項。

可選地，在所述通過所述預定義腳本基礎庫解析所述DOM節點的常規屬性的步驟之后，還包括：若解析到所述DOM節點的常規屬性為touch屬性，則根據預定義腳本基礎庫獲取對應所述touch屬性的回調事件，并將所述回調事件綁定至所述DOM節點。

可選地，在所述通過所述預定義腳本基礎庫解析所述DOM節點的常規屬性的步驟之后，還包括：若解析到所述DOM節點的常規屬性為pingback屬性，則根據預定義腳本基礎庫獲取對應的pingback事件，并將所述pingback事件綁定至所述DOM節點。