一种页面生成方法、装置、终端设备及存储介质与流程

1.本技术属于软件开发技术领域，尤其涉及一种页面生成方法、装置、终端设备及计算机可读存储介质。


背景技术：

2.在日常页面开发中，用户界面(user interface，ui)设计师负责产出ui设计稿，而前端开发人员会将ui设计师交付的设计稿复现成网页，供用户浏览。但是在实际开发中，ui设计师和前端开发人员实际上是在两个完全隔离的环境进行工作的，即ui设计师在某个软件设计的应用程序中完成页面和组件的设计，输出设计稿，然后前端开发人员再根据该设计稿，在代码环境中复现设计稿，实现页面。然而由于开发人员的代码水平不同，从而导致生成的页面质量参差不齐。也就是说，现有技术存在生成的页面质量低下的问题。


技术实现要素：

3.本技术实施例提供了一种页面生成方法、装置、终端设备及计算机可读存储介质，可以解决现有技术存在的生成的页面质量低下的问题。
4.第一方面，本技术实施例提供了一种页面生成方法，包括：
5.获取待生成页面的组件信息，以及与所述组件信息对应的第一代码信息；
6.根据所述组件信息生成所述待生成页面的第一基本向量，并根据所述第一代码信息生成所述待生成页面的第二基本向量；
7.将所述第一基本向量输入已完成训练的第一预测模型进行处理，得到组件向量；
8.将所述第二基本向量输入已完成训练的第二预测模型进行处理，得到第一功能向量；
9.将所述组件向量和所述第一功能向量输入预设的规则引擎进行处理，得到目标页面。
10.可选的，所述述获取待生成页面的组件信息，以及与所述组件信息对应的第一代码信息，包括：
11.获取第二终端发送的所述组件信息；
12.对所述组件信息进行分解，得到多个第一基本元素，并将所述多个第一基本元素发送至第三终端；所述第一基本元素包括字体、图标、颜色、投影及间距；
13.接收所述第三终端发送的所述第一代码信息；所述第一代码信息由所述第三终端根据所述多个第一基本元素得到。
14.可选的，所述第一预测模型为第一生成对抗网络；所述第一生成对抗网络包括第一生成模型和第一判别模型；所述将所述第一基本向量输入已完成训练的第一预测模型进行处理，得到组件向量之前，还包括：
15.随机生成第一噪声数据；
16.将所述第一噪声数据输入所述第一生成模型，得到第一样本数据；
17.根据第一样本向量集合和所述第一样本数据对第一初始对抗生成网络进行训练，得到所述已完成训练的第一预测模型。
18.可选的，所述第二预测模型为第二生成对抗网络；所述第二生成对抗网络包括第二生成模型和第二判别模型；所述将所述第二基本向量输入已完成训练的第二预测模型进行处理，得到第一功能向量之前，还包括：
19.随机生成第二噪声数据；
20.将所述第二噪声数据输入所述第二生成模型，得到第二样本数据；
21.根据第二样本向量集合和所述第二样本数据对第二初始对抗生成网络进行训练，得到所述已完成训练的第二预测模型。
22.可选的，所述获取待生成页面的组件信息，以及与所述组件信息对应的第一代码信息之后，还包括：
23.获取所述待生成页面的风格信息，以及与所述风格信息对应的第二代码信息；
24.根据所述风格信息生成所述待生成页面的风格向量，并根据所述第二代码信息生成所述待生成页面的第二功能向量；
25.相应的，所述将所述组件向量和所述第一功能向量输入预设的规则引擎进行处理，得到目标页面，包括：
26.将所述组件向量、所述第一功能向量、所述风格向量及所述第二功能向量输入所述预设的规则引擎进行处理，得到所述目标页面。
27.可选的，所述获取所述待生成页面的风格信息，以及与所述风格信息对应的第二代码信息，包括：
28.获取第二终端发送的所述风格信息；
29.对所述风格信息进行分解，得到多个第二基本元素，并将所述多个第二基本元素发送至第三终端；所述第二基本元素包括多种主题色变量；
30.接收所述第三终端发送的所述第二代码信息；所述第二代码信息由所述第三终端根据所述多个第二基本元素得到。
31.可选的，所述第一基本向量为多个，所述将所述第一基本向量输入已完成训练的第一预测模型进行处理，得到组件向量，包括：
32.将所述多个第一基本向量输入所述已完成训练的第一预测模型中，通过所述第一判别模型对所述多个第一基本向量进行处理，得到多个第一正常基本向量；
33.对所述多个第一正常向量进行组合，得到所述组件向量。
34.第二方面，本技术实施例提供了一种页面生成装置，包括：
35.第一获取单元，用于获取待生成页面的组件信息，以及与所述组件信息对应的第一代码信息；
36.第一生成单元，用于根据所述组件信息生成所述待生成页面的第一基本向量，并根据所述第一代码信息生成所述待生成页面的第二基本向量；
37.第一处理单元，用于将所述第一基本向量输入已完成训练的第一预测模型进行处理，得到组件向量；
38.第二处理单元，用于将所述第二基本向量输入已完成训练的第二预测模型进行处理，得到第一功能向量；
39.第二生成单元，用于将所述组件向量和所述第一功能向量输入预设的规则引擎进行处理，得到目标页面。
40.第三方面，本技术实施例提供了一种终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，上述处理器执行所述计算机程序时实现如上述第一方面中任一项所述的页面生成方法的步骤。
41.第四方面，本技术实施例提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如上述第一方面中任一项所述的页面生成方法的步骤。
42.第五方面，本技术实施例提供了一种计算机程序产品，当计算机程序产品在终端设备上运行时，使得终端设备可执行上述第一方面中任一项所述的页面生成方法。
43.本技术实施例与现有技术相比存在的有益效果是：
44.本技术实施例提供的一种页面生成方法，通过获取到待生成页面的组件信息，以及与该组件信息对应的第一代码信息，可以同时生成组件信息对应的第一基本向量和代码信息对应的第二基本向量，之后再根据该第一基本向量和第一预测模型得到组件向量，根据第二基本向量和第二预测模型得到第一功能向量向量，从而保证了构成目标页面的组件向量和第一功能向量的质量，最后可以将该组件向量和第一功能向量输入预设的规则引擎进行处理，得到目标页面，提高了页面的生成质量。
附图说明
45.为了更清楚地说明本技术实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
46.图1是本技术一实施例提供的页面生成系统的结构示意图；
47.图2是本技术一实施例提供的页面生成方法的实现流程图；
48.图3是本技术一实施例提供的页面生成方法中s103的具体实现流程图；
49.图4是本技术一实施例提供的页面生成方法中s104的具体实现流程图；
50.图5是本技术一实施例提供的页面生成装置的结构示意图；
51.图6是本技术一实施例提供的终端设备的结构示意图。
具体实施方式
52.以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本技术实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本技术。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本技术的描述。
53.应当理解，当在本技术说明书和所附权利要求书中使用时，术语“包括”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
54.还应当理解，在本技术说明书和所附权利要求书中使用的术语“和/或”是指相关
联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
55.如在本技术说明书和所附权利要求书中所使用的那样，术语“如果”可以依据上下文被解释为“当...时”或“一旦”或“响应于确定”或“响应于检测到”。类似地，短语“如果确定”或“如果检测到[所描述条件或事件]”可以依据上下文被解释为意指“一旦确定”或“响应于确定”或“一旦检测到[所描述条件或事件]”或“响应于检测到[所描述条件或事件]”。
[0056]
另外，在本技术说明书和所附权利要求书的描述中，术语“第一”、“第二”、“第三”等仅用于区分描述，而不能理解为指示或暗示相对重要性。
[0057]
在本技术说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本技术的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此，在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例，而是意味着“一个或多个但不是所有的实施例”，除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”，除非是以其他方式另外特别强调。
[0058]
请参阅图1，图1是本技术一实施例提供的页面生成系统的结构示意图。如图1所示，本技术实施例提供的页面生成系统包括第一终端10(即以下任一实施例中的终端设备)、第二终端20及第三终端30。其中，第一终端10、第二终端20及第三终端30均包括但不限于智能手机、计算机及笔记本等设备。
[0059]
需要说明的是，第二终端20用于根据用户输入的参数信息生成待生成页面的组件信息，并将该组件信息发送至第一终端10。
[0060]
第三终端30用于接收第一终端10发送的组件信息，并根据该组件信息生成其对应的代码信息，并将该代码信息发送至第一终端10。
[0061]
第一终端10用于接收第二终端20发送的组件信息，以及第三终端30发送的代码信息，并执行下述任一实施例中的页面生成方法的相关步骤。
[0062]
请参阅图2，图2是本技术一实施例提供的页面生成方法的实现流程图。本技术一实施例提供的页面生成方法的执行主体为终端设备。
[0063]
如图1所示，本技术一实施例提供的页面生成方法可以包括s101～s105，详述如下：
[0064]
在s101中，获取待生成页面的组件信息，以及与所述组件信息对应的第一代码信息。
[0065]
在实际应用中，当用户需要设计网络页面时，可以向终端设备发送页面设计请求。
[0066]
本技术实施例中，终端设备检测到用户触发了页面设计请求可以是：检测到用户打开预设app或者检测到用户在预设app内触发预设操作。其中，预设操作可以根据实际需要确定，此处不作限制。示例性的，预设操作可以是点击预设控件，即终端设备若检测到用户点击预设app内的预设控件，则认为触发了预设操作，即认为检测到用户触发了页面设计请求。
[0067]
在本技术实施例的一种实现方式中，终端设备可以预先从第二终端中获取到组件信息并存储至终端设备的数据库中。当终端设备检测到页面设计请求时，可以直接从自身的数据库中获取到该组件信息。
[0068]
在本技术实施例的另一种实现方式中，终端设备还可以实时从与其无线/有线通
信连接的第二终端中获取组件信息。
[0069]
本技术实施例中，终端设备在获取到第二终端发送的组件信息后，可以按照第一元素类型对该组件信息进行拆分，得到不同元素类型对应的第一基本元素。即待生成页面对应的多个第一基本元素，此时，终端设备可以将该多个第一基本元素发送至第三终端。其中，第一元素类型包括但不限于：颜色类型、字体类型、图标类型、投影类型、文案类型以及间距类型等。
[0070]
基于此，第一基本元素可以包括但不限于颜色、字体、图标、投影、文案以及间距，颜色包括品牌色、中性色以及辅助色，字体包括第一类型字体(小号)、第二类型字体(中号)以及第三类型字体(大号)，图标包括简约类型和一致类型，投影包括小投影、中投影以及大投影。
[0071]
第三终端在接收到上述第一基本元素后，可以根据该第一基本元素和预先存储的预设第一基本元素与第一预设代码信息之间的对应关系，确定上述第一基本元素对应的代码块，即第一代码信息。
[0072]
基于此，在本技术实施例的再一种实现方式中，终端设备可以实时从与其无线/有线通信连接的第三终端获取到第一代码信息。
[0073]
在s102中，根据所述组件信息生成所述待生成页面的第一基本向量，并根据所述第一代码信息生成所述待生成页面的第二基本向量。
[0074]
本技术实施例中，终端设备在得到组件信息后，可以对该组件信息进行向量化处理，从而得到待生成页面的第一基本向量。
[0075]
由于组件信息可以分解成多个第一基本元素，因此，终端设备可以对该多个第一基本元素进行向量化处理，从而得到第一基本向量。其中，向量化处理方式可以是独热(one-hot)编码方式。
[0076]
在实际应用中，独热编码又称一位有效编码，其基本原理是使用n位状态寄存器来对n个状态进行编码，每个状态都有它独立的寄存器位，并且在任意时候，其中只有一位有效。
[0077]
在s103中，将所述第一基本向量输入已完成训练的第一预测模型进行处理，得到组件向量。
[0078]
本技术实施例中，第一预测模型可以是生成对抗网络(generative adversarial networks，gan)。
[0079]
在实际应用中，生成对抗网络包括两个网络模型：生成模型(generative model，gm)和判别模型(discriminative model，dm)。生成对抗网络的核心思想是对生成模型和判别模型进行训练，并通过这两个模型的相互博弈对抗和相互优化，最终收敛到一个纳什均衡，再用纳什平衡下的判别模型对输入的数据进行真假判别。其中，纳什平衡指非合作对策中所有对策人都根据各自的信息选择策略，力图使自己的目标函数达到最大的一种平衡解。
[0080]
本技术实施例中，第一预测模型可以包括第一生成模型和第一判别模型。
[0081]
在本技术的一个实施例中，终端设备具体可以通过如图3所示的步骤s1031～s1033对第一初始对抗生成网络进行训练，得到已完成训练的第一预测模型，详述如下：
[0082]
在s1031中，随机生成第一噪声数据。
[0083]
在s1032中，将所述第一噪声数据输入所述第一生成模型，得到第一样本数据。
[0084]
在s1033中，根据第一样本向量集合和所述第一样本数据对第一初始对抗生成网络进行训练，得到所述已完成训练的第一预测模型。
[0085]
本实施例中，第一噪声数据可以是随机噪声。
[0086]
终端设备可以将第一噪声数据输入至第一生成模型，并利用第一生成模型将第一噪声数据处理为与第一样本向量集合中各个第一样本向量相同格式的第一样本数据，即终端设备可以利用第一生成模型将第一噪声数据生成一个伪造数据，且该伪造数据与各个第一样本向量的格式相同。其中，第一样本向量集合中的各个第一样本向量均为第一正常基本向量。第一正常基本向量指用于描述第一基本元素的基本向量是正确的。
[0087]
之后，终端设备可以根据第一样本数据和第一样本向量集合对第一初始生成对抗网络进行训练，得到已完成训练的第一预测模型。具体地，终端设备将第一样本数据和第一样本向量集合输入第一判别模型，利用第一判别模型对第一样本数据和第一样本向量集合中的各个第一样本向量进行判别，并确定第一样本数据和各个第一样本向量分别是伪造数据和正常数据的概率，直至达到纳什平衡，从而得到已完成训练的第一预测模型。
[0088]
基于此，在本技术的一个实施例中，终端设备在得到多个第一基本向量后，可以将该多个第一基本向量输入已完成训练的第一预测模型进行处理，得到第一异常基本向量集合。具体地，终端设备可以将多个第一基本向量输入已完成训练的第一基本向量后，通过第一判别模型对多个第一基本向量进行处理，得到第一异常基本向量集合。
[0089]
此时，终端设备可以将该第一异常基本向量集合丢弃，并将除第一异常基本向量集合中各个第一异常基本向量之外的第一基本向量进行组合，从而得到组件向量。
[0090]
在s104中，将所述第二基本向量输入已完成训练的第二预测模型进行处理，得到第一功能向量。
[0091]
本技术实施例中，第二预测模型可以是生成对抗网络(generative adversarial networks，gan)，且该第二预测模型可以包括第二生成模型和第二判别模型。
[0092]
基于此，在本技术的一个实施例中，终端设备具体可以通过如图4所示的步骤s1041～s1043对第二初始对抗生成网络进行训练，得到已完成训练的第二预测模型，详述如下：
[0093]
在s1041中，随机生成第二噪声数据。
[0094]
在s1042中，将所述第二噪声数据输入所述第二生成模型，得到第二样本数据。
[0095]
在s1043中，根据第二样本向量集合和所述第二样本数据对第二初始对抗生成网络进行训练，得到所述已完成训练的第二预测模型。
[0096]
本实施例中，第二噪声数据可以是随机噪声。
[0097]
需要说明的是，组件信息可以生成多个第一基本向量，且第一代码信息是由终端设备发送的多个维度的第一基本元素确定的，因此，第一代码信息可以生成多个第二基本向量。
[0098]
终端设备可以将第二噪声数据输入至第二生成模型，并利用第二生成模型将第二噪声数据处理为与第二样本向量集合中各个第二样本向量相同格式的第二样本数据，即终端设备可以利用第二生成模型将第二噪声数据生成二个伪造数据，且该伪造数据与各个第二样本向量的格式相同。其中，第二样本向量集合中的各个第二样本向量均为第二正常基
本向量。第二正常基本向量指用于描述代码信息的基本向量是标准的。
[0099]
之后，终端设备可以根据第二样本数据和第二样本向量集合对第二初始生成对抗网络进行训练，得到已完成训练的第二预测模型。具体地，终端设备将第二样本数据和第二样本向量集合输入第二判别模型，利用第二判别模型对第二样本数据和第二样本向量集合中的各个第二样本向量进行判别，并确定第二样本数据和各个第二样本向量分别是伪造数据和正常数据的概率，直至达到纳什平衡，从而得到已完成训练的第二预测模型。
[0100]
基于此，在本技术的一个实施例中，终端设备在得到多个第二基本向量后，可以将该多个第二基本向量输入已完成训练的第二预测模型进行处理，得到第二异常基本向量集合。具体地，终端设备可以将多个第二基本向量输入已完成训练的第二基本向量后，通过第二判别模型对多个第二基本向量进行处理，得到第二异常基本向量集合。
[0101]
此时，终端设备可以将该第二异常基本向量集合丢弃，并将除第二异常基本向量集合中各个第二异常基本向量之外的第二基本向量进行组合，从而得到组件向量。
[0102]
在s105中，将所述组件向量和所述第一功能向量输入预设的规则引擎进行处理，得到目标页面。
[0103]
本技术实施例中，终端设备在得到组件向量和第一功能向量后，可以将该组件向量和第一功能向量输入至预设的规则引擎进行处理，得到目标页面的样式，从而生成目标页面。
[0104]
在实际应用中，规则引擎是一种嵌入在应用程序中的组件，实现了将业务决策从应用程序代码中分离出来，并使用预定义的语义模板编写业务决策。规则引擎具体执行可以分为接收数据输入，解释业务规则，并根据业务规则做出业务决策等过程。
[0105]
规则引擎包括模式匹配器(pattern matcher)、议程(agenda)及执行引擎(execution engine)。其中，模式匹配器决定执行哪个规则，何时执行规则。议程用于管理模式匹配器挑选出来的规则次序。执行引擎负责执行规则和其他动作。
[0106]
需要说明的是，每条规则包含了一个条件过滤器(包括多个规则条件)和多个动作。
[0107]
基于此，在本技术的一个实施例中，终端设备可以将组件向量和第一功能向量输入至预设的规则引擎，此时，该规则引擎可以根据模式匹配器将组件向量、第一功能向量与规则进行匹配，由于每条规则存在多个规则条件，因此，需要将组件向量、第一功能向量分别与每条规则的多个规则条件进行一一匹配。之后，再根据匹配结果确定出候选页面样式作为执行动作，并将存在匹配关系的组件向量、第一功能向量和规则，以及上述执行动作输入至规则引擎中的执行引擎，该执行引擎可以根据冲突决策策略对存在匹配关系的组件向量、第一功能向量和规则，以及与存在匹配关系的组件向量、第一功能向量和规则对应的执行动作进行执行顺序的决策，从而输出目标页面的样式。其中，冲突决策策略可以是优先级策略，也可以是复杂度优先策略，此处不作限制。
[0108]
终端设备获取到目标页面的样式之后，还可以获取与待生成页面对应的内容信息，并将该内容信息填充至该目标页面的样式，从而生成目标页面。其中，内容信息可以是用户在终端设备中的预设app的界面上输入得到。
[0109]
以上可以看出，本技术实施例提供的一种页面生成方法，通过获取到待生成页面的组件信息，以及与该组件信息对应的第一代码信息，可以同时生成组件信息对应的第一
基本向量和代码信息对应的第二基本向量，之后再根据该第一基本向量和第一预测模型得到组件向量，根据第二基本向量和第二预测模型得到第一功能向量向量，从而保证了构成目标页面的组件向量和第一功能向量的质量，最后可以将该组件向量和第一功能向量输入预设的规则引擎进行处理，进而得到目标页面，提高了页面的生成质量。
[0110]
在本技术的另一个实施例中，为了丰富目标页面的内容，终端设备在s101之后，还可以执行以下步骤，详述如下：
[0111]
获取所述待生成页面的风格信息，以及与所述风格信息对应的第二代码信息；
[0112]
根据所述风格信息生成所述待生成页面的风格向量，并根据所述第二代码信息生成所述待生成页面的第二功能向量。
[0113]
在本实施例的一种实现方式中，终端设备还可以实时从与其无线/有线通信连接的第二终端中获取风格信息。
[0114]
本技术实施例中，终端设备在获取到第二终端发送的风格信息后，可以按照第二元素类型对该风格信息进行拆分，得到待生成页面对应的多个第二基本元素，此时，终端设备可以将该多个第二基本元素发送至第三终端。其中，第二元素类型包括但不限于主题色变量类型、颜色类型、字体类型、图标类型、投影类型、文案类型以及间距类型等。
[0115]
需要说明的是，第二基本元素包括但不限于多种主题色变量、颜色、字体、图标、投影、文案以及间距，颜色包括品牌色、中性色以及辅助色，字体包括第一类型字体(小号)、第二类型字体(中号)以及第三类型字体(大号)，图标包括简约类型和一致类型，投影包括小投影、中投影以及大投影。
[0116]
第三终端在接收到上述第二基本元素后，可以根据该第二基本元素和预先存储的预设第二基本元素与第二预设代码信息之间的对应关系，确定上述第二基本元素对应的第二代码信息，并将该第二代码信息发送至终端设备。
[0117]
终端设备可以接收第三终端发送的第二代码信息。
[0118]
本实施例中，终端设备在得到风格信息后，可以对该风格信息进行处理，从而得到待生成页面的风格向量。
[0119]
由于风格信息可以分解成多个第二基本元素，因此，终端设备可以对该多个第二基本元素进行向量化处理，从而得到风格向量。其中，向量化处理方式可以是独热(one-hot)编码方式。
[0120]
本实施例中，终端设备在得到第二代码信息后，可以对该第二代码信息进行向量化处理，从而得到第二功能向量。其中，向量化处理方式可以是独热(one-hot)编码方式。
[0121]
在本技术的再一个实施例中，终端设备在得到组件向量、第一功能向量、风格向量及第二功能向量之后，可以将该组件向量、第一功能向量、风格向量及第二功能向量输入至预设的规则引擎进行处理，得到目标页面的样式，从而生成目标页面。
[0122]
以上可以看出，本技术实施例提供的一种页面生成方法，通过获取待生成页面的风格信息，以及与风格信息对应的第二代码信息；根据风格信息生成待生成页面的风格向量，并根据第二代码信息生成所述待生成页面的第二功能向量，使得最后终端设备可以将组件向量、第一功能向量、风格向量及第二功能向量输入预设的规则引擎进行处理，进而得到目标页面。本实施例提供的页面生成方法丰富了生成的页面内容，进一步提高了生成的页面质量。
[0123]
应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本技术实施例的实施过程构成任何限定。
[0124]
对应于上文实施例所述的一种页面生成方法，图4示出了本技术一实施例提供的页面生成装置的结构框图，为了便于说明，仅示出了与本技术实施例相关的部分。参照图4，该页面生成装置400包括：第一获取单元41、第一生成单元42、第一处理单元43、第二处理单元44及第二生成单元45。其中：
[0125]
第一获取单元41用于获取待生成页面的组件信息，以及与所述组件信息对应的第一代码信息。
[0126]
第一生成单元42用于根据所述组件信息生成所述待生成页面的第一基本向量，并根据所述第一代码信息生成所述待生成页面的第二基本向量。
[0127]
第一处理单元43用于将所述第一基本向量输入已完成训练的第一预测模型进行处理，得到组件向量。
[0128]
第二处理单元44用于将所述第二基本向量输入已完成训练的第二预测模型进行处理，得到第一功能向量。
[0129]
第二生成单元45用于将所述组件向量和所述第一功能向量输入预设的规则引擎进行处理，得到目标页面。
[0130]
在本技术的一个实施例中，第一获取单元41具体包括：第二获取单元、第一分解单元及第一接收单元。其中：
[0131]
第二获取单元用于获取第二终端发送的所述组件信息。
[0132]
第一分解单元用于按照第一元素类型对所述组件信息进行拆分，得到多个第一基本元素，并将所述多个第一基本元素发送至第三终端；所述第一基本元素包括字体、图标、颜色、投影及间距。
[0133]
第一接收单元用于接收所述第三终端发送的所述第一代码信息；所述第一代码信息由所述第三终端根据所述多个第一基本元素得到。
[0134]
在本技术的一个实施例中，所述第一预测模型为第一生成对抗网络；所述第一生成对抗网络包括第一生成模型和第一判别模型；第一处理单元43具体包括：第三生成单元、第一输入单元及第三处理单元。其中：
[0135]
第三生成单元用于随机生成第一噪声数据。
[0136]
第一输入单元用于将所述第一噪声数据输入所述第一生成模型，得到第一样本数据。
[0137]
第三处理单元用于根据第一样本向量集合和所述第一样本数据对第一初始对抗生成网络进行训练，得到所述已完成训练的第一预测模型。
[0138]
在本技术的一个实施例中，所述第二预测模型为第二生成对抗网络；所述第二生成对抗网络包括第二生成模型和第二判别模型；第二处理单元44具体包括：第四生成单元、第二输入单元及第四处理单元。其中：
[0139]
第四生成单元用于随机生成第二噪声数据。
[0140]
第二输入单元用于将所述第二噪声数据输入所述第二生成模型，得到第二样本数据。
[0141]
第四处理单元用于根据第二样本向量集合和所述第二样本数据对第二初始对抗生成网络进行训练，得到所述已完成训练的第二预测模型。
[0142]
在本技术的一个实施例中，页面生成装置400还包括：第三获取单元和第五生成单元。其中：
[0143]
第三获取单元用于获取所述待生成页面的风格信息，以及与所述风格信息对应的第二代码信息。
[0144]
第五生成单元用于根据所述风格信息生成所述待生成页面的风格向量，并根据所述第二代码信息生成所述待生成页面的第二功能向量。
[0145]
相应的，第二生成单元45具体用于：将所述组件向量、所述第一功能向量、所述风格向量及所述第二功能向量输入所述预设的规则引擎进行处理，得到所述目标页面。
[0146]
在本技术的一个实施例中，第三获取单元具体包括：第四获取单元、第二分解单元及第二接收单元。其中：
[0147]
第四获取单元用于获取第二终端发送的所述风格信息。
[0148]
第二分解单元用于按照第二元素类型对所述风格信息进行拆分，得到多个第二基本元素，并将所述多个第二基本元素发送至第三终端；所述第二基本元素包括多种主题色变量。
[0149]
第二接收单元用于接收所述第三终端发送的所述第二代码信息；所述第二代码信息由所述第三终端根据所述多个第二基本元素得到。
[0150]
在本技术的一个实施例中，所述第一基本向量为多个；第三处理单元具体包括：第五处理单元和组合单元。其中：
[0151]
第五处理单元用于将所述多个第一基本向量输入所述已完成训练的第一预测模型中，通过所述第一判别模型对所述多个第一基本向量进行处理，得到多个第一正常基本向量。
[0152]
组合单元用于对所述多个第一正常向量进行组合，得到所述组件向量。
[0153]
以上可以看出，本技术实施例提供的一种页面生成装置，通过获取到待生成页面的组件信息，以及与该组件信息对应的第一代码信息，可以同时生成组件信息对应的第一基本向量和代码信息对应的第二基本向量，之后再根据该第一基本向量和第一预测模型得到组件向量，根据第二基本向量和第二预测模型得到第一功能向量向量，从而保证了构成目标页面的组件向量和第一功能向量的质量，最后可以将该组件向量和第一功能向量输入预设的规则引擎进行处理，得到目标页面，提高了页面的生成质量。
[0154]
图5为本技术一实施例提供的终端设备的结构示意图。如图5所示，该实施例的终端设备5包括：至少一个处理器50(图5中仅示出一个)处理器、存储器51以及存储在所述存储器51中并可在所述至少一个处理器50上运行的计算机程序52，所述处理器50执行所述计算机程序52时实现上述任意一种页面生成方法实施例中的步骤。
[0155]
本领域技术人员可以理解，图5仅仅是终端设备5的举例，并不构成对终端设备5的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如还可以包括输入输出设备、网络接入设备等。
[0156]
所称处理器50可以是中央处理单元(central processing unit，cpu)，该处理器50还可以是其他通用处理器、数字信号处理器(digital signal processor，dsp)、专用集
成电路(application specific integrated circuit，asic)、现成可编程门阵列(field-programmable gate array，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
[0157]
所述存储器51在一些实施例中可以是所述终端设备5的内部存储单元，例如终端设备5的硬盘或内存。所述存储器51在另一些实施例中也可以是所述终端设备5的外部存储设备，例如所述终端设备5上配备的插接式硬盘，智能存储卡(smart media card,smc)，安全数字(secure digital,sd)卡，闪存卡(flash card)等。进一步地，所述存储器51还可以既包括所述终端设备5的内部存储单元也包括外部存储设备。所述存储器51用于存储操作系统、应用程序、引导装载程序(bootloader)、数据以及其他程序等，例如所述计算机程序的程序代码等。所述存储器51还可以用于暂时地存储已经输出或者将要输出的数据。
[0158]
本技术实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时可实现上述任意一种页面生成方法实施例中的步骤。
[0159]
本技术实施例提供了一种计算机程序产品，当计算机程序产品在终端设备上运行时，使得终端设备执行时可实现上述任意一种页面生成方法实施例中的步骤。
[0160]
需要说明的是，上述装置/单元之间的信息交互、执行过程等内容，由于与本技术方法实施例基于同一构思，其具体功能及带来的技术效果，具体可参见方法实施例部分，此处不再赘述。
[0161]
本技术实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时可实现上述任意一种页面生成方法实施例中的步骤。
[0162]
本技术实施例提供了一种计算机程序产品，当计算机程序产品在终端设备上运行时，使得终端设备执行时实现可实现上述任意一种页面生成方法实施例中的步骤。
[0163]
所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。另外，各功能单元、模块的具体名称也只是为了便于相互区分，并不用于限制本技术的保护范围。上述系统中单元、模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
[0164]
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。
[0165]
本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本技术的范围。
[0166]
在本技术所提供的实施例中，应该理解到，所揭露的页面生成装置和方法，可以通过其它的方式实现。例如，以上所描述的装置/终端设备实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口，装置或单元的间接耦合或通讯连接，可以是电性，机械或其它的形式。
[0167]
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
[0168]
以上所述实施例仅用以说明本技术的技术方案，而非对其限制；尽管参照前述实施例对本技术进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本技术各实施例技术方案的精神和范围，均应包含在本技术的保护范围之内。