页面展示方法、RN组件管理系统、电子设备及存储介质技术方案

技术编号:34013522 阅读:30 留言:0更新日期:2022-07-02 15:11
本发明专利技术实施例涉及一种页面展示方法、RN组件管理系统、电子设备及存储介质,通过接收页面展示请求,所述页面展示请求包括页面所需的当前RN组件标识;根据所述当前RN组件标识读取本地的RN组件管理系统中所存储的当前RN组件,其中,所述RN组件管理系统用于存储预先下载的RN组件;根据所述当前RN组件渲染页面并进行展示;即本发明专利技术实施例在每次浏览页面时,直接调用本地的RN组件管理系统中所存储的RN组件来渲染展示页面,不需要重新下载RN组件,提高了页面展示速度,提高了用户浏览页面的体验。提高了用户浏览页面的体验。提高了用户浏览页面的体验。

【技术实现步骤摘要】
页面展示方法、RN组件管理系统、电子设备及存储介质


[0001]本专利技术涉及终端
,尤其涉及一种页面展示方法、RN组件管理系统、电子设备及存储介质。

技术介绍

[0002]终端设备上的应用程序(Application,简称App)的很多页面需要实时改变布局和显示内容以满足业务需求(如电商App的店铺页、活动页)。
[0003]现有技术中,通常是通过动态下发RN(React Native)组件给终端设备,在终端设备上使用RN组件替代原生组件来实现页面的实时更新。
[0004]但是,当用户多次浏览同一页面,或者不同页面使用相同的RN组件时,都需要重复下载RN组件,导致用户每次浏览由RN组件构成的页面体验都比较差。

技术实现思路

[0005]本专利技术提供了一种页面展示方法、RN组件管理系统、电子设备及存储介质,以解决现有技术中每次浏览RN页面都需要重复下载RN组件,用户体验较差的技术问题。
[0006]第一方面,本专利技术提供了一种页面展示方法,包括:接收页面展示请求,所述页面展示请求包括页面所需的当本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面展示方法,其特征在于,包括:接收页面展示请求,所述页面展示请求包括页面所需的当前RN组件标识;根据所述当前RN组件标识读取本地的RN组件管理系统中所存储的当前RN组件,其中,所述RN组件管理系统用于存储预先下载的RN组件;根据所述当前RN组件渲染页面并进行展示。2.根据权利要求1所述的方法,其特征在于,所述RN组件管理系统包括本地数据存储模块,所述本地数据存储模块包括本地文件和本地数据库,其中,所述本地文件用于存储所述RN组件,所述本地数据库用于存储RN组件信息,所述RN组件信息包括所述RN组件标识;所述根据所述当前RN组件标识读取本地的RN组件管理系统中所存储的当前RN组件,包括:若确定所述当前RN组件标识存在于所述本地数据库中,则根据所述当前RN组件标识拼接获得所述当前RN组件的文件路径;根据所述文件路径从本地文件中读取所述当前RN组件。3.根据权利要求2所述的方法,其特征在于,所述RN组件信息还包括RN组件的被读取时间和/或RN组件的存储容量;所述根据所述文件路径从本地文件中读取所述当前RN组件之后,还包括:更新本地数据库中的所述当前RN组件的被读取时间。4.根据权利要求2或3所述的方法,其特征在于,所述页面展示请求还包括RN组件下载链接;所述RN组件管理系统还包括下载控制模块,所述下载控制模块包括RN组件下载状态数组,所述RN组件下载状态数组用于存储正在下载的RN组件标识;所述方法还包括:若确定所述当前RN组件标识不存在于所述本地数据库中,则确定所述当前RN组件标识是否存在于所述RN组件下载状态数组中;若否,则将所述当前RN组件标识存储于所述RN组件下载状态数组中,并根据所述RN组件下载链接下载所述当前RN组件。5.根据权利要求4所述的方法,其特征在于,所述下载控制模块还包括RN组件下载异常数组;所述根据所述RN组件下载链接下载所述当前RN组件之后,还包括:若下载失败,则删除所述RN组件下载状态数组中的当前RN组件标识,并将所述当前RN组件标识存储到所述RN组件下载异常数组中。6.根据权利要求4所述的方法,其特征在于,所述根据所述RN组件下载链接下载所述当前RN组件之后,还包括:若下载成功,则删除所述RN组件下载状态数组中的当前RN组件标识,并将所述当前RN组件存储到本地文件中,将当前RN组件信息存储到本地数据库中。7.根据权利要求6所述的方法,其特征在于,所述根据所述RN组件下载链接下载所述当前RN组件,包括:根据所述RN组件下载链接下载所述当前RN组件对应的压缩包;所述将所述当前RN组件存储到本地文件中,包括:将所述压缩包进行解压,获得解压后的当前RN组件;将所述解压后的当前RN组件存储到本地文件中。8.根据权利要求4所述的方法,其特征在于,所述根据所述RN组件下载链接下载所述当
前RN组件之前,还包括:判断所述RN组件下载链接是否符合预设规则;若是,则执行所述根据所述RN组件下载链接下载所述当前RN组件的步骤。9.根据权利要求3所述的方法,其特征在于,所述方法还包括:读取本地缓存的本地数据设置信息,所述本地数据设置信息包括RN组件最大存储数量和RN组件标准存储数量;若本地数据库中所存储的RN组件信息的总条数大于所述RN组件最大存储数量,则删除本地数据库中相应数量的RN组件信息,并对应删除本地文件中相应数量的RN组件;其中,所述相应数量根据所述RN组件最大存储数量和RN组件标准存储数量计算获得。10.根据权利要求9所述的方法,其特征在于,所述本地数据设置信息还包括排序类型;所述删除本地数据库中相应数量的RN组件信息,包括...

【专利技术属性】
技术研发人员:周保洋张朝阳徐震宇陶怡然
申请(专利权)人:北京京东世纪贸易有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1