CN111475160A - 产品页面的生成方法、装置及计算机设备 - Google Patents

Abstract

本申请公开了一种产品页面的生成方法、装置及计算机设备，涉及计算机技术领域，可以解决开发产品页面时，需要重复编辑代码，导致开发和维护效率低的问题。其中方法包括：利用组件检测模型识别目标产品页面对应的视觉稿，确定所述视觉稿中包含的待筛选组件信息；从组件库中筛选与所述待筛选组件信息中组件类型匹配的目标组件；根据所述待筛选组件信息中各个所述目标组件的位置信息为所述目标组件配置选用优先级；按照所述选用优先级拼接所述目标组件，以便生成所述目标产品页面。本申请适用于对产品页面的自动生成。

Description

产品页面的生成方法、装置及计算机设备

技术领域

本申请涉及计算机技术领域，尤其涉及到一种产品页面的生成方法、装置及计算机设备。

背景技术

在当下的智能时代，随着智能化产品的大量涌现，为实现产品的开发和推广，往往采用多种形式，而通过为产品制作产品页面的方式，比如HTML5形式的推广页面，越来越受到企业的欢迎。

目前，市场上需要生成的产品页面种类繁多，并且很多产品的页面中有相似的模块，例如说产品详情页，产品持仓页，转入页，转出页等等一系列页面组件。但是目前每个产品页面的生成，都需要通过编辑代码单独开发，导致产品页面的开发和维护效率较低。

发明内容

有鉴于此，本申请提供了一种产品页面的生成方法、装置及计算机设备，主要目的在于解决开发产品页面时，需要重复编辑代码，导致开发和维护效率低的问题。

根据本申请的一个方面，提供了一种产品页面的生成方法，该方法包括：

利用组件检测模型识别目标产品页面对应的视觉稿，确定所述视觉稿中包含的待筛选组件信息；

从组件库中筛选与所述待筛选组件信息中组件类型匹配的目标组件；

根据所述待筛选组件信息中各个所述目标组件的位置信息为所述目标组件配置选用优先级；

按照所述选用优先级拼接所述目标组件，以便生成所述目标产品页面。

根据本申请的另一个方面，提供了一种产品页面的生成装置，该装置包括：

确定模块，用于利用组件检测模型识别目标产品页面对应的视觉稿，确定所述视觉稿中包含的待筛选组件信息；

筛选模块，用于从组件库中筛选与所述待筛选组件信息中组件类型匹配的目标组件；

配置模块，用于根据所述待筛选组件信息中各个所述目标组件的位置信息为所述目标组件配置选用优先级；

拼接模块，用于按照所述选用优先级拼接所述目标组件，以便生成所述目标产品页面。

根据本申请的又一个方面，提供了一种非易失性可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现上述产品页面的生成方法。

根据本申请的再一个方面，提供了一种计算机设备，包括非易失性可读存储介质、处理器及存储在非易失性可读存储介质上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述产品页面的生成方法。

借由上述技术方案，本申请提供的一种产品页面的生成方法、装置及计算机设备，与目前通过重复编码生成完整产品页面的方式相比，本申请可搭建并训练组件检测模型，利用通过训练的组件检测模型识别视觉稿中的待筛选组件信息，根据待筛选组件信息从组件库中筛选所需的目标组件，之后按照各个目标组件对应选用优先级的大小顺序依次拼接目标组件，进一步生成目标产品页面。在本申请中，不需要通过重复编码，仅需要筛选出目标组件，利用可复用的目标组件拼接生成产品页面，简化产品页面的构建过程，进而可提高开发和维护效率。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本地申请的不当限定。在附图中：

图1示出了本申请实施例提供的一种产品页面的生成方法的流程示意图；

图2示出了本申请实施例提供的另一种产品页面的生成方法的流程示意图；

图3示出了本申请实施例提供的一种产品页面的生成实例示意图；

