一种分步存储的低代码开发方法

技术领域

本发明涉及低代码开发技术领域，具体涉及一种分步存储的低代码开发方法。

背景技术

低代码技术，是一种通过在图形界面中使用可视化建模来组装和配置应用程序，开发过程基本不需要涉及代码操作的软件开发工具的系统开发技术。与传统的系统开发相比，低代码平台具有全栈可视化编辑、全生命周期管理以及低代码扩展能力的特点，只需要在少数情况下才写代码，其他绝大多数情况下都可以通过可视化、拖拉拽配置等非代码方式解决。

数据可视化应用是低代码开发平台的发展趋势，通过模块化的方式布局，在大屏上的图表、模块位置采用拖拽编辑。在多数可拖拽的可视化大屏中，都是基于基本图表和文字图片定制化布局生成自行配置的大屏，通过输入绑定本地数据库、API接口、Excel方式自由配置大屏显示的数据。

然而，目前所有的数据可视化应用开发平台，都采用实时保存或者定时保存大屏内所有的状态组件的存储方式，每次保存都采用全部数据保存机制。在大屏中组件较多的情况下，每一次保存需要消耗大量的内存，容易导致大屏卡顿的情况，而实际仅仅调整某个模块的位置、大小等参数。除此，当组件数据源来源于API接口或者视频组件数据源时，配置数据刷新频率保存该组件后，数据实时请求，导致该组件的数据一直刷新，占用线程。

因此，怎样降低大屏卡顿情况，缓解后台服务器的压力，成为目前亟待解决的问题。

发明内容

针对上述现有技术的不足，本发明提供了一种分步存储的低代码开发方法，可以有效的降低大屏卡顿情况，缓解后台服务器的压力。

为了解决上述技术问题，本发明采用了如下的技术方案：

一种分步存储的低代码开发方法，包括以下步骤：

S1、创建数据可视化大屏，所述可视化大屏包括编辑区域；

S2、拖拽组件至编辑区域，对编辑区域内的组件进行属性配置和数据源设置；

S3、对组件的配置过程进行监控，并按照预设的更新频率判断被监控组件的属性是否有更新，若某组件的属性无更新且无更新的时间超过预设的锁定时长，则将该组件进行锁定；若存在属性更新的组件，则将已锁定组件外的其余组件的属性更新；

S4、所有组件均配置完毕且保存后，将数据可视化大屏发布，生成发布链接并存储至服务器中。

优选地，S2中，配置某组件的属性时，若该组件为锁定状态，则通过预设的解锁操作解除该组件的锁定状态后，再进行编辑。

优选地，S2包括：

S201、将组件从系统图表组件库中拖拽至大屏编辑区域；

S202、对组件进行通用属性配置；所述通用属性包括基础信息、尺寸与位置；

S203、根据组件的类型，对组件进行特殊属性配置、数据源配置及数据刷新频率配置；所述类型包括数据统计组件和工业组件。

优选地，S203中，若组件为数学统计组件，则配置的特殊属性包括配色和图注，数据源配置包括静态数据、动态数据、SQL数据和设备数据。

优选地，S203，若组件为工业组件，则配置的属性包括图像镜像和动画颜色，数据源配置包括物联网设备。

优选地，S3中，所述锁定时长为150-220秒。

优选地，S3中，所述更新频率为15-25次/分钟。

优选地，S4中，通过手动保存的方式对组件进行保存。

本发明与现有技术相比，具有如下有益效果：

1.使用本方法，在创建可视化大屏后，将组件拖拽至编辑区域进行属性配置时，会对组件的属性配置过程进行监控，并且会并按照预设的更新频率判断被监控组件的属性是否有更新。如果某组件的属性无更新且无更新的时间超过预设的锁定时长，则说明该组件极有可能已经配置完成，其属性不会再变更。因此，本方法会将该组件进行锁定。当某组件的属性内容发生变更，需要进行属性更新时，将已锁定组件外的其余组件的属性更新即可。

换个说法，使用本方法，可以自动对已经完成属性配置的组件进行识别，并将其锁定。当后续进行属性更新时，被锁定的组件的属性数据无需再请求组件模型保存线程。这样，随着各组件逐渐配置完成，数据保存时请求线程的次数会越来越少，提升保存的效率。除此，采用组件模型锁定方式，在组件数据源来源刷新频率是为实时时，还可以降低前端数据请求压力和后端数据推送压力。

综上，本方法可以降低大屏卡顿的情况，减轻服务器的压力。

