用户界面卡片视图生成方法、装置、计算机设备及介质制造方法及图纸

技术编号:32462658 阅读:15 留言:0更新日期:2022-02-26 08:54
本申请实施例属于界面设计技术领域,涉及一种用户界面卡片视图生成方法,包括获取用户界面卡片的标识信息,根据标识信息生成视图配置文件,按照预设数据结构配置用户界面卡片的卡片参数,解析预设数据结构,获得对应的卡片参数,根据卡片参数和视图配置文件生成用户界面卡片的卡片配置文件,在接收到视图更新请求时,根据卡片配置文件渲染出卡片视图。本申请还提供一种用户界面卡片视图生成装置、计算机设备及介质。此外,本申请还涉及区块链技术,卡片参数可存储于区块链中。本申请可以提升新用户界面卡片的开发效率。户界面卡片的开发效率。户界面卡片的开发效率。

【技术实现步骤摘要】
用户界面卡片视图生成方法、装置、计算机设备及介质


[0001]本申请涉及界面设计
,尤其涉及一种用户界面卡片视图生成方法、装置、计算机设备及介质。

技术介绍

[0002]随着智能终端的发展,各种内容的提供商、服务供应商等基本都开发属于自己的APP(应用程序)。APP UI(User Interface,用户界面)可配置化是提高日活的基础能力,对于产品、运营人员来说,及时生效的UI效果,可以根据实际需要配置个性化样式,增加用户黏性,并且有助于产品、运营人员调整卡片位置,修改运营策略。
[0003]传统智能终端如果需要修改UI卡片位置,或者移动到其他模块,需要经过开发修改、测试、产品验收、提交市场审核等一系列繁琐过程,时间成本非常高。同时,对于临时进行发版修改,不利于充分测试,新版本容易出现异常,用户体验度较差,进而造成用户的流失。

技术实现思路

