System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种页面布局优化模型的处理方法技术_技高网

一种页面布局优化模型的处理方法技术

技术编号:40005363 阅读:6 留言:0更新日期:2024-01-09 04:53
本发明专利技术实施例涉及一种页面布局优化模型的处理方法,所述方法包括:构建页面布局优化模型;构建模型训练数据集;基于第一训练数据集对特征提取模块进行优先训练;优先训练结束后,基于第二训练数据集对优化策略模块进行策略训练;策略训练结束后,基于模型训练数据集对页面布局优化模型进行整体模型训练;整体模型训练结束后,基于页面布局优化模型根据输入的第一原始页面图像和第一页面脚本类型进行页面布局优化和优化页面脚本生成处理得到对应的第一优化页面脚本。通过本发明专利技术可以提高页面布局的合理性和美观度,可以减少页面开发工作量。

【技术实现步骤摘要】

本专利技术涉及数据处理,特别涉及一种页面布局优化模型的处理方法


技术介绍

1、物联网设备运维商的工作人员除了需要开发物联网设备、构建设备运维网络之外还需要开发运维平台的各种平台页面。而物联网设备运维商工作人员的工作经验大多以设备端开发经验和网络端配置运维经验为主,对平台页面的布局设计经验往往不足。我们通过实践发现,由这类工作人员开发出来的平台页面大多存在布局不合理的问题而且开发周期也较长。


技术实现思路

1、本专利技术的目的,就是针对现有技术的缺陷,提供一种页面布局优化模型的处理方法、电子设备及计算机可读存储介质;首先构建一个能基于视觉页面图像进行页面布局自动优化、并能对优化页面按指定页面脚本类型进行页面脚本自动生成处理的页面布局优化模型;然后通过采集页面脚本来构建对应的模型训练数据集;接着基于模型训练数据集对该页面布局优化模型进行有监督方式训练;并在训练结束后使用该页面布局优化模型来处理页面布局优化任务和页面脚本自动生成任务。将本专利技术提供的页面布局优化模型提供给物联网设备运维商的工作人员,可以帮助工作人员对布局不合理的平台页面进行批量优化;另外,工作人员想要得到任一网络页面的指定格式页面脚本时,只需将对该网络页面进行图像截屏并将获得的页面图像输入到本专利技术的页面布局优化模型中就能获得对应的页面脚本。通过本专利技术提供的页面布局优化模型,可以提高页面布局的合理性和美观度,可以减少工作人员的页面开发工作量、缩短开发周期。

2、为实现上述目的,本专利技术实施例第一方面提供了一种页面布局优化模型的处理方法,所述方法包括:

3、构建页面布局优化模型;所述页面布局优化模型包括特征提取模块、优化策略模块和页面脚本生成器;所述特征提取模块的输入端与模型输入端连接、输出端与所述优化策略模块的输入端连接;所述优化策略模块的输出端与所述页面脚本生成器的输入端连接;所述页面脚本生成器的输出端与模型输出端连接;

4、构建模型训练数据集;所述模型训练数据集包括第一训练数据集和第二训练数据集;所述第一训练数据集用于训练所述特征提取模块;所述第一训练数据集包括多个第一训练数据记录;所述第一训练数据记录包括第一训练页面图像和第一标签特征张量;所述第二训练数据集用于训练所述优化策略模块;所述第二训练数据集包括多个第二训练数据记录;所述第二训练数据记录包括第二训练页面图像和第二标签特征张量;所述第一训练数据集的所述第一训练数据记录与所述第二训练数据集的所述第二训练数据记录一一对应;

5、基于所述第一训练数据集对所述特征提取模块进行优先训练;所述优先训练结束后,基于所述第二训练数据集对所述优化策略模块进行策略训练;所述策略训练结束后,基于所述模型训练数据集对所述页面布局优化模型进行整体模型训练;

6、所述整体模型训练结束后,基于所述页面布局优化模型根据输入的第一原始页面图像和第一页面脚本类型进行页面布局优化和优化页面脚本生成处理得到对应的第一优化页面脚本。

7、优选的,所述页面布局优化模型用于根据当次输入的页面图像和页面脚本类型进行页面布局优化和优化页面脚本生成处理;所述页面脚本类型包括php类型、jsp类型、asp类型和aspx类型;

8、所述特征提取模块用于将模型当次输入的页面图像作为对应的当次页面图像;并使用卷积神经网络对所述当次页面图像进行页面对象识别和页面对象属性特征提取得到对应的页面特征张量向所述优化策略模块输出;所述当次页面图像包括多个所述页面对象,每个所述页面对象对应多个对象属性;所述对象属性至少包括位置属性、形状属性、尺寸属性、颜色属性、字体属性;所述页面特征张量包括多个对象属性特征向量;所述对象属性特征向量与所述页面对象一一对应;

