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

说明书

本发明涉及人工智能技术领域，提供一种界面的可视化配置方法、装置、电子设备及存储介质，所述方法包括：获得可视化界面的URL；在可视化界面的URL中存在编辑模式标识后显示可视化编辑界面并加载第一蒙层；根据URL获得可视化配置组件并显示在第一蒙层中；在监听到被选定的第一蒙层中的目标可视化配置组件上加载第二蒙层；当侦测到预设的第一操作图标接收到触控指令时，展示多个配置参数选项；将用户输入的配置参数与目标可视化配置组件进行整合，实现可视化配置。本发明通过在可视化编辑界面上加载第一蒙层及在目标可视化配置组件上加载第二蒙层，快速的确定配置交互位置，提高了可视化的配置效率及正确率。

技术领域

本发明涉及人工智能技术领域，具体涉及一种界面的可视化配置方法、装置、电子设备及存储介质。

背景技术

随着互联网上的网页的改动需求量的增加，一些简单的文案、图片修改都会涉及到需求沟通，代码更新、测试、发布、验证，开发资源大量投入于提供简单、重复的劳动中，现有技术针对网页的修改配置大量的配置项，导致输入框堆砌，配置人员需仔细阅读每个配置项的标题后进行网页的配置项的修改，导致配置错误率高，特别是随着网站不停的改版，配置的页面也要随之调整，在配置时需开发人员修改代码，造成网页维护成本过高。

发明内容

鉴于以上内容，有必要提出一种界面的可视化配置方法、装置、电子设备及存储介质，通过在所述可视化编辑界面上加载第一蒙层及在目标可视化配置组件上加载第二蒙层，快速的确定交互配置位置，提高了可视化的配置效率及正确率。

本发明的第一方面提供一种界面的可视化配置方法，所述方法包括：

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

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

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

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

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

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

可选的，所述在所述目标可视化配置组件上加载第二蒙层包括：

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

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

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

可选的，所述判断所述可视化界面的URL中是否存在编辑模式标识包括：

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

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

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

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

可选的，所述根据所述可视化界面的URL获得所述可视化编辑界面的可视化配置组件包括：