[发明专利]数据驱动视图的方法、装置、设备及存储介质

说明书

本发明实施例公开了一种数据驱动视图的方法、装置、设备及存储介质。所述数据驱动视图的方法包括：监测视图中各视图组件对应的属性的值的变化；在监测到第一属性的值发生变化时，重新渲染所述视图中与所述第一属性对应的视图组件。本发明实施例通过监测视图中各视图组件对应的属性的值的变化；仅重新渲染所述视图中与发生变化的属性对应的视图组件，可以简化视图渲染开发过程，降低开发成本，提高开发效率。

技术领域

本发明实施例涉及互联网应用技术领域，尤其涉及一种数据驱动视图的方法、装置、设备及存储介质。

背景技术

具备可视化人机交互界面的应用程序，普遍存在着数据与视图相互同步的需求。随着现代应用复杂度的不断提高，数据与视图的同步逻辑愈加复杂，据不完全统计，可视化应用首次交付测试后，发现由于视图与数据不同步造成的软件缺陷占比达50％以上。

目前，为了追求更高的视图更新性能，需要用户手动编写每个视图组件对应的Hook API，该Hook API根据原始传入数据和更新传入数据的差异，来决定是否对视图进行重新渲染。

一方面，Hook API的实现往往是繁琐且困难的，特别对于具有复杂多层次结构数据源的应用，可能需要极其复杂的逻辑判断。如果存在较多层次的JSX标签，那么还会带来更多重复的判断逻辑。

另一方面，重新渲染视图是自根达叶的，否则将有可能会意外地阻止了视图响应数据的变动，如果可变数据层级加深，这种逻辑将是极其冗余和低效的。

发明内容

本发明实施例提供一种数据驱动视图的方法、装置、设备及存储介质，可以简化视图渲染开发过程，降低开发成本，提高开发效率。

第一方面，本发明实施例提供了一种数据驱动视图的方法，该方法包括：

监测视图中各视图组件对应的属性的值的变化；

在监测到第一属性的值发生变化时，重新渲染所述视图中与所述第一属性对应的视图组件。

第二方面，本发明实施例还提供了一种数据驱动视图的装置，该装置包括：

监测模块，用于监测视图中各视图组件对应的属性的值的变化；

渲染模块，用于在监测到第一属性的值发生变化时，重新渲染所述视图中与所述第一属性对应的视图组件。

第三方面，本发明实施例还提供了一种设备，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明实施例任一所述的数据驱动视图的方法。

第四方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本发明实施例任一所述的数据驱动视图的方法。

本发明实施例通过监测视图中各视图组件对应的属性的值的变化；仅重新渲染所述视图中与发生变化的属性对应的视图组件，可以简化视图渲染开发过程，降低开发成本，提高开发效率。

附图说明

图1A是本发明实施例一提供的一种数据驱动视图的方法的流程图；

图1B是本发明实施例一提供的一种数据驱动视图的方法中的视图拆分的视图组件与属性的对应关系示意图；

图2是本发明实施例二提供的一种数据驱动视图的方法的流程图；

图3A是本发明实施例三提供的一种数据驱动视图的方法的流程图；

图3B是本发明实施例三提供的一种数据驱动视图的方法中的对象和视图组件对应关系示意图；