[0004]本申请实施例的目的在于提出一种用户界面卡片视图生成方法、装置、计算机设备及介质,以解决相关技术中用户界面卡片视图开发过程繁琐,开发效率低,造成临时发行的新版本无法充分测试,导致新版本容易出现异常的技术问题。
[0005]为了解决上述技术问题,本申请实施例提供一种用户界面卡片视图生成方法,采用了如下所述的技术方案:
[0006]获取用户界面卡片的标识信息,根据所述标识信息生成视图配置文件;
[0007]按照预设数据结构配置所述用户界面卡片的卡片参数;
[0008]解析所述预设数据结构,获得所述预设数据结构中的卡片参数;
[0009]根据所述卡片参数和所述视图配置文件生成所述用户界面卡片的卡片配置文件;
[0010]在接收到视图更新请求时,根据所述卡片配置文件渲染出卡片视图。
[0011]进一步的,所述根据所述标识信息生成视图配置文件的步骤包括:
[0012]根据所述标识信息,构建所述用户界面卡片对应的待展示视图;
[0013]根据所述待展示视图生成所述待展示视图的视图逻辑,基于所述待展示视图和所述视图逻辑生成所述视图配置文件。
[0014]进一步的,所述根据所述待展示视图生成所述待展示视图的视图逻辑的步骤包括:
[0015]将所述待展示视图拆分为各子视图,并生成各子视图相对应的视图类;
[0016]根据每个所述视图类生成与每个所述子视图对应的子视图控制器和子视图逻辑;
[0017]将所述各视图类和所述子视图逻辑分别封装在所述各子视图控制器中,得到所述视图逻辑。
[0018]进一步的,所述解析所述预设数据结构,获得所述预设数据结构中的卡片参数的
步骤包括:
[0019]对所述预设数据结构解析,从所述预设数据结构中获得每个所述卡片参数的层级关系;
[0020]根据所述层级关系得到DOM树;
[0021]遍历所述DOM树的节点,得到每个所述节点对应的卡片参数。
[0022]进一步的,所述根据所述卡片参数和所述视图配置文件生成所述用户界面卡片的卡片配置文件的步骤包括:
[0023]根据所述卡片参数得到卡片数据;
[0024]根据所述卡片参数,创建所述视图配置文件与所述卡片数据的映射关系;
[0025]基于所述映射关系,将所述卡片数据分发至所述卡片对应的视图配置文件;
[0026]将所述卡片数据和对应的所述视图配置文件进行组装,生成所述卡片配置文件。
[0027]进一步的,所述根据所述卡片参数得到卡片数据的步骤包括:
[0028]从所述卡片参数中读取卡片业务接口;
[0029]根据所述卡片业务接口获取业务数据,将所述卡片参数和所述业务数据作为卡片数据。
[0030]进一步的,所述根据所述卡片配置文件渲染出卡片视图的步骤包括:
[0031]通过数据源机制,从所述卡片配置文件中获取到所述卡片数据和所述视图逻辑;
[0032]通过代理机制,按照所述视图逻辑将所述卡片数据渲染至所述用户界面卡片,得到卡片视图。
[0033]为了解决上述技术问题,本申请实施例还提供一种卡片视图生成装置,采用了如下所述的技术方案:
[0034]获取模块,用于获取用户界面卡片的标识信息,根据所述标识信息生成视图配置文件;
[0035]配置模块,用于按照预设数据结构配置所述用户界面卡片的卡片参数;
[0036]解析模块,用于解析所述预设数据结构,获得所述预设数据结构中的卡片参数;
[0037]生成模块,用于根据所述卡片参数和所述视图配置文件生成所述用户界面卡片的卡片配置文件;
[0038]展示模块,用于在接收到视图更新请求时,根据所述卡片配置文件渲染出卡片视图。
[0039]为了解决上述技术问题,本申请实施例还提供一种计算机设备,采用了如下所述的技术方案:
[0040]该计算机设备包括存储器和处理器,所述存储器中存储有计算机可读指令,所述处理器执行所述计算机可读指令时实现如上所述的用户界面卡片视图生成方法的步骤。
[0041]为了解决上述技术问题,本申请实施例还提供一种计算机可读存储介质,采用了如下所述的技术方案:
[0042]所述计算机可读存储介质上存储有计算机可读指令,所述计算机可读指令被处理器执行时实现如上所述的用户界面卡片视图生成方法的步骤。
[0043]与现有技术相比,本申请实施例主要有以下有益效果:
[0044]本申请通过获取用户界面卡片的标识信息,根据标识信息生成视图配置文件,按
Experts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。
[0056]服务器105可以是提供各种服务的服务器,例如对终端设备101、102、103上显示的页面提供支持的后台服务器。
[0057]需要说明的是,本申请实施例所提供的用户界面卡片视图生成方法一般由服务器/终端设备执行,相应地,用户界面卡片视图生成装置一般设置于服务器/终端设备中。
[0058]应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
[0059]继续参考图2,示出了根据本申请的用户界面卡片视图生成方法的一个实施例的流程图,包括以下步骤:
[0060]步骤S201,获取用户界面卡片的标识信息,根据标识信息生成视图配置文件。
[0061]其中,用户界面(User Interface,UI)卡片,是展示视图的容器,不同用户界面卡片对应展示不同视图,用户界面卡片预先在用户终端本地进行构建。
[0062]在本实施例中,用户终端本地获取用户界面卡片的标识信息,根据用户界面卡片标识信息生成用户界面卡片对应的视图配置文件。其中,视图配置文件包括视图(View)和视图逻辑(ViewConfig)。应当理解,View和ViewConfig一一对应本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种用户界面卡片视图生成方法,其特征在于,包括下述步骤:获取用户界面卡片的标识信息,根据所述标识信息生成视图配置文件;按照预设数据结构配置所述用户界面卡片的卡片参数;解析所述预设数据结构,获得所述预设数据结构中的卡片参数;根据所述卡片参数和所述视图配置文件生成所述用户界面卡片的卡片配置文件;在接收到视图更新请求时,根据所述卡片配置文件渲染出卡片视图。2.根据权利要求1所述的用户界面卡片视图生成方法,其特征在于,所述根据所述标识信息生成视图配置文件的步骤包括:根据所述标识信息,构建所述用户界面卡片对应的待展示视图;根据所述待展示视图生成所述待展示视图的视图逻辑,基于所述待展示视图和所述视图逻辑生成所述视图配置文件。3.根据权利要求2所述的用户界面卡片视图生成方法,其特征在于,所述根据所述待展示视图生成所述待展示视图的视图逻辑的步骤包括:将所述待展示视图拆分为各子视图,并生成各子视图相对应的视图类;根据每个所述视图类生成与每个所述子视图对应的子视图控制器和子视图逻辑;将所述各视图类和所述子视图逻辑分别封装在所述各子视图控制器中,得到所述视图逻辑。4.根据权利要求1所述的用户界面卡片视图生成方法,其特征在于,所述解析所述预设数据结构,获得所述预设数据结构中的卡片参数的步骤包括:对所述预设数据结构解析,从所述预设数据结构中获得每个所述卡片参数的层级关系;根据所述层级关系得到DOM树;遍历所述DOM树的节点,得到每个所述节点对应的卡片参数。5.根据权利要求1所述的用户界面卡片视图生成方法,其特征在于,所述根据所述卡片参数和所述视图配置文件生成所述用户界面卡片的卡片配置文件的步骤包括:根据所述卡片参数得到卡片数据;根据所述卡片参数,创建所述视图配...

【专利技术属性】
技术研发人员:刘晨迪
申请(专利权)人:中国平安财产保险股份有限公司
类型:发明
国别省市:

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

1