图4示出了本申请实施例提供的一种产品页面的生成装置的结构示意图；

图5示出了本申请实施例提供的另一种产品页面的生成装置的结构示意图。

具体实施方式

下文将参考附图并结合实施例来详细说明本申请。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互结合。

针对目前在开发产品页面时，需要重复编辑代码，导致开发和维护效率低的问题，本申请实施例提供了一种产品页面的生成方法，如图1所示，该方法包括：

101、利用组件检测模型识别目标产品页面对应的视觉稿，确定视觉稿中包含的待筛选组件信息。

对于本实施例，在具体的应用场景中，在筛选目标组件之前，需要预先对待开发的UI视觉稿进行图片检测，识别并分割出包含的组件，具体可应用AI开放平台的图像分割技术，对图片进行检测，进一步确定出视觉稿中所包含的待筛选组件信息。

其中，待筛选组件信息可包含各个待筛选组件对应的组件类型以及所在产品页面中的排版位置。

102、从组件库中筛选与待筛选组件信息中组件类型匹配的目标组件。

其中，各个待筛选组件均唯一对应一个组件类型。在组件库中，存储有各个组件类型的样本组件。在具体的应用场景中，在确定出待筛选组件信息后，可从组件库中提取出与待筛选组件的组件类型相同的组件，并将它们确定为目标组件。

103、根据待筛选组件信息中各个目标组件的位置信息为目标组件配置选用优先级。

对于本实施例，在具体的应用场景中，可根据待筛选组件信息中各个目标组件的位置信息配置各个目标组件对应的选用优先级，配置选用优先级的目的是能够按照选用优先级的顺序依次调用目标组件，实现目标组件的逐次有序拼接，避免同时拼接组件时产生的拼接错误。

104、按照选用优先级拼接目标组件，以便生成目标产品页面。

对于本实施例，在具体的应用场景中，在配置好优先级顺序后，可按照优先级的大小排列顺序依次拼接目标组件，例如，可预先将优先级为1和优先级为2的目标组件进行拼接，在拼接完成后，再与优先级为3的目标组件进行拼接，直至逐一完成对所有目标组件的拼接，获取得到目标产品页面。

通过本实施例中产品页面的生成方法，可搭建并训练组件检测模型，利用通过训练的组件检测模型识别视觉稿中的待筛选组件信息，根据待筛选组件信息从组件库中筛选所需的目标组件，之后按照各个目标组件对应选用优先级的大小顺序依次拼接目标组件，进一步生成目标产品页面。在本申请中，不需要通过重复编码，仅需要筛选出目标组件，利用可复用的目标组件拼接生成产品页面，简化产品页面的构建过程，进而可提高开发和维护效率。

进一步的，作为上述实施例具体实施方式的细化和扩展，为了完整说明本实施例中的具体实施过程，提供了另一种产品页面的生成方法，如图2所示，该方法包括：

201、筛选符合预设条件的样本视觉稿。

对于本实施例，在具体的应用场景中，为了充分训练组件检测模型，故需要预先筛选出大量且充分的样本视觉稿，其中，预设条件可为每种要识别的组件在所有图片中出现的次数需要大于预设阈值，例如预设阈值可设定为50；另外，如果某些组件类型的图片具有相似性，需要增加更多图片；一个模型的图片总量限制4张～10万张，图片长宽比、图片亮度等应符合设定要求；样本视觉稿和实际场景要识别的视觉稿图片环境一致，举例：如果实际要识别的图片是摄像头俯拍的，那样本视觉稿就不能用网上下载的正面图片。

202、按照预设标注规则标注样本视觉稿中的各个组件。

在具体的应用场景中，实施例步骤202具体可以包括：基于各个组件的基本样式标注对应组件所在的检测框；为各个检测框配置组件标识，组件标识用于区分各个组件的组件类型。

