一种前端页面的布局方法、装置及设备制造方法及图纸

本申请公开了一种前端页面的布局方法、装置及设备，可应用于人工智能领域以及金融领域，能够利用基于BP神经网络构建的前端页面布局模型，快速且有效的设计出可用性高、排版合理的前端页面布局。该方法包括：首先获取待布局的目标前端页面中元素的基本属性和整体页面的基本属性，然后对这些属性进行参数化，得到目标前端页面对应的特征向量，接着将该特征向量输入至预先构建的前端页面布局模型，得到目标前端页面对应的前端元素布局信息；该前端页面布局模型是利用预先收集的前端页面布局及其评分对BP神经网络模型进行训练得到的；进而可以根据目标前端页面对应的前端元素布局信息，确定目标前端页面的布局，并将其进行视图化后，展示给用户。展示给用户。展示给用户。

【技术实现步骤摘要】
一种前端页面的布局方法、装置及设备


[0001]本申请涉及人工智能
，尤其涉及一种前端页面的布局方法、装置及设备。

技术介绍

[0002]目前，在用户使用一个产品时，直接面向用户的且最为直观的便是该产品的前端布局，前端布局的合理性以及美观性很大程度上直接影响了用户体验，因而在一个产品的整体设计及开发过程中，前端布局的设计尤为关键。
[0003]但是由于目前在进行前端页面的布局时，通常采用人工设计的方法，由设计人员进行配色、风格设计，因而设计得到的页面容易出现个人主观性过强的情况。并且由于人工设计需要大量的讨论与修正，因而耗时高，时间以及人工成本高。因此，如何简化前端页面的布局流程，并解决人工设计导致的个人主观性过强、耗时高、成本高的问题显得尤为重要。

技术实现思路

