用户界面的渲染方法、装置、电子设备及存储介质制造方法及图纸

本申请涉及汽车技术领域，提供了一种用户界面的渲染方法、装置、电子设备及存储介质。该方法包括：获取针对用户界面配置的基础组件元素；基于所述基础组件元素构建目标组件，得到所述目标组件所对应的组件数据；向客户端发送所述组件数据，所述组件数据用于客户端对所述用户界面进行渲染。本申请实施例解决了现有技术中存在用户界面渲染过程繁杂，用户体验不佳的问题。的问题。的问题。

【技术实现步骤摘要】
用户界面的渲染方法、装置、电子设备及存储介质


[0001]本申请涉及汽车
，尤其涉及一种用户界面的渲染方法、装置、电子设备及存储介质。

技术介绍

[0002]随着科学技术的不断发展和进步，用户界面(User Interface，UI)已经在汽车领域得到广泛应用。一个UI的首页或者推荐页的渲染样式，经常会需要根据不同节假日，不同时间点的活动动态变化，而目前的UI设计主要是将输出或输入的相关参数直接以常量的方式撰写在源代码中，在修改UI渲染样式时需要修改相应的源代码，重新打包发布到应用商店，用户下载升级后才能的到新的UI渲染样式。
[0003]可见，相关技术中存在用户界面渲染过程繁杂，用户体验不佳的问题。

技术实现思路

