[发明专利]一种动态组件化实现方法、装置、设备及存储介质

说明书

本发明公开了一种动态组件化实现方法、装置、设备及存储介质，所述方法包括：在页面创建后，从服务器获取为所述页面中各组件制定的数据协议；根据所述各组件的数据协议，分别为所述各组件创建用于管理组件状态的组件数据管理模型实例；创建所述各组件，并将创建的各组件与对应的所述组件数据管理模型实例进行绑定。本发明实现了在不更新包的情况下，通过调整后台服务器存储的组件的数据协议，利用用于管理组件状态的组件数据管理模型，来修改组件的使用情况。

技术领域

本发明涉及页面开发领域，尤其涉及一种动态组件化实现方法、装置、设备及存储介质。

背景技术

在页面开发时，首先进行组件的研发，然后基于ReactNative(跨平台移动应用开发框架)提供的原始框架由代码直接引入，然后在页面的渲染逻辑中完成组件的嵌套以及属性配置。当某些组件需要在另一页面中复用时，再次引用这些组件，在新页面中实现新的嵌套与属性配置逻辑。

然而由于原始框架不具有动态配置的特性，对于一个含有多个组件的页面，它对于组件的使用情况是提前确定的，使得开发的页面无法在不更新包的情况下，对组件的使用情况进行调整。

发明内容

鉴于上述问题，提出了本发明实施例以便提供一种动态组件化实现方法、装置、设备及存储介质。

依据本发明实施例的一个方面，提供一种动态组件化实现方法，包括：

在页面创建后，从服务器获取为所述页面中各组件制定的数据协议；

根据所述各组件的数据协议，分别为所述各组件创建用于管理组件状态的组件数据管理模型实例；

创建所述各组件，并将创建的各组件与对应的所述组件数据管理模型实例进行绑定。

可选地，所述数据协议中包括：组件标识和组件状态数据。

可选地，所述根据所述各组件的数据协议，分别为所述各组件创建用于管理组件状态的组件数据管理模型实例，包括：

根据所述各组件的数据协议中包含的组件标识，查找预先配置的第一配置表，获取与所述组件标识对应的组件数据管理模型的类型；

根据所述组件数据管理模型的类型，创建所述组件数据管理模型实例，并将所述数据协议中包含的组件状态数据设置到所述数据管理模型实例中。

可选地，所述创建所述各组件，包括：

根据所述各组件的组件标识，在预先配置的第二配置表中查找与所述组件标识对应的组件类型；

按照所述组件类型创建组件。

可选地，所述将创建的各组件与对应的所述组件数据管理模型实例进行绑定，具体包括：

在所述页面的渲染逻辑中，将创建的各组件与对应的所述组件数据管理模型实例进行绑定，以使创建的各组件在绑定的所述组件数据管理模型实例中取组件状态数据，进行组件渲染。

可选地，在页面创建前，还包括：

创建第一配置表，所述第一配置表中包含开发组件后按照组件标识注册到本配置表中的组件数据管理模型的类型。

可选地，在页面创建前，还包括：

创建第二配置表，所述第二配置表中包含开发组件后按照组件标识注册到本配置表中的组件类型。

可选地，开发组件的过程包括：

创建组件，并为所述组件创建用于管理组件状态的组件数据管理模型；

按照设定的数据协议格式，为所述组件制定所述数据协议；