对于本实施例，在具体的应用场景中，在标注组件的检测框时，应保证样本视觉稿中出现的所有组件都需要被框出(框可以重叠)；框应包含整个组件，且尽可能不要包含多余的背景；在对样本视觉稿进行标注时，可按照各个组件的基本样式标注出各个组件所在的检测框，并根据各个组件类型，为各个检测框配置对应的唯一标识，以便于训练模型对待开发的UI视觉稿中各个目标组件的识别检测。

203、利用标注好组件的样本视觉稿训练组件检测模型。

对于本实施例，在具体的应用场景中，可将标注好组件的样本视觉稿划分为训练集和验证集，将训练集中的样本视觉稿输入搭建好的组件检测模型中，用于训练组件检测模型对各个组件的识别检测；并利用验证集中的样本视觉稿验证模型识别检测的准确性。

204、若确定组件检测模型符合预设标准，则判定组件检测模型通过训练。

其中，预设标准为将验证集中的样本视觉稿输入至组件检测模型时，获取得到的检测结果与实际标注结果的误差应小于预设阈值，预设阈值为大于0且小于等于1的数值，具体数值可根据实际应用场景进行设定，预设阈值设定的越小，代表组件检测模型的训练精度越高。

205、利用符合预设标准的组件检测模型识别目标产品页面对应的视觉稿，确定视觉稿中包含的待筛选组件信息。

在具体的应用场景中，为了创建用于存储所有页面组件的组件库，具体还包括：根据历史产品页面确定第一组件以及第一组件对应的最小组件；根据最小组件构建开发第二组件；基于组件类型为第一组件及第二组件配置组件标识，并将第一组件及第二组件存储于组件库中。

其中，可根据目前市场上现有的产品页面，梳理出原始存在的第一组件，并且划分第一组件中包含的所有的最小组件，利用最小组件开发出新的自定义的第二组件，其中，各个最小组件可为button、Tab栏、cell栏、自定义键盘、收益折线图、Input输入框、picker选择器、分隔线、高度填充框等。组件标识可为组件的简写(Minimum-component)mincp+组件文件名例如(input)+8位的随机数组成。

206、从组件库中筛选与待筛选组件信息中组件类型匹配的目标组件。

对于本实施例，在具体的应用场景中，实施例步骤206具体可以包括：确定待筛选组件信息中包含的组件标识；从组件库中筛选出与组件标识对应的目标组件。

在具体的应用场景中，在从组件库中筛选目标组件时，可根据组件库中预先存储的组件与组件类型之间的映射关系来筛选，根据待筛选组件信息中组件类型提取对应的目标组件。

207、根据历史埋点数据确定各个目标组件的组件族群，组件族群中包含同一目标组件的不同展示形式以及不同展示形式对应的选用频率。

在具体的应用场景中，一个组件在后续编辑调整的过程中，会分化出几种展示形式，成为一个组件族群。对于每个组件的按钮，都已经补充了埋点，埋点名称为组件_按钮ID_按钮名称_扩展形式ID，ID为自动生成，通过增加埋点，后台即可以拿到数据统计记录，根据统计记录中用户对组件各个展示形式的选取频率，确定出用户使用偏好，故对于筛选出的目标组件，可以提取出目标组件对应的组件族群，将组件族群中原设计稿的展示形式以及其他历史展示形式提供给用户，并附具各个展示形式对应的选用频率，以便提供给用户参考，使其筛选出更加喜欢的排版方案。

208、在组件族群中接收对目标组件展示形式的选取指令，将选取出的展示形式确定为目标组件的目标展示形式。

基于实施例步骤207的实施例，在具体的应用场景中，在输出目标组件对应的组件族群后，可实时接收用户输入的对组件族群中目标组件展示形式的选取指令，进一步将选取出的展示形式确定为目标组件的目标展示形式。

209、接收对目标组件展示形式的自定义指令，将自定义的展示形式确定为目标组件的目标展示形式，并将目标展示形式更新至目标组件对应的组件族群中。

