[发明专利]基于低代码平台的弹窗控制方法及其相关设备

说明书

本申请实施例属于计算机技术领域，应用于智慧社区领域中，涉及一种基于低代码平台的弹窗控制方法及其相关设备，包括根据弹窗组件创建弹窗，在弹窗图层框中生成弹窗图层；将弹窗的弹窗名称和当前页面的页面名称关联存储至弹窗表中；当检测到用户点击任意页面时，基于弹窗表确定与被点击的页面的页面名称相关联的所有弹窗名称，作为关联弹窗名称，将关联弹窗名称对应的弹窗图层和弹窗分别作为关联弹窗图层和关联弹窗，将关联弹窗图层显示在弹窗图层框中；当识别到用户点击任意一个关联弹窗图层的编辑按钮时，显示关联弹窗，锁定剩余的关联弹窗图层和剩余的关联弹窗。其中，弹窗表可存储于区块链中。本申请实现可以分别编辑不同的弹窗。

技术领域

本申请涉及计算机技术领域，尤其涉及基于低代码平台的弹窗控制方法及其相关设备。

背景技术

低代码开发平台提供更高维和易用的可视化IDE。通过低代码平台，大多数情况下，开发者并不需要使用传统的手写代码方式进行编程，而是可以通过图形化拖拽、参数配置等更高效的方式完成开发工作。

但日常web应用中，常常会存在需要弹窗处理的情况。而目前低代码平台对弹窗的处理较少，且弹窗管理混乱。目前现有方案有以下几种，一种是直接通过代码编辑方式生成弹窗(灵雀)。一种是专门提供一个按钮配置弹窗(百度amis，github代码star8.7k)。还有一种方式是没有弹窗，通过新建页面方式。但这几种方式都不便于对弹窗进行管理。并且实际业务场景复杂时，可能会在一个页面同时存在多个弹窗行为。而目前没有相关实现方案。

发明内容

本申请实施例的目的在于提出一种基于低代码平台的弹窗控制方法及其相关设备，本申请实现可以分别编辑不同的弹窗。

为了解决上述技术问题，本申请实施例提供一种基于低代码平台的弹窗控制方法，采用了如下所述的技术方案：

一种基于低代码平台的弹窗控制方法，包括下述步骤：

确定用户在当前页面中拖动到预设工作面板的弹窗组件，根据所述弹窗组件创建对应的弹窗，并在预设的弹窗图层框中生成对应所述弹窗的弹窗图层；

将所述弹窗的弹窗名称和当前页面的页面名称关联存储至数据库的弹窗表中；

当检测到用户点击任意页面时，基于所述弹窗表确定与被点击的所述页面的页面名称相关联的所有弹窗名称，作为关联弹窗名称，将所述关联弹窗名称对应的所述弹窗图层和弹窗分别作为关联弹窗图层和关联弹窗，并将所述关联弹窗图层显示在所述弹窗图层框中；

当识别到用户点击任意一个所述关联弹窗图层的编辑按钮时，显示对应的所述关联弹窗图层的所述关联弹窗，并锁定剩余的所述关联弹窗图层和剩余的所述关联弹窗。

进一步的，在所述将所述关联弹窗图层显示在所述弹窗图层框中的步骤之后，还包括：

当检测到用户点击任意所述关联弹窗图层的可视按钮时，模糊所述工作面板的内容，显示对应的所述关联弹窗的内容。

进一步的，在所述锁定剩余的所述关联弹窗图层和剩余的所述关联弹窗的步骤之后，还包括：

识别用户对所述关联弹窗的内容是否有修改操作，若用户修改所述关联弹窗的内容，则获取修改后的内容并新建目标JSON，将所述修改后的内容存储至所述目标JSON中。

进一步的，所述根据所述弹窗组件创建对应的弹窗的步骤包括：

当检测到用户点击页面中的添加按钮时，获取预设的弹窗属性；

根据预设的弹窗组件和所述弹窗属性创建对应的弹窗。

进一步的，所述锁定剩余的所述关联弹窗的步骤包括：

基于所述关联弹窗名称和fixwindow函数，锁定除当前显示的所述关联弹窗以外的所有所述关联弹窗名称对应的关联弹窗和关联弹窗图层。