[發(fā)明專利]在應(yīng)用程序前端頁面顯示視圖列表的方法和裝置

在審

• 申請?zhí)枺?/td>: 201910590967.2
• 申請日: 2019-07-02
• 公開（公告）號: CN112181408A
• 公開（公告）日: 2021-01-05
• 發(fā)明（設(shè)計）人: 詹偉
• 申請（專利權(quán)）人: 北京京東尚科信息技術(shù)有限公司;北京京東世紀(jì)貿(mào)易有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F9/445
• 代理公司: 中原信達(dá)知識產(chǎn)權(quán)代理有限責(zé)任公司 11219
• 代理人: 李陽;郭晗

本發(fā)明公開了一種在應(yīng)用程序前端頁面顯示視圖列表的方法和裝置，涉及計算機技術(shù)領(lǐng)域。該方法的一具體實施方式包括：獲取視圖列表數(shù)據(jù)，根據(jù)指定順序創(chuàng)建列表內(nèi)子組件，子組件包括原生控件、H5控件和承載RN模板的控件；判斷待展示的子組件為承載RN模板的控件時，根據(jù)RN模板的標(biāo)識獲取與該RN模板對應(yīng)的可執(zhí)行文件包；加載可執(zhí)行文件包以顯示與該RN模板對應(yīng)的視圖列表。該實施方式既解決了單獨使用H5生成視圖列表帶來的性能問題，又避免了單獨使用原生控件生成視圖列表存在的更新修復(fù)成本高、團(tuán)隊交流復(fù)雜等問題。

技術(shù)領(lǐng)域

本發(fā)明涉及計算機技術(shù)領(lǐng)域，尤其涉及一種在應(yīng)用程序前端頁面顯示視圖列表的方法和裝置。

背景技術(shù)

現(xiàn)如今，在手機客戶端的應(yīng)用程序中，某些頁面需要對內(nèi)容進(jìn)行頻繁更新，且需要UI(User Interface，用戶界面)布局繁雜多變的樣式，例如各種購物服務(wù)App(Application，應(yīng)用程序)的首頁、活動廣告頁、信息列表頁等長列表頁面。

目前通常使用以下方法來編寫長列表頁面：

1、直接使用手機客戶端系統(tǒng)(Android或iOS)的原生控件，編寫視圖列表；

2、直接使用HTML5((Hyper Text Markup Language5，超文本標(biāo)記語言第5代，以下簡稱H5)來編寫Web網(wǎng)頁，可在App內(nèi)嵌展示，也可瀏覽器訪問。

在實現(xiàn)本發(fā)明過程中，發(fā)明人發(fā)現(xiàn)現(xiàn)有技術(shù)中至少存在如下問題：

1、單純使用原生控件目前主要有以下缺點：

(1)需要Android和iOS兩組開發(fā)人員，溝通成本增多；

(2)Android和iOS的技術(shù)棧不統(tǒng)一，兩端不能互相復(fù)用，需要重復(fù)開發(fā)，造成組件化程度低，且最終產(chǎn)品可能會存在表現(xiàn)不統(tǒng)一；

(3)客戶端發(fā)版麻煩，需要與其他功能同步，商店審核還會導(dǎo)致兩端發(fā)布時間不同步；

(4)更改組件功能、UI樣式、頁面布局時，需要重新開發(fā)、測試、發(fā)版等一系列操作，時間人力成本都更高，熱修復(fù)也不靈活；

(5)無論是否瀏覽相關(guān)頁面，其組件都預(yù)先寫進(jìn)客戶端中，安裝包體積大；

2、單純使用H5，雖然滿足了頁面內(nèi)容更新迅速，體積不大等純原生客戶端不能滿足的需求，但又存在以下主要缺點：

(1)App加載網(wǎng)頁展示復(fù)雜內(nèi)容的性能不如原生直接展示，響應(yīng)速度會變慢，導(dǎo)致App體驗不好；

(2)缺乏部分手機原生功能的支持，或者支持較差，比如頻繁調(diào)用攝像頭、陀螺儀、麥克風(fēng)等硬件速度不如人意；

(3)加載網(wǎng)頁會過度依賴網(wǎng)絡(luò)，弱網(wǎng)或無網(wǎng)情況下體驗不好；

3、同時，若無模板化統(tǒng)一管理，無論是單純使用原生控件還是H5來編寫，都會存在列表中組件重復(fù)開發(fā)成本高、內(nèi)容自由度低等問題，不能滿足如今對于內(nèi)容多變、快速調(diào)整UI等的需求。

發(fā)明內(nèi)容

有鑒于此，本發(fā)明實施例提供一種在應(yīng)用程序前端頁面顯示視圖列表的方法和裝置，既解決了單獨使用H5生成視圖列表帶來的性能問題，又避免了單獨使用原生控件生成視圖列表存在的更新修復(fù)成本高、團(tuán)隊交流復(fù)雜等問題。

為實現(xiàn)上述目的，根據(jù)本發(fā)明實施例的一個方面，提供了一種在應(yīng)用程序前端頁面顯示視圖列表的方法。

一種在應(yīng)用程序前端頁面顯示視圖列表的方法，包括：獲取視圖列表數(shù)據(jù)，根據(jù)指定順序創(chuàng)建列表內(nèi)子組件，所述子組件包括原生控件、H5控件和承載RN模板的控件；判斷待展示的子組件為承載RN模板的控件時，根據(jù)RN模板的標(biāo)識獲取與所述RN模板對應(yīng)的可執(zhí)行文件包；加載所述可執(zhí)行文件包以顯示與所述RN模板對應(yīng)的視圖列表。