2. 如果配置某组件的属性时该组件为锁定状态，可以通过预设的解锁操作（如双击该组件）解除该组件的锁定状态后，再进行配置。这样，即使需要对某个被锁定的组件进行再次配置，也可以快速完成操作。

3.对组件进行属性配置时，会进行通用属性配置、特殊属性配置、数据源配置及数据刷新频率配置，并且，除了通用属性配置外，会结合组件的类型进行配置，可以对各组件进行合理且全面的配置，保证组件模型的完善性和合理性。

4. 锁定时长为150-220秒，可以避免锁定过快导致需要频繁的对被锁定的组件解决，也可以避免锁定过慢，导致减低大屏卡顿的效果非常缓慢、有限。更新频率为15-25次/分钟，则可以保证对各组件的变更属性的存储及时性。

5. 所有组件均配置完后，通过手动保存的方式对组件进行保存，可保证所有组件均能够成功保存。

6．数据可视化大屏发布后，生成发布链接存储至服务器中，用户通过链接+大屏创建时的保护密码，即可访问数据。

附图说明

为了使发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明作进一步的详细描述，其中：

图1为实施例中的流程图。

具体实施方式

下面通过具体实施方式进一步详细的说明：

实施例：

如图1所示，本实施例中公开了一种分步存储的低代码开发方法，包括以下步骤：

S1、创建数据可视化大屏，所述可视化大屏包括编辑区域；

S2、拖拽组件至编辑区域，对编辑区域内的组件进行属性配置和数据源设置；具体地，步骤2包括：

S201、将组件从系统图表组件库中拖拽至大屏编辑区域；

S202、对组件进行通用属性配置；所述通用属性包括基础信息、尺寸与位置；

S203、根据组件的类型，对组件进行特殊属性配置、数据源配置及数据刷新频率配置；所述类型包括数据统计组件和工业组件。若组件为数学统计组件，则配置的特殊属性包括配色和图注，数据源配置包括静态数据、动态数据、SQL数据和设备数据。若组件为工业组件，则配置的属性包括图像镜像和动画颜色，数据源配置包括物联网设备。

S3、对组件的配置过程进行监控，并按照预设的更新频率判断被监控组件的属性是否有更新，若某组件的属性无更新且无更新的时间超过预设的锁定时长，则将该组件进行锁定；若存在属性更新的组件，则将已锁定组件外的其余组件的属性更新。其中，所述锁定时长为150-220秒。本实施例中，锁定时长为180秒。这样，可以避免锁定过快导致需要频繁的对被锁定的组件解决，也可以避免锁定过慢，导致减低大屏卡顿的效果非常缓慢、有限。所述更新频率为15-25次/分钟，本实施例中更新评率为20次/分钟，即每3秒一次。这样的更新频率，可以保证对各组件的变更属性的存储及时性。

S4、所有组件均配置完毕且保存后，将数据可视化大屏发布，生成发布链接并存储至服务器中。具体实施时，通过手动保存的方式对组件进行保存。这样，可保证所有组件均能够成功保存。

其中，S2中配置某组件的属性时，若该组件为锁定状态，则通过预设的解锁操作解除该组件的锁定状态后，再进行编辑。本实施例中，解锁操作为双击锁定状态的组件。这样，即使需要对某个被锁定的组件进行再次配置，也可以快速完成操作。

使用本方法，在创建可视化大屏后，将组件拖拽至编辑区域进行属性配置时，会对组件的属性配置过程进行监控，并且会并按照预设的更新频率判断被监控组件的属性是否有更新。如果某组件的属性无更新且无更新的时间超过预设的锁定时长，则说明该组件极有可能已经配置完成，其属性不会再变更。因此，本方法会将该组件进行锁定。当某组件的属性内容发生变更，需要进行属性更新时，将已锁定组件外的其余组件的属性更新即可。换个说法，使用本方法，可以自动对已经完成属性配置的组件进行识别，并将其锁定。当后续进行属性更新时，被锁定的组件的属性数据无需再请求组件模型保存线程。这样，随着各组件逐渐配置完成，数据保存时请求线程的次数会越来越少，提升保存的效率。除此，采用组件模型锁定方式，在组件数据源来源刷新频率是为实时时，还可以降低前端数据请求压力和后端数据推送压力。综上，本方法可以降低大屏卡顿的情况，减轻服务器的压力。

为便于理解，提供以下两个示例进行说明：

示例一

创建工厂生产经营管理数据可视化大屏，大屏尺寸：宽度1920像素、高度1080像素，大屏主要显示工厂生产订单数据、销售订单数据、库存、厂区动态，大屏密码******；基于基础信息创建完成的数据可视化大屏，添加数据大屏背景图片或者背景颜色。