对于本实施例，在具体的应用场景中，为了满足对目标组件的个性化设计，在选择目标组件后，会在源代码框展示目标组件的代码，用户可以通过编辑JS文件对组件进行调整，自定义组件的展示形式，比如组件的样式和增加点击事件以及特殊的样式等等，还可进行主题的设置，如颜色主题、模板主题、字体主题等。

需要说明的是，在具体的应用场景中，实施例步骤208和实施例步骤209的执行优先级可为并列的，即可根据指令的发送时间确定首先响应执行选取指令还是自定义指令。此外，也可为选取指令和自定义指令设定不同的执行优先级，当确定同时接收到选取指令和自定义指令时，执行优先级较高的指令，例如，若为选取指令设定最高优先级，为自定义指令设置较低优先级，在筛选目标组件的展示形式时，若同时接收到选取指令和自定义指令，则会按照设定优先级执行选取指令，根据选取指令确定出最终的目标展示形式。相应的，实施例步骤208和实施例步骤209的执行优先级也可为递进的，即当根据选取指令筛选出目标组件的目标展示形式后，依然可以接收自定义指令，并且按照自定义指令对筛选出的目标展示形式进行进一步的修正，以便满足用户的个性化需求。

210、若未接收到对目标组件展示形式的选取指令及自定义指令，则将组件族群中选用频率最高的展示形式确定为目标组件的目标展示形式。

对于本实施例，在具体的应用场景中，若在预设时间段内既没有接收到对目标组件展示形式的选取指令也没有接收到对目标组件展示形式的自定义指令，则可自动将组件族群中选用频率最高的展示形式确定为目标组件的目标展示形式，以符合用户的筛选倾向，且不耽误产品页面的生成进程。

211、根据待筛选组件信息中各个目标组件的位置信息为目标组件配置选用优先级。

对于本实施例，在具体的应用场景中，可根据位置信息设定选用优先级的配置规则，如可按照从上至下的位置顺序为各个目标组件配置选用优先级，为位置处于视觉稿最上端的配置最高的选用优先级，处于视觉稿最下端的配置最低的选用优先级；按照选用优先级大小创建包含所有所需目标组件的组件列表。其中，创建的组件列表的作用是依据组件列表的排列顺序拼接目标组件。

212、按照选用优先级拼接目标组件，以便生成目标产品页面。

例如，如图3所示，在获取到视觉稿后，将视觉稿输入训练完成的组件检测模型中，识别确定出视觉稿对应包含的所有目标组件1-7，具体实现步骤为：上传视觉稿后，调用根据之前训练完成的组件检测模型生成的API，API的输入参数就是base64位的图片流，该API会返回log_id(唯一的log)、results(识别结果的数组)、score(置信度)，根据识别结果的数组，可获取已切割完成的组件列表的组件标识。根据这些组件标识匹配到对应的目标组件。之后按照图3中视觉稿的组件搭建顺序，为目标组件1-7配置由高到低的选用优先级，进一步可创建出包含目标组件1-7的组件列表，目标组件在组件列表中按照选用优先级的大小顺序排列，即目标组件1位于组件列表的首位，目标组件7位于组件列表的末端。即当创建对应的产品时，需要预先获取目标组件1、再根据选用优先级递减的顺序，依次拼接目标组件2、目标组件3、目标组件4、目标组件5、目标组件6，最后在将目标组件7拼接完成后，获取得到目标产品页面。

