一种前端页面生成方法及系统与流程

1.本发明涉及人工智能技术领域，尤其涉及一种前端页面生成方法及系统。


背景技术：

2.前端技术指通过浏览器到用户端计算机的统称，而存贮于服务器端的统称为后端技术。前端开发主要职能就是把网站的界面更好地呈现给用户。
3.随着web业务日益复杂化和多元化，前端工程化已经在前端架构使用中逐渐成熟。当业务需求发生变化的时候，最先需要更新的往往就是前端，而很多业务需求变化和后端无关，单纯就是前端页面的改变。现有封装公共控件的方法，对前端页面进行增删控件时，需要不断修改前端代码，并且，修改前端页面的控件布局时，也需要不断修改前端代码，例如，用户要求新增一个输入框，前端开发就需要调整布局，重新更改前端代码，导致前端开发的效率较低，无法适应快速变化的需求。
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.图1为本发明提供的前端页面生成方法的流程示意图；
33.图2为本发明提供的基于神经网络实现控件执行逻辑的示意图；
34.图3为本发明提供的非全连接神经网络的结构示意图；
35.图4为本发明提供的前端页面生成的整体流程示意图；
36.图5为本发明提供的前端页面生成系统的结构示意图；
37.图6为本发明提供的电子设备的结构示意图。
具体实施方式
38.为使本发明的目的、技术方案和优点更加清楚，下面将结合本发明中的附图，对本发明中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
39.目前前端开发方法是封装公共组件，通过引用公共组件开发前端页面，但是，公共组件并不适应动态调整的页面变化，导致每次在接到新的业务需求时，需要不断更改前端代码。并且，在现有前端开发过程中，尤其注重页面布局与样式的统一，一个业务比较复杂的前端工程，当加入一个新的前端开发人员时，往往需要该前端开发人员掌握关于页面布局和样式的规范说明，同时熟悉前端开发项目的代码写法，以便做出的页面适应整体风格，导致前端开发工作量大，开发效率较低。
40.本发明通过样本前端页面和样本布局参数，对神经网络进行训练，将训练得到的模型作为一个黑盒，前端开发人员只需将待设计前端页面的相关布局参数输入到该黑盒中，从而自动生成与这些布局参数对应的前端页面，由于黑盒是在前期通过训练得到的，在实际前端开发应用时，前端页面的调整只需要修改输入项，无需前端开发人员修改代码和发版，只需负责后端接口对接，与后端接口进行交互数据。
41.图1为本发明提供的前端页面生成方法的流程示意图，如图1所示，本发明提供了一种前端页面生成方法，包括：
42.步骤101，根据待设计前端页面的布局需求，获取所述待设计前端页面的布局参数。
43.在本发明中，首先根据业务需求，确定本次待设计前端页面的布局需求，包括控件参数和控件逻辑参数，其中，控件参数主要为所需要的控件类型(例如，文本输入框、下拉选框和日期控件等)以及控件的布局(例如，控件在页面当中的位置，大小和颜色等)，控件逻辑参数主要为控件的通用逻辑(例如，密码框是否可以显示密码，纯文本按钮中的文字信息可通过鼠标长按选中复制)。除此之外，还可以根据布局需求，确定前端页面的样式和通用逻辑，从而在后续生成目标前端页面时，得到满足预设样式风格的前端页面。
44.步骤102，将所述布局参数输入到前端页面生成模型，得到目标前端页面，其中，所述前端页面生成模型是由样本布局参数和所述样本布局参数对应的样本前端页面，对神经网络进行训练得到的。
45.在本发明中，根据每个业务需求，通过页面样式风格及布局相似的样本前端页面，对神经网络进行训练，使得训练得到的前端页面生成模型可针对具体一种或多种样式风格的前端页面进行编程，从而生成目标前端页面。由于将前端页面生成模型作为黑盒，保证了生成的前端页面布局和样式的统一，不存在通用样式冲突问题。同时，新加入的前端开发人员，只需要将待设计前端页面的输入项(即布局参数)输入至模型中，模型就可输出前端页面以及对应的通用逻辑，使得前端开发人员只需要在前端的个性化接口中开发该页面特有逻辑即可。优选地，在一实施例中，当需要在现有前端页面中新增控件或减少控件时，不需
要更改页面的通用逻辑，只需要在输入项中增加一项或者减少一项即可。
46.本发明提供的前端页面生成方法，通过神经网络训练得到的前端页面生成模型，只需在该模型的前端输入层通过输入一系列布局参数，调用模型中隐藏层已训练好的逻辑方法，从而输出自动生成的前端页面，无需开发人员面对业务需求变换时，对前端页面的代码进行重新开发，提高了前端开发的效率。
47.在上述实施例的基础上，所述前端页面生成模型通过以下步骤得到：
48.对样本前端页面进行解析，获取所述样本前端页面的样本控件参数和样本控件逻辑参数；
49.根据所述样本控件参数和所述样本控件逻辑参数，得到样本布局参数，并根据所述样本布局参数和所述样本前端页面，构建得到训练样本集；
50.将所述训练样本集输入到神经网络进行训练，得到前端页面生成模型。
51.在本发明中，神经网络的逻辑包括输入层、隐藏层和输出层三部分。首先，通过对样本前端页面进行解析，获取到每个样本前端页面的样本控件参数和样本逻辑参数；然后，将样本控件参数和样本逻辑参数作为样本布局参数，并和样本布局参数对应的样本前端页面，输入输入层中，包括所有控件(例如，文本框控件、密码框控件和tab控件等)、通用控件参数(如控件位置，控件大小等)和通用页面逻辑参数(如控件属性、控件功能等)；接着，隐藏层根据输入层输出的样本布局参数，基于样本前端页面的控件布局、控件排版和页面逻辑，执行通用控件参数的编写，输出控件逻辑和页面逻辑，从而根据控件逻辑和页面逻辑生成对应的前端页面，其中，控件逻辑主要是用于为前端页面生成对应的控件逻辑功能(如，根据输入的布局参数，通过控件逻辑，构建前端页面的控件功能)，页面逻辑主要是用于为前端页面生成对应的公共样式(例如，根据输入的布局参数，通过页面逻辑为前端页面生成页面样式)；最后，输出层输出生成的目标前端页面，并输出该目标前端页面对应的控件自定义逻辑，供前端开发人员对接后台接口和一些自定义控件逻辑补充。
52.在上述实施例的基础上，所述将所述训练样本集输入到神经网络进行训练，得到训练好的前端页面生成模型，包括：
53.通过所述神经网络的输入层，将所述训练样本集输入到所述神经网络中进行逐层训练，得到样本前端生成页面和预训练的神经网络；
54.通过所述预训练的神经网络的输出层，反向调用所述预训练的神经网络的隐藏层中已训练得到的控件逻辑和页面逻辑，并根据所述控件逻辑和所述页面逻辑，对所述样本前端生成页面进行更新，若满足预设训练次数，得到前端页面生成模型。
55.图2为本发明提供的基于神经网络实现控件执行逻辑的示意图，可参考图2所示，在本发明中，对模型训练时，将样本控件参数作为数据元，将样本逻辑参数作为逻辑元，输入到神经网络的输入层；然后，隐藏层作为黑盒的主要部分，根据数据元和逻辑元进行训练，在到达预设训练次数之后，从而得到控件逻辑和页面样式逻辑(根据前端页面的布局需求，还可以在模型训练时，增加一些预处理功能，例如，通过在样本中加入样本前端页面对应的压缩图像，使得模型在实际应用中，可生成经图像压缩后的前端页面)；最后，输出层将输出控件自定义逻辑，供前端开发人员对接后台接口和一些自定义控件逻辑补充，同时，输出层可以反向调用隐藏层里面的通用方法，即通过对隐藏层训练得到的模型参数，该模型参数对应控件逻辑和页面逻辑，使得在实际应用时，基于输入的数据生成前端页面，输出层
还接收后端提供的数据，刷新页面参数显示。
56.在上述实施例的基础上，所述根据所述样本布局参数和所述样本前端页面，构建得到训练样本集，包括：
57.获取所述样本前端页面的样式风格类型并标记标签，得到目标样本前端页面；
58.根据所述样本布局参数和所述目标样本前端页面，构建得到训练样本集。
59.在本发明中，通过对每个样本前端页面标记风格类型标签，在训练过程中，隐藏层基于不同风格样式的样本前端页面进行训练，从而在训练完成后，在实际前端页面的编程过程中，通过将待设计前端页面的布局参数输入到训练好的模型中，自动生成布局参数对应风格样式的前端页面。
60.在上述实施例的基础上，在所述将所述布局参数输入到前端页面生成模型，得到目标前端页面之后，所述方法还包括：
61.获取所述目标前端页面的布局变更需求，所述布局变更需求包括前端页面控件变更参数和前端页面控件逻辑变更参数；
62.将所述布局变更需求输入到所述前端页面生成模型，对所述目标前端页面进行更新，得到更新后的目标前端页面。
63.在上述实施例的基础上，所述获取所述目标前端页面的布局变更需求，包括：
64.通过后端接口，获取所述目标前端页面的布局变更需求，所述后端接口与所述训练好的前端页面生成模型的输出层连接。
65.在本发明中，根据前端页面的布局变更需求，输入相应的数据元(前端页面控件变更参数)和逻辑参数(前端页面控件逻辑变更参数)到模型中，然后，根据参数调用隐藏层里面前期已训练得到的页面逻辑方法和公共样式，显示对应的控件，并将控件参数封装到输出层；输出层可以执行个性化控件逻辑，反向调用隐藏层的通用方法，从而刷新页面，得到更新后的目标前端页面。在本发明中，输出层的主要作用是对接后端的接口数据，进行控件数据绑定和刷新。
66.本发明通过输入页面变更时所需的控件参数和执行逻辑参数，根据上述参数，调用前端页面的通用逻辑方法和页面样式，呈现页面展示，输出层通过执行隐藏层的通用方法，提供封装好的参数用以对接后端接口，后端接口返回数据再调用隐藏层通用方法刷新到当前前端页面上，从而实现前端页面的更新。在本发明中，所有的页面逻辑在输入层配置完成，前端开发只在黑盒模型输出层的逻辑接口对接后台接口数据，不需变动页面设计。同时，输入层的数据元可以由后端接口提供，隐藏层的通用方法前端开发人员只需调用就行，不用开发逻辑，输出层逻辑可由前端开发人员开发，对接后端接口数据。
67.在上述实施例的基础上，所述神经网络为非全连接神经网络。
68.图3为本发明提供的非全连接神经网络的结构示意图，可参考图3所示，在本发明中，非全连接神经网络上一层的节点与下层节点之间不是所有节点都有联系。具体地，每个页面输入层含有多个数据元，从而在输入层输入页面所需要的多个控件(即一堆样式、控件选型和控件逻辑参数等)；隐藏层为页面的公共样式和公共方法，执行多个逻辑方法和页面样式渲染。在输入数据元后，根据数据元配置的参数，自动调用隐藏层里面的通用方法和公共样式，到此，前端页面已经展现出来。输出层接口对接后端接口数据，提供页面封装数据并传递给后端接口使用；同时，输出层用过接收后端发送的布局变更数据，可以调用隐藏层
中通用方法进行页面数据刷新，也可以通过输入层接收后端的参数，调用隐藏层公共方法变更页面。
69.本发明采用非全连接神经网络，相比全连接神经网络，提高了模型训练速度，大幅度减少了训练时的计算量。
70.图4为本发明提供的前端页面生成的整体流程示意图，可参考图4所示，页面展示、控件绑值、页面刷新以及变更相关操作，都在输出层接口中执行，页面布局、初始化控件、控件样式、页面样式和刷新页面数据等这些通用方法都在包含隐藏层中(通过前期模型训练得到)。前端开发人员的主要职责是对接后端接口刷新页面数据，或者根据后端接口返回数据，调用通用对应的通用接口刷新页面，由于前端所有通用的公共方法已封装，提高了代码复用率，使得前端页面开发的开发量减少，同时，页面开发通过输入层输入参数组装，保证了页面样式的一致性，更便于前端页面统一刷新样式。在一实施例中，所有输出层的个性化逻辑都是由隐藏层的通用方法实现。
71.下面对本发明提供的前端页面生成系统进行描述，下文描述的前端页面生成系统与上文描述的前端页面生成方法可相互对应参照。
72.图5为本发明提供的前端页面生成系统的结构示意图，如图5所示，本发明提供了一种前端页面生成系统，包括前端页面布局参数获取模块501和前端页面生成模块502，其中，前端页面布局参数获取模块501用于根据待设计前端页面的布局需求，获取所述待设计前端页面的布局参数；前端页面生成模块502用于将所述布局参数输入到前端页面生成模型，得到目标前端页面，其中，所述前端页面生成模型是由样本布局参数和所述样本布局参数对应的样本前端页面，对神经网络进行训练得到的。
73.在本发明中，前端页面布局参数获取模块501首先根据业务需求，确定本次待设计前端页面的布局需求，包括控件参数和控件逻辑参数，其中，控件参数主要为所需要的控件类型(例如，文本输入框、下拉选框和日期控件等)以及控件的布局(例如，控件在页面当中的位置，大小和颜色等)，控件逻辑参数主要为控件的通用逻辑(例如，密码框是否可以显示密码，纯文本按钮中的文字信息可通过鼠标长按选中复制)。除此之外，前端页面布局参数获取模块501还可以根据布局需求，确定前端页面的样式和通用逻辑，从而在后续生成目标前端页面时，得到满足预设样式风格的前端页面。
74.进一步地，根据每个业务需求，通过前端页面生成模块502中的前端页面生成模型，可针对具体一种或多种样式风格的前端页面进行编程，从而生成目标前端页面。由于将前端页面生成模型作为黑盒，保证了生成的前端页面布局和样式的统一，不存在通用样式冲突问题。同时，新加入的前端开发人员，只需要将待设计前端页面的输入项(即布局参数)输入至模型中，模型就可输出前端页面以及对应的通用逻辑，使得前端开发人员只需要在前端的个性化接口中开发该页面特有逻辑即可。优选地，在一实施例中，当需要在现有前端页面中新增控件或减少控件时，不需要更改页面的通用逻辑，只需要在输入项中增加一项或者减少一项即可。
75.本发明提供的前端页面生成系统，通过神经网络训练得到的前端页面生成模型，只需在该模型的前端输入层通过输入一系列布局参数，调用模型中隐藏层已训练好的逻辑方法，从而输出自动生成的前端页面，无需开发人员面对业务需求变换时，对前端页面的代码进行重新开发，提高了前端开发的效率。
76.在上述实施例的基础上，所述系统还包括样本解析模块、样本集构建模块和训练模块，其中，样本解析模块用于对样本前端页面进行解析，获取所述样本前端页面的样本控件参数和样本控件逻辑参数；样本集构建模块用于根据所述样本控件参数和所述样本控件逻辑参数，得到样本布局参数，并根据所述样本布局参数和所述样本前端页面，构建得到训练样本集；训练模块用于将所述训练样本集输入到神经网络进行训练，得到前端页面生成模型。
77.在本发明中，神经网络的逻辑包括输入层、隐藏层和输出层三部分。首先，样本解析模块通过对样本前端页面进行解析，获取到每个样本前端页面的样本控件参数和样本逻辑参数；然后，样本集构建模块将样本控件参数和样本逻辑参数作为样本布局参数，并和样本布局参数对应的样本前端页面构建为训练样本集，输入输入层中，包括所有控件(例如，文本框控件、密码框控件和tab控件等)、通用控件参数(如控件位置，控件大小等)和通用页面逻辑参数(如控件属性、控件功能等)。
78.进一步地，通过训练模块对神经网络进行训练，具体地，隐藏层根据输入层输出的样本布局参数，基于样本前端页面的控件布局、控件排版和页面逻辑，执行通用控件参数的编写，输出控件逻辑和页面逻辑，从而根据控件逻辑和页面逻辑生成对应的前端页面，其中，控件逻辑主要是用于为前端页面生成对应的控件逻辑功能(如，根据输入的布局参数，通过控件逻辑，构建前端页面的控件功能)，页面逻辑主要是用于为前端页面生成对应的公共样式(例如，根据输入的布局参数，通过页面逻辑为前端页面生成页面样式)；最后，输出层输出生成的目标前端页面，并输出该目标前端页面对应的控件自定义逻辑，供前端开发人员对接后台接口和一些自定义控件逻辑补充。在达到预设训练次数之后，训练模块停止训练，从而得到训练好的前端页面生成模型。
79.在上述实施例的基础上，所述样本集构建模块包括标签标记单元和训练样本集生成单元，其中，标签标记单元用于获取所述样本前端页面的样式风格类型并标记标签，得到目标样本前端页面；训练样本集生成单元用于根据所述样本布局参数和所述目标样本前端页面，构建得到训练样本集。
80.在上述实施例的基础上，所述训练模块包括第一训练单元和第二训练单元，其中，第一训练单元用于通过所述神经网络的输入层，将所述训练样本集输入到所述神经网络中进行逐层训练，得到样本前端生成页面和预训练的神经网络；第二训练单元用于通过所述预训练的神经网络的输出层，反向调用所述预训练的神经网络的隐藏层中已训练得到的控件逻辑和页面逻辑，并根据所述控件逻辑和页面逻辑，对所述样本前端生成页面进行更新，若满足预设训练次数，得到前端页面生成模型。
81.在上述实施例的基础上，所述系统还包括前端页面布局变更参数获取模块和前端页面更新模块，其中，前端页面布局变更参数获取模块用于获取所述目标前端页面的布局变更需求，所述布局变更需求包括前端页面控件变更参数和前端页面控件逻辑变更参数；前端页面更新模块用于将所述布局变更需求输入到所述前端页面生成模型，对所述目标前端页面进行更新，得到更新后的目标前端页面。
82.在上述实施例的基础上，所述前端页面布局变更参数获取模块包括：变更参数接收单元，用于通过后端接口，获取所述目标前端页面的布局变更需求，所述后端接口与所述前端页面生成模型的输出层连接。
83.在本发明中，变更参数接收单元可通过后端接口，获取前端页面的布局变更需求，然后将相应的数据元(前端页面控件变更参数)和逻辑参数(前端页面控件逻辑变更参数)输入到模型中。模型根据输入的参数，调用隐藏层里面前期已训练得到的页面逻辑方法和公共样式，显示对应的控件，并将控件参数封装到输出层；输出层可以执行个性化控件逻辑，反向调用隐藏层的通用方法，从而刷新页面，得到更新后的目标前端页面。
84.本发明提供的系统是用于执行上述各方法实施例的，具体流程和详细内容请参照上述实施例，此处不再赘述。
85.图6为本发明提供的电子设备的结构示意图，如图6所示，该电子设备可以包括：处理器(processor)601、通信接口(communicationsinterface)602、存储器(memory)603和通信总线604，其中，处理器601，通信接口602，存储器603通过通信总线604完成相互间的通信。处理器601可以调用存储器603中的逻辑指令，以执行前端页面生成方法，该方法包括：根据待设计前端页面的布局需求，获取所述待设计前端页面的布局参数；将所述布局参数输入到前端页面生成模型，得到目标前端页面，其中，所述前端页面生成模型是由样本布局参数和所述样本布局参数对应的样本前端页面，对神经网络进行训练得到的。
86.此外，上述的存储器603中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。
87.另一方面，本发明还提供一种计算机程序产品，所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算机程序，所述计算机程序包括程序指令，当所述程序指令被计算机执行时，计算机能够执行上述各方法所提供的前端页面生成方法，该方法包括：根据待设计前端页面的布局需求，获取所述待设计前端页面的布局参数；将所述布局参数输入到前端页面生成模型，得到目标前端页面，其中，所述前端页面生成模型是由样本布局参数和所述样本布局参数对应的样本前端页面，对神经网络进行训练得到的。
88.又一方面，本发明还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现以执行上述各实施例提供的前端页面生成方法，该方法包括：根据待设计前端页面的布局需求，获取所述待设计前端页面的布局参数；将所述布局参数输入到前端页面生成模型，得到目标前端页面，其中，所述前端页面生成模型是由样本布局参数和所述样本布局参数对应的样本前端页面，对神经网络进行训练得到的。
89.以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。
90.通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可
借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如rom/ram、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。
91.最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。