[發(fā)明專利]一種客戶端視圖的繪制方法和裝置

有效

• 申請?zhí)枺?/td>: 201711244446.9
• 申請日: 2017-11-30
• 公開（公告）號: CN110020307B
• 公開（公告）日: 2023-06-13
• 發(fā)明（設計）人: 古繼成;洪小龍;楊小明
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F16/955
• 代理公司: 北京君以信知識產權代理有限公司 11789
• 代理人: 譚鎮(zhèn)

本申請實施例提供了一種客戶端視圖的繪制方法和裝置，所述方法包括：獲取業(yè)務組件模板，所述業(yè)務組件模板包含原始模板數(shù)據(jù)；將所述原始模板數(shù)據(jù)編譯為目標數(shù)據(jù)；對所述目標數(shù)據(jù)進行解析，以獲得相應的目標模板數(shù)據(jù)；依據(jù)所述目標模板數(shù)據(jù)，創(chuàng)建業(yè)務組件；獲取匹配所述業(yè)務組件的業(yè)務數(shù)據(jù)；將所述業(yè)務數(shù)據(jù)綁定至所述業(yè)務組件中。本實施例通過標準化的模型定義以及約定的渲染流程，每個基礎組件都可以單獨開發(fā)，并且在開發(fā)完畢之后可以自由組合，像搭積木一樣搭建出復雜的視圖，具備極強的通用性。

技術領域

本申請涉及計算機技術領域，特別是涉及一種客戶端視圖的繪制方法和一種客戶端視圖的繪制裝置。

背景技術

電子商務技術的發(fā)展改變了人們的生活和消費習慣，越來越多的用戶已經(jīng)習慣通過網(wǎng)絡進行消費、購物。用戶可以在電商網(wǎng)站上選購商品，通過電子支付手段付清貨款，然后便可以等待選購的商品被送至家中。

目前，用戶進行網(wǎng)上購物可以通過PC或移動終端上的電商類APP來實現(xiàn)。以電商類APP為例，電商網(wǎng)站的開發(fā)人員經(jīng)常需要根據(jù)一些臨時性的需求對APP的界面視圖進行調整。但是，傳統(tǒng)的界面開發(fā)技術只能在發(fā)布APP新版本的時候才能更新界面視圖，對于已經(jīng)發(fā)布的應用根本無法進行動態(tài)更改。針對上述問題，開發(fā)人員開始考慮采用Html5標準進行頁面的開發(fā)。然而，Html5對于有些場景來說太重量級了。例如，某些時候可能只需要對頁面的某個局部區(qū)域進行更新，而整個頁面并不是完全采用HTML5開發(fā)的。即使采用了Html5開發(fā)整個頁面，從目前的效果來看，其性能和用戶體驗也仍然較差。

為了解決Htnl5在移動終端上APP的開發(fā)過程中的各種不足，部分電商類APP—例如，天貓(Tmall)客戶端—在其開發(fā)方案中，提供了一種Tangram的技術框架來承載首頁、品牌頁等頁面的開發(fā)。通過Tangram可以做到頁面結構的動態(tài)化調整與更改。但是，對于頁面里組件的開發(fā)，Tangram技術還是采用了原生的開發(fā)方式。由于原生組件都是按照平臺特定協(xié)議來實現(xiàn)的，每個原生組件都包含了大量的通用實現(xiàn)的信息。為了通用化方案設計，比如文本組件需要考慮字體、多語言、Emoji、從左往右排列或者從右往左排列等多種場景的文字顯示，每個組件實例在內存中也要占用不少空間。此外，每個原生組件內置包含了大量的邏輯，在運行過程中必然會帶來大量開銷，但其中大部分邏輯對于產品場景而言，卻是不必要的。

發(fā)明內容

鑒于上述問題，提出了本申請實施例以便提供一種克服上述問題或者至少部分地解決上述問題的一種客戶端視圖的繪制方法和相應的一種客戶端視圖的繪制裝置。

為了解決上述問題，本申請公開了一種客戶端視圖的繪制方法，包括：

獲取業(yè)務組件模板，所述業(yè)務組件模板包含原始模板數(shù)據(jù)；

將所述原始模板數(shù)據(jù)編譯為目標數(shù)據(jù)；

對所述目標數(shù)據(jù)進行解析，以獲得相應的目標模板數(shù)據(jù)；

依據(jù)所述目標模板數(shù)據(jù)，創(chuàng)建業(yè)務組件；

獲取匹配所述業(yè)務組件的業(yè)務數(shù)據(jù)；

將所述業(yè)務數(shù)據(jù)綁定至所述業(yè)務組件中。

為了解決上述問題，本申請公開了一種客戶端視圖的繪制方法，包括：

當接收到繪制客戶端視圖的指令時，確定各個業(yè)務組件的尺寸大?。?/p>

根據(jù)所述各個業(yè)務組件的尺寸大小，對所述各個業(yè)務組件進行排布；

對排布后的各個業(yè)務組件進行繪制。

為了解決上述問題，本申請公開了一種客戶端視圖的繪制裝置，包括：

業(yè)務組件模板獲取模塊，用于獲取業(yè)務組件模板，所述業(yè)務組件模板包含原始模板數(shù)據(jù)；

原始模板數(shù)據(jù)編譯模塊，用于將所述原始模板數(shù)據(jù)編譯為目標數(shù)據(jù)；