通过上述产品页面的生成方法，可利用标注好组件信息的样本视觉稿优先训练组件检测模型，在判定组件检测模型符合预设标准后，将目标产品页面对应的视觉稿输入至组件检测模型中，获取得到目标产品页面对应的待筛选组件信息，根据待筛选组件信息中的组件标识从组件库中筛选出目标组件，可选用三种方式确定出目标组件对应的目标展示形式，之后根据待筛选组件信息中各个目标组件的位置信息为目标组件配置选用优先级，以便利用选用优先级构建关于目标组件的组件列表，根据组件列表中目标组件的排列顺序，依次拼接目标组件，获取得到目标产品页面。在本申请中，不需要通过重复编码，仅需要筛选出目标组件，利用可复用的目标组件构造产品页面，简化产品页面的构建过程，进而可提高开发和维护效率。另外，在本申请中，还可预先根据历史产品页面梳理出第一组件，并提取出第一组件中所包含的各个最小组件，利用最小组件重新构建生成新的第二组件，利用第一组件和第二组件构建组件库，并且在后续页面创建过程中，将用户通过编辑JS文件调整得到的组件也存储更新至组件库中，进一步丰富组件库中同一组件类型的不同组件展示形式，丰富组件族群，以便能够及时从组件库中筛选出符合用户需求的目标组件，提高组件的筛选效率，避免重复修改组件代码，进而加快目标产品页面的生成进程。

进一步的，作为图1和图2所示方法的具体体现，本申请实施例提供了一种产品页面的生成装置，如图4所示，该装置包括：确定模块31、筛选模块32、配置模块33、拼接模块34。

确定模块31，可用于利用组件检测模型识别目标产品页面对应的视觉稿，确定视觉稿中包含的待筛选组件信息；

筛选模块32，可用于从组件库中筛选与待筛选组件信息中组件类型匹配的目标组件；

配置模块33，可用于根据待筛选组件信息中各个目标组件的位置信息为目标组件配置选用优先级；

拼接模块34，可用于按照选用优先级拼接目标组件，以便生成目标产品页面。

在具体的应用场景中，为了训练搭建用于识别视觉稿中待筛选组件信息的组件检测模型，如图5所示，本装置还包括：标注模块35、训练模块36、判定模块37。

筛选模块32，还可用于筛选符合预设条件的样本视觉稿；

标注模块35，可用于按照预设标注规则标注样本视觉稿中的各个组件；

训练模块36，可用于利用标注好组件的样本视觉稿训练组件检测模型；

判定模块37，可用于若确定组件检测模型符合预设标准，则判定组件检测模型通过训练。

相应的，为了对样本视觉稿中的各个组件实现标注，标注模块35，具体可用于基于各个组件的基本样式标注对应组件所在的检测框；为各个检测框配置组件标识，组件标识用于区分各个组件的组件类型。

在具体的应用场景中，为了利用组件检测模型识别目标产品页面对应的视觉稿，确定出视觉稿中包含的待筛选组件信息，确定模块31，具体可用于利用符合预设标准的组件检测模型识别目标产品页面对应的视觉稿，确定视觉稿中包含的待筛选组件信息。

在具体的应用场景中，为了构建组件库，如图5所示，本装置还包括：构建模块38、存储模块39。

确定模块31，还可用于根据历史产品页面确定第一组件以及第一组件对应的最小组件；

构建模块38，可用于根据最小组件构建开发第二组件；

存储模块39，可用于基于组件类型为第一组件及第二组件配置组件标识，并将第一组件及第二组件存储于组件库中。

相应的，筛选模块32，具体可用于确定待筛选组件信息中包含的组件标识；从组件库中筛选出与组件标识对应的目标组件。

在具体的应用场景中，为了确定出目标组件对应的目标展示形式，确定模块31，还可用于根据历史埋点数据确定各个目标组件的组件族群，组件族群中包含同一目标组件的不同展示形式以及不同展示形式对应的选用频率；在组件族群中接收对目标组件展示形式的选取指令，将选取出的展示形式确定为目标组件的目标展示形式；接收对目标组件展示形式的自定义指令，将自定义的展示形式确定为目标组件的目标展示形式，并将目标展示形式更新至目标组件对应的组件族群中；若未接收到对目标组件展示形式的选取指令及自定义指令，则将组件族群中选用频率最高的展示形式确定为目标组件的目标展示形式。

