界面生成方法、装置、电子设备及计算机存储介质制造方法及图纸

本发明专利技术实施例提供了一种界面生成方法、装置、电子设备及计算机存储介质，其中，所述界面生成方法包括：对待展示的内容数据进行数据分析，根据分析结果确定与所述内容数据相匹配的展示组件和所述展示组件在待生成的界面中的布局信息；根据所述内容数据，对所述展示组件中相对应的属性信息进行设置；将设置结果和所述布局信息发送给浏览器，通过浏览器动态渲染所述展示组件以生成展示界面。该界面生成方法可以提升展示效率。

Interface generation method, device, electronic equipment and computer storage medium

【技术实现步骤摘要】
界面生成方法、装置、电子设备及计算机存储介质
本专利技术实施例涉及计算机
，尤其涉及一种界面生成方法、装置、电子设备及计算机存储介质。
技术介绍
随着AI(ArtificialIntelligence，人工智能)技术的飞速发展，采用AI技术的应用也越来越多，其中一种典型的应用就是对话式智能问答应用。对话式智能问答应用通过模拟人类对话的方式实现人机对话交互，并通过在UI(UserInterface，用户界面)中展示对话卡片的方式将对话内容加以展示。现有的对话式智能问答应用的UI开发过程中，UI布局、展示样式的迭代频繁，每次迭代时都要进行大量重复、相似的对话交互卡片的开发工作，以及需要频繁的修改展示样式逻辑，增加了代码复杂度和代码量。此外，每次迭代完成后，通过UI进行展示时需要十分复杂的数据处理过程，且只能以预设好的样式对内容进行展示，造成展示效率低，运行负载大，而且显示样式单一的问题。
技术实现思路
有鉴于此，本专利技术实施例提供一种界面生成方法、装置、电子设备及计算机存储介质，以解决上述问题。根据本专利技术实施例的第一方面，提供了一种界面生成方法，包括：对待展示的内容数据进行数据分析，根据分析结果确定与所述内容数据相匹配的展示组件和所述展示组件在待生成的界面中的布局信息；根据所述内容数据，对所述展示组件中相对应的属性信息进行设置；将设置结果和所述布局信息发送给浏览器，通过浏览器动态渲染所述展示组件以生成展示界面。根据本专利技术实施例的第二方面，提供了一种界面生成装置，包括：数据分析模块，用于对待展示的内容数据进行数据分析，根据分析结果确定与所述内容数据相匹配的展示组件和所述展示组件在待生成的界面中的布局信息；组件设置模块，用于根据所述内容数据，对所述展示组件中相对应的属性信息进行设置；界面生成模块，用于将设置结果和所述布局信息发送给浏览器，通过浏览器动态渲染所述展示组件以生成展示界面。根据本专利技术实施例的第三方面，提供了一种电子设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行如第一方面所述的界面生成方法对应的操作。根据本专利技术实施例的第四方面，提供了一种计算机存储介质，其上存储有计算机程序，该程序被处理器执行时实现如第一方面所述的界面生成方法。由以上技术方案可见，本专利技术实施例提供的界面生成方案，通过对待展示的内容数据进行数据分析，根据分析结果确定与内容数据相匹配的展示组件和布局信息，并根据内容数据对展示组件中的属性信息进行设置，根据设置结果和布局信息进行动态渲染生成展示界面，使得展示界面中的展示组件的布局、展示组件中展示的内容均根据内容数据确定，该展示界面中的布局可以自动根据内容数据的变化而变化，提升了展示界面的多样性和展示效率，且无需进行频繁的开发和更改，使展示界面的生成更加方便。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术实施例中记载的一些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的附图。图1为根据本专利技术实施例一的一种界面生成方法的步骤流程图；图2为根据本专利技术实施例二的一种界面生成方法的步骤流程图；图3为图2所示实施例中的一种展示模板的示意图；图4为根据本专利技术实施例三的一种界面生成装置的结构框图；图5为根据本专利技术实施例四的一种界面生成装置的结构框图；图6为根据本专利技术实施例五的一种电子设备的结构示意图。具体实施方式为了使本领域的人员更好地理解本专利技术实施例中的技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本专利技术实施例一部分实施例，而不是全部的实施例。基于本专利技术实施例中的实施例，本领域普通技术人员所获得的所有其他实施例，都应当属于本专利技术实施例保护的范围。下面结合本专利技术实施例附图进一步说明本专利技术实施例具体实现。实施例一参照图1，示出了根据本专利技术实施例一的一种界面生成方法的步骤流程图。本实施例的界面生成方法包括以下步骤：步骤S102：对待展示的内容数据进行数据分析，根据分析结果确定与所述内容数据相匹配的展示组件和所述展示组件在待生成的界面中的布局信息。本实施例中，以生成智能问答应用中的对话界面为例，对界面生成方法进行说明，但本领域技术人员应当明了的是，该界面生成方法可以应用于其他任何适当的场景，并不限于本实施例中说明的场景。在用户使用智能问答应用进行AI智能对话的过程中，用户通过展示界面输入搜索关键词(搜索关键词可以是文本类的关键词，如：北京、好看的电影等，也可以是图像类的关键词，如包含人物或建筑等的照片，或者可以是音频类的关键词，如用户录制的语音)，智能问答应用根据该搜索关键词执行相应的操作，如根据搜索关键词进行搜索，或将搜索关键词转发给其他数据处理方，以根据操作结果生成用于响应该搜索关键词的结果数据(如北京的信息、电影的信息等)，再通过展示界面展示用户输入的搜索关键词和/或响应搜索关键词生成的结果数据，完成AI智能对话。其中，待展示的内容数据可以包括用户输入的搜索关键词和/或为响应用户输入的搜索关键词生成的结果数据。在本实施例中，以待展示的内容数据为响应搜索关键词生成的结果数据为例进行说明。对待展示的内容数据进行数据分析包括但不限于统一属性名称、数据过滤和类别分析等。其中，统一属性名称是指将获取的待展示的内容数据中指示同一属性，但属性名称不同的多个属性名称转换为统一的属性名称。数据过滤是指根据过滤规则对内容数据进行过滤处理，以减少生成展示界面时无需使用的冗余数据，提升数据处理效率，降低数据处理负担。类别分析是指对内容数据进行分析，以确定内容数据所属的类别，根据所属的类别确定对应的展示组件，并以对应的布局方式进行展示，这样对于不同的待展示的内容数据，可以采用不同的方式进行展示，使得适应性更好，展示方式更加灵活，而且可以根据需要方便地改变展示方式。内容数据所属的类别可以由本领域技术人员根据实际需求适当设置，例如，设置为：城市、人物、电影、电视、小说等。展示组件用于渲染在展示界面上，以展示内容数据中的信息或实现交互功能。其可以是预先设置的展示组件。展示组件可以采用不同的定义方式进行定义，例如，根据是否可以嵌套其他展示组件，可以将展示组件分为容器类组件和元素类组件，其中，容器类组件可以嵌套其他展示组件(如嵌套其他容器类组件和/或元素类组件)。元素类组件主要用于展示内容数据中的内容单元(如标题、主体、更多链接等)和/或用于展示内容数据对应的交互设置(如点赞按钮、星级评论按钮等)。进一步地，根据展示布局方式的不同，容器类组件可以分为横向滚动容器组件、纵向滚动容器组件、以及栅格布局容器组件本文档来自技高网...

