[发明专利]页面配置方法、页面配置系统、电子设备和可读存储介质

说明书

本公开提供一种页面配置方法、页面配置系统、电子设备和可读存储介质。页面配置方法，应用于页面配置系统，所述页面配置系统包括控制设备和终端设备，所述方法包括以下步骤：所述控制设备生成可视化的配置页面；所述控制设备获取控件在所述配置页面中的显示状态，所述显示状态包括所述控件的显示位置和显示尺寸；所述控制设备根据所述显示状态生成控件参数，其中，所述控件参数包括所述控件的显示位置与所述配置页面的各边界之间的距离，以及所述显示尺寸与所述配置页面的尺寸的比例；所述控制设备向所述终端设备发送所述控件参数；所述终端设备根据所述终端设备的显示参数和所述控件参数确定所述控件在所述终端设备的显示状态。

技术领域

本公开实施例涉及计算机技术领域，尤其涉及一种页面配置方法、页面配置系统、电子设备和可读存储介质。

背景技术

可视化编辑器是一种脱离代码，从UI(User Interface，用户界面)层面更为简洁高效的配置动态页面的一种方式。开发人员只需要去做基础页面面板的开发，可以更高效的输出开发产品。

发明内容

第一方面，本公开实施例提供了一种页面配置方法，应用于页面配置系统，所述页面配置系统包括控制设备和终端设备，所述控制设备和所述终端设备通信连接，所述方法包括以下步骤：

所述控制设备生成可视化的配置页面；

所述控制设备获取控件在所述配置页面中的显示状态，所述显示状态包括所述控件的显示位置和显示尺寸；

所述控制设备根据所述显示状态生成控件参数，其中，所述控件参数包括所述控件的显示位置与所述配置页面的各边界之间的距离，以及所述显示尺寸与所述配置页面的尺寸的比例；

所述控制设备向所述终端设备发送所述控件参数；

所述终端设备根据所述终端设备的显示参数和所述控件参数确定所述控件在所述终端设备的显示状态。

第二方面，本公开实施例提供了一种页面配置方法，应用于页面配置系统中的控制设备，所述页面配置系统包括控制设备和终端设备，所述控制设备和所述终端设备通信连接，所述方法包括以下步骤：

生成可视化的配置页面；

获取控件在所述配置页面中的显示状态；

根据所述显示状态生成控件参数，其中，所述控件参数包括所述控件的显示位置与所述配置页面的各边界之间的距离，以及所述显示尺寸与所述配置页面的尺寸的比例；

向所述终端设备发送所述控件参数，以供所述终端设备根据所述终端设备的显示参数和所述控件参数确定所述控件在所述终端设备的显示状态。

在一些实施例中，所述控件包括第一控件和第二控件，所述获取控件在所述配置页面中的显示状态之前，所述方法还包括：

当接收到在所述配置页面上显示第二控件的显示指令的情况下，获取第一坐标参数，其中，所述第一坐标参数是根据显示于所述配置页面上的第一控件的位置确定的，或者所述第一坐标参数是根据所述配置页面上的预设参考位置确定的；

根据对于所述第二控件的调节指令确定所述第二控件的第二坐标参数；

在所述第一坐标参数中的目标坐标参数和相应的第二坐标参数的差值小于预设差异阈值的情况下，将所述第二坐标参数更新为所述目标坐标参数；

根据更新后的所述第二坐标参数更新所述第二控件的位置。

在一些实施例中，所述预设参考位置包括多条参考标志线。

在一些实施例中，所述根据所述显示状态生成控件参数之后，所述方法还包括：

获取所述控件的属性信息，所述属性信息包括所述控件与功能接口之间的绑定关系和所述控件与控制事件之间的对应关系中的至少一项；