需要说明的是，本实施例提供的一种产品页面的生成装置所涉及各功能单元的其它相应描述，可以参考图1至图2中的对应描述，在此不再赘述。

基于上述如图1和图2所示方法，相应的，本申请实施例还提供了一种存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述如图1和图2所示的产品页面的生成方法。

基于这样的理解，本申请的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施场景的方法。

基于上述如图1、图2所示的方法，以及图4、图5所示的虚拟装置实施例，为了实现上述目的，本申请实施例还提供了一种计算机设备，具体可以为个人计算机、服务器、网络设备等，该实体设备包括存储介质和处理器；存储介质，用于存储计算机程序；处理器，用于执行计算机程序以实现上述如图1和图2所示的产品页面的生成方法。

可选地，该计算机设备还可以包括用户接口、网络接口、摄像头、射频(RadioFrequency，RF)电路，传感器、音频电路、WI-FI模块等等。用户接口可以包括显示屏(Display)、输入单元比如键盘(Keyboard)等，可选用户接口还可以包括USB接口、读卡器接口等。网络接口可选的可以包括标准的有线接口、无线接口(如蓝牙接口、WI-FI接口)等。

本领域技术人员可以理解，本实施例提供的计算机设备结构并不构成对该实体设备的限定，可以包括更多或更少的部件，或者组合某些部件，或者不同的部件布置。

非易失性可读存储介质中还可以包括操作系统、网络通信模块。操作系统是产品页面的生成实体设备硬件和软件资源的程序，支持信息处理程序以及其它软件和/或程序的运行。网络通信模块用于实现非易失性可读存储介质内部各组件之间的通信，以及与该实体设备中其它硬件和软件之间通信。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本申请可以借助软件加必要的通用硬件平台的方式来实现，也可以通过硬件实现。通过应用本申请的技术方案，与目前现有技术相比，本申请可利用标注好组件信息的样本视觉稿优先训练组件检测模型，在判定组件检测模型符合预设标准后，将目标产品页面对应的视觉稿输入至组件检测模型中，获取得到目标产品页面对应的待筛选组件信息，根据待筛选组件信息中的组件标识从组件库中筛选出目标组件，可选用三种方式确定出目标组件对应的目标展示形式，之后根据待筛选组件信息中各个目标组件的位置信息为目标组件配置选用优先级，以便利用选用优先级构建关于目标组件的组件列表，根据组件列表中目标组件的排列顺序，依次拼接目标组件，获取得到目标产品页面。在本申请中，不需要通过重复编码，仅需要筛选出目标组件，利用可复用的目标组件构造产品页面，简化产品页面的构建过程，进而可提高开发和维护效率。另外，在本申请中，还可预先根据历史产品页面梳理出第一组件，并提取出第一组件中所包含的各个最小组件，利用最小组件重新构建生成新的第二组件，利用第一组件和第二组件构建组件库，并且在后续页面创建过程中，将用户通过编辑JS文件调整得到的组件也存储更新至组件库中，进一步丰富组件库中同一组件类型的不同组件展示形式，丰富组件族群，以便能够及时从组件库中筛选出符合用户需求的目标组件，提高组件的筛选效率，避免重复修改组件代码，进而加快目标产品页面的生成进程。

本领域技术人员可以理解附图只是一个优选实施场景的示意图，附图中的模块或流程并不一定是实施本申请所必须的。本领域技术人员可以理解实施场景中的装置中的模块可以按照实施场景描述进行分布于实施场景的装置中，也可以进行相应变化位于不同于本实施场景的一个或多个装置中。上述实施场景的模块可以合并为一个模块，也可以进一步拆分成多个子模块。

上述本申请序号仅仅为了描述，不代表实施场景的优劣。以上公开的仅为本申请的几个具体实施场景，但是，本申请并非局限于此，任何本领域的技术人员能思之的变化都应落入本申请的保护范围。

