[发明专利]一种页面构建方法、装置及设备

说明书

本说明书涉及前端开发技术领域，具体公开了一种页面构建方法、装置及设备，所述方法包括接收用户对页面配置界面中的页面控件的操作信息；页面配置界面至少包括一个页面控件，页面控件用于可视化的表征页面展示元素的信息；将所述操作信息所对应的页面控件作为当前页面控件，提取所述当前页面控件基于所述操作信息所确定的控件信息；所述控件信息包括页面控件在指定方向上的长度以及页面控件的指定点相对页面配置界面的位置信息；利用所述当前页面控件的控件信息对所述页面配置界面的已有页面控件布局信息进行更新，以根据更新后的页面控件布局信息生成用于页面展示的页面展示数据。利用本说明书各个实施例，可提高页面构建的便捷性及灵活性。

技术领域

本说明书涉及前端开发技术领域，特别地，涉及一种页面构建方法、装置及设备。

背景技术

金融机构的业务系统数量众多，各业务系统均涉及大量的前端设计及开发工作，而各页面系统的前端页面展现存在较多相似组件及布局，可以通过可视化布局的方式构建前端页面，以降低前端页面的开发工作量，提高开发效率。

为了保证页面构建的简便性以及页面代码生成的准确性，通常的可视化布局工具主要采用两种实现方式，第一种是预先对页面进行栅栏式布局，然后，再在该栅栏式布局的基础上进行控件的添加；第二种是先构建页面模板，用户再在页面模板的基础上根据需要对控件进行调整。但上述页面布局方式在一定程度上限定了控件的位置，不够灵活。因此，目前亟需一种在保证页面构建的简便性以及页面代码生成的准确性的基础上，更加灵活的页面构建方式。

发明内容

本说明书实施例的目的在于提供一种页面构建方法、装置及设备，可以进一步提高页面构建的便捷性及灵活性。

本说明书提供一种页面构建方法、装置及设备是包括如下方式实现的：

一种页面构建方法，所述方法包括：

接收用户对页面配置界面中的页面控件的操作信息；所述页面配置界面至少包括一个页面控件，所述页面控件用于可视化的表征页面展示元素的信息；

将所述操作信息所对应的页面控件作为当前页面控件，提取所述当前页面控件基于所述操作信息所确定的控件信息；其中，所述控件信息包括页面控件在指定方向上的长度以及页面控件的指定点相对页面配置界面的位置信息；

利用所述当前页面控件的控件信息对所述页面配置界面的已有页面控件布局信息进行更新，以根据更新后的页面控件布局信息生成用于页面展示的页面展示数据。

本说明书提供的所述方法的另一个实施例中，所述已有页面控件布局信息包括已布设的各页面控件的控件信息；更新所述已有页面控件布局信息，包括：在基于当前页面控件的控件信息与已布设的各页面控件的控件信息的比对结果确定当前页面控件与已布设的各页面控件存在重叠的情况下，提取当前页面控件相对所述页面配置界面的相对布设信息；利用所述当前页面控件相对所述页面配置界面的相对布设信息更新所述已有页面控件布局信息。

本说明书提供的所述方法的另一个实施例中，所述更新所述已有页面控件布局信息，包括：在基于当前页面控件的控件信息与已布设的各页面控件的控件信息的比对结果确定当前页面控件与已布设的各页面控件不存在重叠的情况下，若当前页面控件为页面配置界面的第一个布设的页面控件，则基于页面配置界面内预先设定的基准线，配置当前页面控件的行信息；其中，所述行信息包括行标识和行高度；所述行高度为包含当前页面控件的行与基准线之间的距离。

本说明书提供的所述方法的另一个实施例中，若当前页面控件不是页面配置界面的第一个布设的页面控件，则提取在所述指定方向上与当前页面控件的位置信息存在重合的已布设的页面控件，作为相交页面控件；利用所述当前页面控件与所述相交页面控件所在的行的位置关系，更新所述已有页面控件布局信息。

本说明书提供的所述方法的另一个实施例中，假设沿所述指定方向为向下，逆所述指定方向为向上；在上述假设下，以页面配置界面的下边界作为基准线。