9、所述优化策略模块使用dqn网络按多类组合布局方式的属性调整策略对输入的所述页面特征张量的所有所述对象属性特征向量进行调整得到对应的多个调整页面特征张量,并对各个所述调整页面特征张量进行调整价值预测得到对应的调整价值预测值,并将预测值最大的所述调整价值预测值对应的所述调整页面特征张量作为当次得到的优化页面特征张量向所述页面脚本生成器输出;其中,所述dqn网络基于价值函数q进行调整价值预测,调整价值预测值=q(s1,a1->2;wdqn),a1->2=s2-s1,输入状态量s1为所述页面特征张量、调整状态量s2为所述调整页面特征张量、动作量a1->2为所述调整状态量s2与所述输入状态量s1的差分量、网络参数wdqn为所述dqn网络的当前网络参数;

10、所述页面脚本生成器用于将当次输入的页面脚本类型作为对应的当前页面脚本类型;并将与所述当前页面脚本类型对应的脚本模板作为对应的当前脚本模板;并基于所述当前页面脚本类型的脚本语法格式对所述优化页面特征张量的各个所述对象属性特征向量进行对象脚本文段转换得到对应的对象脚本文段向所述当前脚本模板中添加;并将完成所有对象脚本文段添加的所述当前脚本模板作为当次的优化页面脚本输出。

11、优选的,所述构建模型训练数据集,具体包括:

12、步骤31,采集多个第一页面脚本组成对应的第一页面脚本集合;并将所述第一、第二训练数据集初始化为空;

13、其中,所述第一页面脚本包括多个第一对象脚本;所述第一对象脚本包括多个第一属性字段;所述第一属性字段至少包括位置属性字段、形状属性字段、尺寸属性字段、颜色属性字段、字体属性字段;

14、步骤32,将所述第一页面脚本集合的第一个所述第一页面脚本作为对应的当前页面脚本;

15、步骤33,在预设的页面编辑窗口中运行所述当前页面脚本生成对应的第一显示页面;并对所述第一显示页面进行图像转换得到对应的第一页面图像;并对所述当前页面脚本进行页面特征张量转换得到对应的第一页面特征张量;

16、其中,所述第一显示页面包括多个第一页面对象;所述第一页面对象与所述当前页面脚本的所述第一对象脚本一一对应;所述第一页面特征张量包括多个第一对象属性特征向量;所述第一对象属性特征向量与所述当前页面脚本的所述第一对象脚本一一对应;

17、步骤34,由设计师在所述页面编辑窗口中对所述第一显示页面的各个所述第一页面对象进行属性值调整,并由所述页面编辑窗口在设计师的调整过程中对所述当前页面脚本进行同步调整,并将设计师最后确认提交的调整页面对应的页面脚本作为对应的第二页面脚本;并对所述第二页面脚本进行页面特征张量转换得到对应的第二页面特征张量;

18、其中,所述第二页面脚本包括多个第二对象脚本,所述第二对象脚本与所述第一对象脚本一一对应;所述第二页面特征张量包括多个第二对象属性特征向量;所述第二对象属性特征向量与所述第二对象脚本一一对应;

19、步骤35,由所述第二页面特征张量减去所述第一页面特征张量得到对应的第一调整动作张量;

20、步骤36,由所述第一页面图像作为对应的所述第一训练页面图像,并由所述第一页面特征张量作为对应的所述第一标签特征本文档来自技高网...

【技术保护点】

1.一种页面布局优化模型的处理方法,其特征在于,所述方法包括:

2.根据权利要求1所述的页面布局优化模型的处理方法,其特征在于,

3.根据权利要求1所述的页面布局优化模型的处理方法,其特征在于,所述构建模型训练数据集,具体包括:

4.根据权利要求2所述的页面布局优化模型的处理方法,其特征在于,所述基于所述第一训练数据集对所述特征提取模块进行优先训练,具体包括:

5.根据权利要求4所述的页面布局优化模型的处理方法,其特征在于,所述基于所述第二训练数据集对所述优化策略模块进行策略训练,具体包括:

6.根据权利要求5所述的页面布局优化模型的处理方法,其特征在于,所述基于所述模型训练数据集对所述页面布局优化模型进行整体模型训练,具体包括:

7.根据权利要求2所述的页面布局优化模型的处理方法,其特征在于,所述基于所述页面布局优化模型根据输入的第一原始页面图像和第一页面脚本类型进行页面布局优化和优化页面脚本生成处理得到对应的第一优化页面脚本,具体包括:

8.一种电子设备,其特征在于,包括:存储器、处理器和收发器;

9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机指令,当所述计算机指令被计算机执行时,使得所述计算机执行权利要求1-7任一项所述的方法。

...

【技术特征摘要】

1.一种页面布局优化模型的处理方法,其特征在于,所述方法包括:

2.根据权利要求1所述的页面布局优化模型的处理方法,其特征在于,

3.根据权利要求1所述的页面布局优化模型的处理方法,其特征在于,所述构建模型训练数据集,具体包括:

4.根据权利要求2所述的页面布局优化模型的处理方法,其特征在于,所述基于所述第一训练数据集对所述特征提取模块进行优先训练,具体包括:

5.根据权利要求4所述的页面布局优化模型的处理方法,其特征在于,所述基于所述第二训练数据集对所述优化策略模块进行策略训练,具体包括:

6.根据权利要求5所述的页面布...

【专利技术属性】
技术研发人员:陈胜边步梅晋雅舒周林林
申请(专利权)人:广东树米科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1