[发明专利]页面显示方法、装置、电子设备及计算机可读存储介质

说明书

本发明实施例提供一种页面显示方法、装置、电子设备及计算机可读存储介质，其中所述方法包括：获取待显示的超文本标记语言HTML文件，其中所述HTML文件中包括基础页面和嵌套于所述基础页面中的至少一个待渲染模块；渲染所述基础页面后，对任一个待渲染模块，确定满足所述待渲染模块的渲染条件时，根据所述待渲染模块的第一属性调用对应的已注册的组件，根据所述待渲染模块的第二属性将所述组件实例化，并对实例化后的组件进行渲染；其中，所述组件是在所述组件实例化之前通过所述组件的名称或文件路径进行注册的。从而实现组件灵活扩展和使用，提升前端页面的开发和维护效率。

技术领域

本发明涉及计算机技术领域，尤指一种页面显示方法、装置、电子设备及计算机可读存储介质。

背景技术

在日常的页面开发过程中，为了减少代码冗余量，提高开发效率，都会考虑到使用组件化思想：对于相同或者相似页面元素，往往都是将该页面元素组件化，对于不同的前框框架而言引入和使用方式皆有不同，传统方式使用过程中，都需要在各页面中单独引入并注册才可以使用，在组件粒度较小的情况下，需注册多次，并且不能够灵活的修改和更新组件，尤其是碰到页面信息比较大的页面，加载时会非常占用时间，页面呈现效果不佳，用户体验差；页面中包含多个不同组件时，传统的静态定义和注册方式，虽然代码上看上去比较整齐，但是不能够灵活配置，在业务需求变更，需要增减或者更改组件时需要到也页面将多余和无用的组件删除，再将新的需求组件引入和注册，如此维护比较耗时且容易搞混。

发明内容

本发明实施例提供一种页面显示方法、装置、电子设备及计算机可读存储介质，用以提高前端页面的开发效率与降低维护难度。

本发明实施例提供了一种页面显示方法，包括：

获取待显示的超文本标记语言HTML文件，其中所述HTML文件中包括基础页面和嵌套于所述基础页面中的至少一个待渲染模块；

渲染所述基础页面后，对任一个待渲染模块，确定满足所述待渲染模块的渲染条件时，根据所述待渲染模块的第一属性调用对应的已注册的组件，根据所述待渲染模块的第二属性将所述组件实例化，并对实例化后的组件进行渲染；

其中，所述组件是在所述组件实例化之前通过所述组件的名称或文件路径进行注册的。

可选地，通过如下方式对所述组件进行注册：

若成功获得到所述组件的名称，则通过所述组件的名称对所述组件进行注册；

若未成功获取到所述组件的名称，则通过所述组件的文件路径对所述组件进行注册。

可选地，所述组件是根据HTML文件中设置的中间文件的名称和文件路径，调用对应的中间文件后，根据所述中间文件中的注册指令指示的组件的名称或文件路径注册的。

可选地，所述已注册的组件是在外部配置文件中定义的组件。

可选地，所述待渲染模块的渲染条件包括所述待渲染模块对应的预设事件被触发。

可选地，根据所述待渲染模块的设置属性将所述组件实例化，包括：

通过prop函数将所述待渲染模块的设置属性的数据传递给所述组件，以实现所述组件的实例化。

可选地，所述组件通过工厂函数定义。

基于同一发明构思，本发明实施例还提供了一种页面显示装置，包括：

加载模块，用于获取待显示的超文本标记语言HTML文件，其中所述HTML文件中包括基础页面和嵌套于所述基础页面中的至少一个待渲染模块；

渲染模块，用于渲染所述基础页面后，对任一个待渲染模块，确定满足所述待渲染模块的渲染条件时，根据所述待渲染模块的第一属性调用对应的已注册的组件，根据所述待渲染模块的第二属性将所述组件实例化，并对实例化后的组件进行渲染；