[发明专利]界面的可视化配置方法、装置、电子设备及存储介质

权利要求书

1.一种界面的可视化配置方法，其特征在于，所述方法包括：

根据接收到的可视化配置请求获得可视化界面的URL，判断所述可视化界面的URL中是否存在编辑模式标识；

当确定所述可视化界面的URL中存在编辑模式标识时，显示所述可视化界面的URL对应的可视化编辑界面，并在所述可视化编辑界面加载第一蒙层；

根据所述可视化界面的URL获得所述可视化编辑界面的可视化配置组件并显示在所述第一蒙层中；

当监听到所述第一蒙层中的目标可视化配置组件被选定时，在所述目标可视化配置组件上加载第二蒙层；

当侦测到所述第二蒙层上预设的第一操作图标接收到触控指令时，在所述第二蒙层中展示与所述目标可视化配置组件相匹配的多个配置参数选项；

接收用户输入的配置参数，并将所述配置参数与所述目标可视化配置组件进行整合，实现所述可视化编辑界面的可视化配置。

2.如权利要求1所述的界面的可视化配置方法，其特征在于，所述在所述目标可视化配置组件上加载第二蒙层包括：

获取所述目标可视化配置组件的位置信息；

根据所述位置信息确定所述第二蒙层的覆盖面积及目标位置信息；

根据所述覆盖面积及所述目标位置信息创建第二蒙层，并将所述第二蒙层加载在所述目标可视化配置组件上。

3.如权利要求1所述的界面的可视化配置方法，其特征在于，所述判断所述可视化界面的URL中是否存在编辑模式标识包括：

解析所述可视化界面的URL得到多个关键字段；

识别所述多个关键字段中是否存在预设的编辑模式标识；

当所述多个关键字段中存在与所述预设的编辑模式标识相匹配的目标编辑模式标识时，确定所述可视化界面的URL中存在编辑模式标识；或者

当所述多个关键字段中不存在与所述预设的编辑模式标识相匹配的目标编辑模式标识时，确定所述可视化界面的URL中不存在编辑模式标识。

4.如权利要求1所述的界面的可视化配置方法，其特征在于，所述根据所述可视化界面的URL获得所述可视化编辑界面的可视化配置组件包括：

从所述可视化界面的URL中获取对应的可视化编辑界面的ID；

获取所述可视化编辑界面的ID对应的所有编辑元素的ID；

通过预设接口调用服务端的属性配置库中所述所有编辑元素的ID对应的可视化配置组件。

5.如权利要求1所述的界面的可视化配置方法，其特征在于，所述在所述第二蒙层中展示与所述目标可视化配置组件相匹配的多个配置参数选项之前，所述方法还包括：

设置所述第二蒙层的宽度为零，弹出所述目标可视化配置组件对应的可视化编辑弹窗，并在所述可视化弹窗中展示与所述目标可视化配置组件相匹配的多个配置参数选项。

6.如权利要求1所述的界面的可视化配置方法，其特征在于，所述将所述配置参数与所述目标可视化配置组件进行整合，实现所述可视化编辑界面的可视化配置包括：

获取所述可视化编辑界面输入的所有配置参数的ID；

根据每个配置参数的ID确定对应的目标可视化配置组件，其中，所述目标可视化配置组件中包含有目标位置信息；

将每个配置参数与对应的目标可视化配置组件进行关联；

将关联后的配置参数嵌入至所述可视化编辑界面对应的目标位置实现所述可视化编辑界面的可视化配置。

7.如权利要求1至6中任意一项所述的界面的可视化配置方法，其特征在于，所述方法还包括：

当侦测到所述第二蒙层上的预设的第二操作图标接收到触控指令时，触发所述预设的第二操作图标弹出目标可视化弹窗，并更新所述目标可视化弹窗中的编辑类型为可编辑类型。