Claims (10)

1.一种产品页面的生成方法，其特征在于，包括：

利用组件检测模型识别目标产品页面对应的视觉稿，确定所述视觉稿中包含的待筛选组件信息；

从组件库中筛选与所述待筛选组件信息中组件类型匹配的目标组件；

根据所述待筛选组件信息中各个所述目标组件的位置信息为所述目标组件配置选用优先级；

按照所述选用优先级拼接所述目标组件，以便生成所述目标产品页面。

2.根据权利要求1所述的方法，其特征在于，在所述利用组件检测模型识别目标产品页面对应的视觉稿，确定所述视觉稿中包含的待筛选组件信息之前，具体还包括：

筛选符合预设条件的样本视觉稿；

按照预设标注规则标注所述样本视觉稿中的各个组件；

利用标注好组件的样本视觉稿训练组件检测模型；

若确定所述组件检测模型符合预设标准，则判定所述组件检测模型通过训练。

3.根据权利要求2所述的方法，其特征在于，所述按照预设标注规则标注所述样本视觉稿中的各个组件，具体包括：

基于各个组件的基本样式标注对应组件所在的检测框；

为各个检测框配置组件标识，所述组件标识用于区分各个组件的组件类型。

4.根据权利要求3所述的方法，其特征在于，所述利用组件检测模型识别目标产品页面对应的视觉稿，确定所述视觉稿中包含的待筛选组件信息，具体包括：

利用符合所述预设标准的组件检测模型识别目标产品页面对应的视觉稿，确定所述视觉稿中包含的待筛选组件信息。

5.根据权利要求1所述的方法，其特征在于，在从组件库中筛选与所述待筛选组件信息中组件类型匹配的目标组件之前，具体还包括：

根据历史产品页面确定第一组件以及所述第一组件对应的最小组件；

根据所述最小组件构建开发第二组件；

基于组件类型为所述第一组件及所述第二组件配置组件标识，并将所述第一组件及所述第二组件存储于组件库中。

6.根据权利要求5所述的方法，其特征在于，所述从组件库中筛选与所述待筛选组件信息中组件类型匹配的目标组件，具体包括：

确定所述待筛选组件信息中包含的组件标识；

从所述组件库中筛选出与所述组件标识对应的目标组件。

7.根据权利要求6所述的方法，其特征在于，在所述从组件库中筛选与所述待筛选组件信息中组件类型匹配的目标组件之后，具体还包括：

根据历史埋点数据确定各个所述目标组件的组件族群，所述组件族群中包含同一目标组件的不同展示形式以及不同展示形式对应的选用频率；

在所述组件族群中接收对所述目标组件展示形式的选取指令，将选取出的展示形式确定为所述目标组件的目标展示形式；

接收对所述目标组件展示形式的自定义指令，将自定义的展示形式确定为所述目标组件的目标展示形式，并将所述目标展示形式更新至所述目标组件对应的组件族群中；

若未接收到对所述目标组件展示形式的选取指令及自定义指令，则将所述组件族群中选用频率最高的展示形式确定为所述目标组件的目标展示形式。

8.一种产品页面的生成装置，其特征在于，包括：

确定模块，用于利用组件检测模型识别目标产品页面对应的视觉稿，确定所述视觉稿中包含的待筛选组件信息；

筛选模块，用于从组件库中筛选与所述待筛选组件信息中组件类型匹配的目标组件；

配置模块，用于根据所述待筛选组件信息中各个所述目标组件的位置信息为所述目标组件配置选用优先级；

拼接模块，用于按照所述选用优先级拼接所述目标组件，以便生成所述目标产品页面。

9.一种非易失性可读存储介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现权利要求1至7中任一项所述的产品页面的生成方法。

10.一种计算机设备，包括非易失性可读存储介质、处理器及存储在非易失性可读存储介质上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至7中任一项所述的产品页面的生成方法。

Images