[发明专利]基于集成化组件构建前端页面的方法、装置及电子设备

权利要求书

1.一种基于集成化组件构建前端页面的方法，其特征在于，包括：

创建多个集成化组件并存储，其中，每个集成化组件包括多个用于实现相同页面功能的子组件；

依据页面需求选取一个或多个集成化组件，并配置所述集成化组件的数据结构；

解析所述数据结构，将解析后得到的数据分别传入对应的子组件中，通过各个子组件响应数据进行页面刷新渲染。

2.根据权利要求1所述的基于集成化组件构建前端页面的方法，其特征在于，创建所述集成化组件并存储的方法包括：

根据集成化组件要实现的页面功能去选择多个功能单一的子组件；

根据各个子组件功能和在页面的位置，设置各个子组件在集成化组件内部的位置和具体表现样式，封装得到所述集成化组件；

将所述集成化组件存储到集成化组件库中。

3.根据权利要求2所述的基于集成化组件构建前端页面的方法，其特征在于，将所述集成化组件按照页面功能分类，包括：布局类组件、数据展示类组件、表单类组件和混合功能类组件。

4.根据权利要求2或3所述的基于集成化组件构建前端页面的方法，其特征在于，根据各个子组件功能和在页面的位置，设置各个子组件在集成化组件内部的位置和具体表现样式的方法包括：

在保留各个子组件原有方法和基本事件的基础上，通过方法调用的方式实现各个子组件的方法交互，并且通过事件触发的方式实现各个子组件的事件交互；

在集成化组件内部配置各个子组件之间的渲染逻辑，同时预实现各个子组件的渲染样式。

5.根据权利要求4所述的基于集成化组件构建前端页面的方法，其特征在于，预实现各个子组件的渲染样式的方法包括css技术、less技术或sass技术。

6.根据权利要求4所述的基于集成化组件构建前端页面的方法，其特征在于，配置所述集成化组件的数据结构的方法包括：

配置每个子组件的开关数据，所述开关数据用于设置各个子组件是否需要渲染；

配置需要渲染的子组件的基础数据，所述基础数据用于子组件的正常显示和使用；

配置需要渲染的子组件渲染完成后要执行的方法数据和事件数据。

7.根据权利要求6所述的基于集成化组件构建前端页面的方法，其特征在于，配置所述集成化组件的数据结构的方法还包括：

利用需要渲染的子组件的自定义接口，根据业务需求配置需要渲染的子组件的自定义渲染样式数据、自定义事件数据、自定义方法数据中的一个或多个。

8.根据权利要求7所述的基于集成化组件构建前端页面的方法，其特征在于，解析所述数据结构，将解析后得到的数据分别传入对应的子组件中，通过各个子组件响应数据进行页面刷新渲染的方法包括：

利用所述集成化组件对应的生命周期钩子函数，解析所述集成化组件的数据结构；

将解析后得到的子组件的开关数据、基础数据、方法数据和事件数据传送给对应的子组件，同时各子组件响应接收到的数据进行web页面的刷新，以实现web页面的渲染。

9.一种基于集成化组件构建前端页面的装置，其特征在于，包括组件创建模块、组件配置模块及解析渲染模块，其中，

所述组件创建模块用于创建多个集成化组件并存储，其中，每个集成化组件包括多个子组件；

所述组件配置模块用于依据页面需求选取一个或多个集成化组件，并配置所述集成化组件的数据结构；

所述解析渲染模块用于解析所述数据结构，并解析后的数据分别传入对应的子组件中，通过各个子组件响应数据进行页面刷新渲染。

10.一种电子设备，其特征在于，所述电子设备包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行前述权利要求1-8任一项所述的基于集成化组件构建前端页面的方法。