[0004]有鉴于此，本申请实施例提供了一种用户界面的渲染方法、装置、电子设备及存储介质，以解决现有技术中存在用户界面渲染过程繁杂，用户体验不佳的问题。
[0005]本申请实施例的第一方面，提供了一种用户界面的渲染方法，应用于云端，包括：
[0006]获取针对用户界面配置的基础组件元素；
[0007]基于所述基础组件元素构建目标组件，得到所述目标组件所对应的组件数据；
[0008]向客户端发送所述组件数据，所述组件数据用于客户端对所述用户界面进行渲染。
[0009]本申请实施例的第二方面，提供了一种用户界面的渲染方法，应用于客户端，包括：
[0010]接收云端发送的目标组件的组件数据，其中所述目标组件由云端基于预先获取的基础组件元素构建得到；
[0011]基于所述组件数据，对用户界面进行渲染。
[0012]本申请实施例的第三方面，提供了一种用户界面的渲染装置，应用于云端，包括：
[0013]获取模块，用于获取针对用户界面配置的基础组件元素；
[0014]构建模块，用于基于所述基础组件元素构建目标组件，得到所述目标组件所对应的组件数据；
[0015]发送模块，用于向客户端发送所述组件数据，所述组件数据用于客户端对所述用户界面进行渲染。
[0016]本申请实施例的第四方面，提供了一种用户界面的渲染装置，应用于客户端，包括：
[0017]接收模块，用于接收云端发送的目标组件的组件数据，其中所述目标组件由云端基于预先获取的基础组件元素构建得到；
[0018]渲染模块，用于基于所述组件数据，对所述用户界面进行渲染。
[0019]本申请实施例的第五方面，提供了一种电子设备，包括存储器、处理器以及存储在存储器中并且可在处理器上运行的计算机程序，该处理器执行计算机程序时实现上述方法的步骤。
[0020]本申请实施例的第六方面，提供了一种计算机可读存储介质，该计算机可读存储介质存储有计算机程序，该计算机程序被处理器执行时实现上述方法的步骤。
[0021]本申请实施例存在的有益效果至少包括：
[0022]获取针对用户界面配置的基础组件元素；基于基础组件元素构建目标组件，得到目标组件所对应的组件数据；向客户端发送组件数据，组件数据用于客户端对用户界面进行渲染。由于云端获取了针对用户界面配置的基础组件元素，且能够根据需求构建目标组件，使得用户界面在需要修改渲染样式时能够直接根据需求构建目标组件，从而达到对用户界面更新的效果，实现了通过基础组件元素和实际需求动态调整目标组件，即动态调整用户界面，从而提供多样化和灵活性的用户界面，满足了用户的个性化需求，且避免了每次修改用户界面需要修改源代码重新发布的问题，从而解决了相关技术中存在用户界面渲染过程繁杂，用户体验不佳的问题。
附图说明
[0023]为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0024]图1是本申请实施例提供的一种用户界面的渲染方法的流程示意图；
[0025]图2是本申请实施例提供的另一种用户界面的渲染方法的流程示意图；
[0026]图3是本申请实施例提供的一种用户界面的渲染方法的交互过程图；
[0027]图4是本申请实施例提供的一种用户界面的渲染装置的结构示意图；
[0028]图5是本申请实施例提供的又一种用户界面的渲染装置的结构示意图；
[0029]图6是本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
[0030]以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本申请实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其他实施例中也可以实现本申请。在其他情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本申请的描述。
[0031]本申请的说明书和权利要求书中的术语“第一”“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。
[0032]此外，需要说明的是，术语“包括”“包含”或者其任何其他变体意在涵盖非排他性
地包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括
……”
限定的要素，并不排除在包括要素的过程、方法、物品或者设备中还存在另外的相同要素。
[0033]下面将结合附图详细说明根据本申请实施例的一种用户界面的渲染方法、装置、电子设备以及存储介质。
[0034]图1是本申请实施例提供的一种用户界面的渲染方法的流程示意图，该方法应用于云端。如图1所示，该方法包括：
[0035]步骤101，获取针对用户界面配置的基础组件元素。
[0036]基础组件元素配置在云端，可以进行随意组合。
[0037]基础组件元素可以包括组件所在位置，组件名称，组件是否展示，组件颜色，组件宽高，组件类型等。例如，作为一个示例，组件所在位置可以包括客户端的首页、推荐页等；组件类型可以包括3N瀑布流，2N瀑布流，幻灯片轮播图等。
[0038]本步骤获取针对用户界面配置的基础组件元素，实现了在云端维护构建用户界面的基础元素，提供自动化打底数据，使得在后续构建目标组件时能够直接调用该基础元素，从而使得能够根据需求灵活构建页面展示内容，提高了定制化需求的研发效率，缩短了用户界面的上线时间，且实现了通过云端统一管理和更新本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种用户界面的渲染方法，应用于云端，其特征在于，包括：获取针对用户界面配置的基础组件元素；基于所述基础组件元素构建目标组件，得到所述目标组件所对应的组件数据；向客户端发送所述组件数据，所述组件数据用于客户端对所述用户界面进行渲染。2.根据权利要求1所述的用户界面的渲染方法，其特征在于，所述获取针对用户界面配置的基础组件元素，包括：接收用户发送的所述基础组件元素，或者，从与所述用户界面相关的网络数据库中查询得到所述基础组件元素；通过预设数据结构对所述基础组件元素进行存储。3.根据权利要求1所述的用户界面的渲染方法，其特征在于，所述基于所述基础组件元素构建目标组件，包括：获取用户基于所述基础组件元素构建的组件模板；接收用户基于所述用户界面的业务需求对所述组件模板中目标组件模板的选择操作，并响应于所述选择操作，将所述目标组件模板确定为所述目标组件。4.根据权利要求1所述的用户界面的渲染方法，其特征在于，所述基于所述基础组件元素构建目标组件后，还包括：设置所述目标组件生效的时间范围，其中所述时间范围用于指示所述目标组件在所述时间范围内渲染于所述用户界面上。5.根据权利要求4所述的用户界面的渲染方法，其特征在于，所述向客户端发送所述组件数据，包括：向消息代理平台的延迟队列发送延迟消息，所述延迟消息包括所述目标组件生效的时间范围和所述组件数据，且所述延迟消息的延迟属性用于指示所述延迟消息的发送时间，由所述消息代理平台根据所述发送时间向所述客户端发送所述延迟消息。6.一种用户界面的渲染方法，应用于客户端，其特征在于，包括：接收云端发送的目标组件的组件数据，其中所述目标组件由云端基于...

【专利技术属性】
技术研发人员：张清静，李志强，叶松林，
申请(专利权)人：重庆赛力斯新能源汽车设计院有限公司，
类型：发明
国别省市：