一种基于Mock的数据调试方法技术

本发明专利技术涉及一种基于Mock的数据调试方法。本方法包括：把当前页面的描述信息和结构的DSL传入视图编辑器的内部状态模块进行初始化，并对各组件的字段进行整合；按照初始化拷贝、选择性更新的方式，内部状态模块对页面的数据变量进行拷贝和隔离；组件数据模型层从内部状态模块获取当前页面的信息，计算得出当前组件的组件模型并提取组件渲染器需要的信息，调用相应的组件渲染器；组件渲染器通过组件模型对组件进行渲染。本方法通过引入数据隔离机制，在编辑器中为组件设置Mock数据检查组件的运行效果，而不影响页面在渲染器的实际运行，与传统低代码开发模式相比，本方法能够显著提高组件开发和调试的效率，优化整体的开发流程。

【技术实现步骤摘要】

本专利技术属于数据调试方法，尤其涉及一种基于mock的数据调试方法，本方法适用于前端领域的低代码开发场景。

技术介绍

1、在前端领域的低代码开发场景中，页面开发的最基本单元是组件，并且随着业务复杂度的不断上升，通常还需要基于基础组件拼凑出系列的业务组件。

2、业务组件通常是业务数据的展示，或与业务逻辑相关的界面操作。即使在可视化开发的场景下，也面临着和传统开发相似的情况，业务组件的数据依旧需要等到后端提供对应的接口或数据后才能进行对接，而且使用可视化开发的组件和传统编码开发的组件相比，通常会面临调试困难的问题，需要在该业务组件运行过程中对实际运行效果进行不断调试，以判断该业务组件是否能够正常工作。由于当前使用的低代码开发组件的模式在数据调试上存在短板，在组件调试上也存在缺陷，从而极大地降低了开发的效率。

技术实现思路

1、为了克服现有低代码开发组件的模式在数据调试和组件调试上存在的上述缺陷，提高开发的效率，本专利技术提出了一种新的基于mock的数据调试方法。

2、术语解释

本文档来自技高网...

【技术保护点】

1.一种基于Mock的数据调试方法，其特征在于，所述基于Mock的数据调试方法是针对低代码开发平台前端视图编辑器组件的数据调试方法，本方法包括：

2.根据权利要求1所述的基于Mock的数据调试方法，其特征在于，步骤S1中所述的内部状态模块用于管理应用的状态和当前的编辑信息，所述内部状态模块具备数据驱动能力，当视图编辑器的内部状态发生变化时，内部状态模块驱动渲染器重新渲染并更新视图；

3.根据权利要求2所述的基于Mock的数据调试方法，其特征在于，所述内部状态模块的数据驱动能力是指追踪数据的变化进而驱动视图更新的能力，该能力通过前端框架Vue、React、或者观察-...

【技术特征摘要】

1.一种基于mock的数据调试方法，其特征在于，所述基于mock的数据调试方法是针对低代码开发平台前端视图编辑器组件的数据调试方法，本方法包括：

2.根据权利要求1所述的基于mock的数据调试方法，其特征在于，步骤s1中所述的内部状态模块用于管理应用的状态和当前的编辑信息，所述内部状态模块具备数据驱动能力，当视图编辑器的内部状态发生变化时，内部状态模块驱动渲染器重新渲染并更新视图；

3.根据权利要求2所述的基于mock的数据调试方法，其特征在于，所述内部状态模块的数据驱动能力是指追踪数据的变化进而驱动视图更新的能力，该能力通过前端框架vue、react、或者观察-订阅者模式的程序来实现。

4.根据权利要求2所述的基于mock的数据调试方法，其特征在于，步骤s1中所述的各组件的字段包括：页面的结构、页面的事件、页面的生命周期、组件的入参、组件的样式、组件的样式名称、渲染组件、组件的子节点。

5.根据权利要求2所述的基于mock的数据调试方法，其特征在于，步骤s2中包括：

6.根据权利要求5所述的基于mock的数据调试方法，其特征在于，步骤s23中所述的补充或更新独立字段的内容，包括：更新之前检测当前独立字段的值和页面的数据变量是否是拷贝关系，如果是拷贝...

【专利技术属性】
技术研发人员：孙晓杰，林智，
申请(专利权)人：赞同科技股份有限公司，
类型：发明
国别省市：