【技术保护点】
1.一种界面生成方法，其特征在于，包括：/n对待展示的内容数据进行数据分析，根据分析结果确定与所述内容数据相匹配的展示组件和所述展示组件在待生成的界面中的布局信息；/n根据所述内容数据，对所述展示组件中相对应的属性信息进行设置；/n将设置结果和所述布局信息发送给浏览器，通过浏览器动态渲染所述展示组件以生成展示界面。/n

【技术特征摘要】
1.一种界面生成方法，其特征在于，包括：
对待展示的内容数据进行数据分析，根据分析结果确定与所述内容数据相匹配的展示组件和所述展示组件在待生成的界面中的布局信息；
根据所述内容数据，对所述展示组件中相对应的属性信息进行设置；
将设置结果和所述布局信息发送给浏览器，通过浏览器动态渲染所述展示组件以生成展示界面。


2.根据权利要求1所述的方法，其特征在于，所述对待展示的内容数据进行数据分析，根据分析结果确定与所述内容数据相匹配的展示组件和所述展示组件在待生成的界面中的布局信息，包括：
对待展示的内容数据进行数据分析，根据分析结果确定所述内容数据所属的类别；
确定与所述类别匹配的展示模板，其中，所述展示模板包括组件信息和组件位置信息，所述组件信息用于指示所述展示模板包含的展示组件，所述组件位置信息用于指示各个展示组件的位置关系；
根据所述组件信息，确定与所述内容数据相匹配的展示组件；根据所述组件位置信息，确定相匹配的所述展示组件在待生成的界面中的布局信息。


3.根据权利要求2所述的方法，其特征在于，所述对待展示的内容数据进行数据分析，并根据分析结果确定所述内容数据所属的类别，包括：
从所述内容数据中提取关键词；
根据提取的关键词和预设的分类规则，确定所述内容数据所属的类别。


4.根据权利要求1-3中任一项所述的方法，其特征在于，
所述展示组件包括至少一个元素类组件和/或至少一个容器类组件，每个所述元素类组件用于展示所述内容数据的一个内容单元和/或展示所述内容数据对应的交互设置；
每个所述容器类组件对应有一种组件展示方式，每个所述容器类组件用于使用对应的组件展示方式展示当前容器类组件中包含的所述元素类组件和/或下级的容器类组件。


5.根据权利要求4所述的方法，其特征在于，
所述容器类组件包括下列至少之一：横向滚动容器组件、纵向滚动容器组件、栅格布局容器组件；
和/或，
所述元素类组件包括下列至少之一：标题元素组件、按钮元素组件、图像元素组件、评论元素组件、文本元素组件、富文本元素组件。


6.根据权利要求1所述的方法，其特征在于，所述根据所述内容数据，对所述展示组件中相对应的属性信息进行设置，包括：
根据所述内容数据中的标识信息，确定所述展示组件中与所述内容数据对应的属性信息；
将对应的所述属性信息的属性值，设置为所述内容数据中所述标识信息对应的内容。


7.根据权利要求1所述的方法，其特征在于，所述布局信息包括以下至少之一：用于指示所述展示组件的展示位置的位置信息、用于指示所述展示组件间的嵌套关系的嵌套信息。


8.根据权利要求6或7所述的方法，其特征在于，将设置结果和所述布局信息发送给浏览器，通过浏览器动态渲染所述展示组件以生成展示界面，包括：
根据所述设置结果和所述布局信息，生成渲染参数；
将所述渲染参数发送给浏览器，使浏览器根据所述渲染参数动态渲染所述展示组件，以生成展示界面。


9.一种界面生成装置，其特征在于，包括：
数据分析模块，用于对待展示的内容数据进行数据分析，根据分析结果确定与所述内容数据相匹配的展示组件和所述展示组件在待生成的界面中...

【专利技术属性】
技术研发人员：邹亚，王兴龙，孙斌，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛;KY