添加文字组件、折线图组件、柱状图组件、表格组件。

文字组件：标题：产线联系电话；提示语：截止目前库存量；组件尺寸：宽度179.58像素、高度40像素；位置：（-12.47,314.48），组件模型属性的尺寸位置自动获取，该组件无数据源。

折线图组件：标题：生产订单；提示语：近七天生产订单数据统计；组件尺寸：宽度600像素、高度300像素；位置：（1.66,381.98），组件模型属性的尺寸位置自动获取，该组件数据源API：生产订单系统中订单每日订单数API，数据刷新频率：每天24:00。

柱状图组件：标题：销售订单；提示语：近七天销售订单数据统计；组件尺寸：宽度600像素、高度300像素；位置：（200.66,381.98），组件模型属性的尺寸位置自动获取，该组件数据源API：销售订单系统中订单每日订单数API，数据刷新频率：每天24:00。

表格组件：标题：厂区动态；提示语：最新资讯；组件尺寸：宽度600像素、高度300像素；位置：（200.66,681.98），组件模型属性的尺寸位置自动获取，该组件数据源API：销售签单详情API，数据刷新频率：每小时。

在配置上述的四个组件过程中，文字组件【产线联系电话】编辑过程中，监控组件状态并3S 请求一次保存；在编辑柱状图组件【销售订单】时，文字组件【产线联系电话】未进行编辑操作，其组件数据属性未发生变化，180S后锁定【产线联系电话】的组件数据。后续在编辑折线图组件【生产订单】和表格组件【厂区动态】时，柱状图组件【销售订单】在180S内未发生变化被锁定，那么，之后只需请求折线图组件【生产订单】和表格组件【厂区动态】这2个组件数据模型保存的线程。

基于工厂生产经营管理数据可视化大屏中所有编辑状态的组件和锁定状态的组件，在编辑完成后，手动保存组件数据模型。点击发布，生成发布链接，存储至服务器中，用户通过链接+大屏创建时的保护密码，即可访问数据。

示例二

创建CNC机床监控数据可视化大屏，大屏尺寸：宽度1920像素、高度1080像素，大屏主要显示机床开机状态、机床运行时间、能耗数据，大屏密码******；

基于基础信息创建完成的数据可视化大屏，添加数据大屏背景图片或者背景颜色。

添加CNC机床图片、开关装置、电流表组件、电压表组件。

图片组件：标题：CNC机床；组件尺寸：宽度200像素、高度40像素；位置：（18.47,314.48），组件模型属性的尺寸位置自动获取，该组件无数据源。

开关装置组件：标题：开关；提示语：当前状态；组件尺寸：宽度40像素、高度40像素；位置：（1.66,381.98），组件模型属性的尺寸位置自动获取，该组件数据来源物联网设备，数据刷新频率：实时。

电流表组件：标题：电流；组件尺寸：宽度50像素、高度50像素；位置：（200.66,381.98），组件模型属性的尺寸位置自动获取，该组件数据来源物联网设备，数据刷新频率：实时。

电压表组件：标题：电压；组件尺寸：宽度50像素、高度50像素；位置：（200.66,681.98），组件模型属性的尺寸位置自动获取，该组件数据来源物联网设备，数据刷新频率：实时。

在配置上述的四个组件过程中，图片组件【CNC机床】编辑过程，监控前端组件状态，3S 请求一次保存；数据为静态图片，在持续180S属性未发生变化后，锁定图片组件【CNC机床】的组件数据；

【开关装置】、【电流表】、【电压表】数据实时请求，在局部组件保存，编辑调试过程，后端设备数据一直往前台发送，数据状态实时更新，造成前端数据接口请求压力，实时监测三个组件属性的更新状态，其中一个组局在180S组件锁定状态后，后端数据无需向前端编辑页面发送，该组件数据模型状态锁定。降低前端数据请求压力和后端数据推送压力。

基于CNC机床监控数据可视化大屏中所有编辑状态的组件和锁定状态的组件，在编辑完成后，手动保存组件数据模型。点击发布，生成发布链接，存储至服务器中，用户通过链接+大屏创建时的保护密码，即可访问数。

最后需要说明的是，以上实施例仅用以说明本发明的技术方案而非限制技术方案，本领域的普通技术人员应当理解，那些对本发明的技术方案进行修改或者等同替换，而不脱离本技术方案的宗旨和范围，均应涵盖在本发明的权利要求范围当中。