[0004]本申请实施例的主要目的在于提供一种前端页面的布局方法、装置及设备，通过将BP神经网络应用于前端设计，能够快速且有效的设计出可用性高、排版合理的前端页面布局。解决了人工设计导致的个人主观性过强、耗时高、成本高的问题。
[0005]第一方面，本申请实施例提供了一种前端页面的布局方法，所述方法包括：
[0006]获取待布局的目标前端页面中元素的基本属性和所述目标前端页面的整体页面的基本属性；
[0007]对所述目标前端页面中元素的基本属性和所述目标前端页面的整体页面的基本属性进行参数化，得到所述目标前端页面对应的特征向量；
[0008]将所述目标前端页面对应的特征向量输入至预先构建的前端页面布局模型，得到所述目标前端页面对应的前端元素布局信息；所述前端页面布局模型是利用预先收集的前端页面布局及其评分对BP神经网络模型进行训练得到的；
[0009]根据所述目标前端页面对应的前端元素布局信息，确定所述目标前端页面的布局，并将其进行视图化后，展示给用户。
[0010]可选的，所述前端页面布局模型的构建方式如下：
[0011]获取样本端页面布局；
[0012]对所述样本前端页面布局进行参数化，得到所述样本前端页面布局的属性信息；并对所述样本前端页面布局进行评分，得到所述样本前端页面布局对应的评分；以及对所述样本前端页面布局进行属性提炼，得到所述样本前端页面布局对应的样本页面结果向量；
[0013]将所述样本前端页面布局的属性信息和评分进行组合，得到所述样本前端页面布局对应的样本特征向量；
[0014]利用所述样本前端页面布局对应的样本特征向量和样本页面结果向量对初始的
BP神经网络模型进行训练，得到前端页面布局模型。
[0015]可选的，所述初始的BP神经网络模型是通过将网络各级连接权值在负1到1的范围内赋随机数，并设置了误差函数、计算精度值和最大学习次数后，得到的一个BP神经网络模型。
[0016]可选的，所述目标前端页面中元素的基本属性包括目标前端页面中每个元素的长、宽、面积、形状规则与否、元素种类、是否固定的属性；所述目标前端页面的整体页面的基本属性包括所述目标前端页面的整体页面的长、宽、页面种类。
[0017]第二方面，本申请实施例还提供了一种前端页面的布局装置，所述装置包括：
[0018]第一获取单元，用于获取待布局的目标前端页面中元素的基本属性和所述目标前端页面的整体页面的基本属性；
[0019]第一处理单元，用于对所述目标前端页面中元素的基本属性和所述目标前端页面的整体页面的基本属性进行参数化，得到所述目标前端页面对应的特征向量；
[0020]输入单元，用于将所述目标前端页面对应的特征向量输入至预先构建的前端页面布局模型，得到所述目标前端页面对应的前端元素布局信息；所述前端页面布局模型是利用预先收集的前端页面布局及其评分对BP神经网络模型进行训练得到的；
[0021]展示单元，用于根据所述目标前端页面对应的前端元素布局信息，确定所述目标前端页面的布局，并将其进行视图化后，展示给用户。
[0022]可选的，所述装置还包括：
[0023]第二获取单元，用于获取样本端页面布局；
[0024]第二处理单元，用于对所述样本前端页面布局进行参数化，得到所述样本前端页面布局的属性信息；并对所述样本前端页面布局进行评分，得到所述样本前端页面布局对应的评分；以及对所述样本前端页面布局进行属性提炼，得到所述样本前端页面布局对应的样本页面结果向量；
[0025]组合单元，用于将所述样本前端页面布局的属性信息和评分进行组合，得到所述样本前端页面布局对应的样本特征向量；
[0026]训练单元，用于利用所述样本前端页面布局对应的样本特征向量和样本页面结果向量对初始的BP神经网络模型进行训练，得到前端页面布局模型。
[0027]可选的，所述初始的BP神经网络模型是通过将网络各级连接权值在负1到1的范围内赋随机数，并设置了误差函数、计算精度值和最大学习次数后，得到的一个BP神经网络模型。
[0028]可选的，所述目标前端页面中元素的基本属性包括目标前端页面中每个元素的长、宽、面积、形状规则与否、元素种类、是否固定的属性；所述目标前端页面的整体页面的基本属性包括所述目标前端页面的整体页面的长、宽、页面种类。
[0029]本申请实施例还提供了一种前端页面的布局设备，包括：处理器、存储器、系统总线；
[0030]所述处理器以及所述存储器通过所述系统总线相连；
[0031]所述存储器用于存储一个或多个程序，所述一个或多个程序包括指令，所述指令当被所述处理器执行时使所述处理器执行上述前端页面的布局方法中的任意一种实现方式。
[0032]本申请实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当所述指令在终端设备上运行时，使得所述终端设备执行上述前端页面的布局方法中的任意一种实现方式。
[0033]本申请实施例提供的一种前端页面的布局方法、装置及设备，首先获取待布局的目标前端页面中元素的基本属性和目标前端页面的整体页面的基本属性，然后，对目标前端页面中元素的基本属性和目标前端页面的整体页面的基本属性进行参数化，得到目标前端页面对应的特征向量，接着，将目标前端页面对应的特征向量输入至预先构建的前端页面布局模型，得到目标前端页面对应的前端元素布局信息；其中，前端页面布局模型是利用预先收集的前端页面布局及其评分对BP神经网络模型进行训练得到的；进而可以根据目标前端页面对应的前端元素布局信息，确定目标前端页面的布局，并将其进行视图化后，展示给用户。从而能够利用基于BP神经网络构建的前端页面布局模型，快速且有效的设计出可用性高、排版合理的前端页面布局，解决了人工设计导致的个人主观性过强、耗时高、成本高的缺点，并且将设计结果视图化，极大地方便了用户查看设计结果。
附图说明
[0034]为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端页面的布局方法，其特征在于，所述方法包括：获取待布局的目标前端页面中元素的基本属性和所述目标前端页面的整体页面的基本属性；对所述目标前端页面中元素的基本属性和所述目标前端页面的整体页面的基本属性进行参数化，得到所述目标前端页面对应的特征向量；将所述目标前端页面对应的特征向量输入至预先构建的前端页面布局模型，得到所述目标前端页面对应的前端元素布局信息；所述前端页面布局模型是利用预先收集的前端页面布局及其评分对BP神经网络模型进行训练得到的；根据所述目标前端页面对应的前端元素布局信息，确定所述目标前端页面的布局，并将其进行视图化后，展示给用户。2.根据权利要求1所述的方法，其特征在于，所述前端页面布局模型的构建方式如下：获取样本端页面布局；对所述样本前端页面布局进行参数化，得到所述样本前端页面布局的属性信息；并对所述样本前端页面布局进行评分，得到所述样本前端页面布局对应的评分；以及对所述样本前端页面布局进行属性提炼，得到所述样本前端页面布局对应的样本页面结果向量；将所述样本前端页面布局的属性信息和评分进行组合，得到所述样本前端页面布局对应的样本特征向量；利用所述样本前端页面布局对应的样本特征向量和样本页面结果向量对初始的BP神经网络模型进行训练，得到前端页面布局模型。3.根据权利要求2所述的方法，其特征在于，所述初始的BP神经网络模型是通过将网络各级连接权值在负1到1的范围内赋随机数，并设置了误差函数、计算精度值和最大学习次数后，得到的一个BP神经网络模型。4.根据权利要求1
‑
3任一项所述的方法，其特征在于，所述目标前端页面中元素的基本属性包括目标前端页面中每个元素的长、宽、面积、形状规则与否、元素种类、是否固定的属性；所述目标前端页面的整体页面的基本属性包括所述目标前端页面的整体页面的长、宽、页面种类。5.一种前端页面的布局装置，其特征在于，所述装置包括：第一获取单元，用于获取待布局的目标前端页面中元素的基本属性和所述目标前端页面的整体页面的基本属性；第一处理单元，用于对所述目标前端页面中元素的基本属性和所述目标前端页面的整体页面的基本属性进行参数化，得到所述目标前端页面对应的特征向量；输入单元，用于...

【专利技术属性】
技术研发人员：刘莹，程敏霞，温启文，李婷，曹建国，
申请(专利权)人：中国银行股份有限公司，
类型：发明
国别省市：