[发明专利]页面生成方法、装置、计算机设备和存储介质

说明书

本申请涉及一种页面生成方法、装置、计算机设备和存储介质。该方法包括：接收当前页面数据和当前组件列表信息，当前组件列表包括当前组件信息，当前组件信息是当前组件的组件信息，当前组件是与实际业务相对应的组件，根据当前组件列表信息查找与当前组件信息匹配的目标组件文件，通过预设打包命令对目标组件文件进行打包，得到打包后的组件页面文件，根据组件页面文件和当前页面数据渲染得到目标组件页面。采用本方法能够按需组件列表动态拉取组件代码，避免生成的页面中引入不需要用到的组件文件，有效地减小页面加载量。

技术领域

本申请涉及计算机技术领域，特别是涉及一种页面生成方法、装置、计算机设备和存储介质。

背景技术

目前，后端在渲染页面时，会把组件库中所有开发的组件都打包成一个组件文件，将这个组件文件载入到页面中，然而，即使该页面没有使用到的组件代码，也会加载到页面中，造成了页面加载量变大。

发明内容

基于此，有必要针对上述技术问题，提供一种页面生成方法、装置、计算机设备和存储介质，按需组件列表动态拉取组件代码，避免生成的页面中引入不需要用到的组件文件，有效地减小页面加载量。

一种页面生成方法，该方法包括：

接收当前页面数据和当前组件列表信息，当前组件列表包括当前组件信息，当前组件信息是当前组件的组件信息，当前组件是与实际业务相对应的组件；

根据当前组件列表信息查找与当前组件信息匹配的目标组件文件；

通过预设打包命令对目标组件文件进行打包，得到打包后的组件页面文件；

根据组件页面文件和当前页面数据渲染得到目标组件页面。

在其中一个实施例中，通过预设打包命令对目标组件文件进行打包之前，还包括：检测输出指定目录中是否存在当前组件信息对应的当前组件文件；在输出指定目录中不存在当前组件信息对应的当前组件文件时，进入步骤通过预设打包命令对目标组件文件进行打包，得到打包后的组件页面文件；在输出指定目录中存在当前组件信息对应的当前组件文件时，根据当前组件文件渲染得到目标组件页面。

在其中一个实施例中，检测输出指定目录中是否存在当前组件信息对应的当前组件文件，包括：根据当前组件列表信息查找与当前组件信息对应的当前组件标识；获取当前组件信息对应的当前组件所属的当前组件库版本号，根据当前组件标识和当前组件库版本号合成当前组件文件名称；获取输出指定目录中候选组件文件集合，候选组件文件集合包括至少一个候选组件文件，候选组件文件关联有候选组件文件名称；根据候选组件文件名称和当前组件文件名称确定输出指定目录中是否存在当前组件文件名称对应的当前组件文件。

在其中一个实施例中，根据候选组件文件名称和当前组件文件名称确定输出指定目录中是否存在当前组件文件名称对应的当前组件文件，包括：在当前候选组件文件名称与当前组件名称相同时，确定当前候选组件文件名称对应的当前候选组件文件为当前组件文件名称对应的当前组件文件；在当前候选组件名称与当前组件名称不同时，确定输出指定目录中不存在当前组件文件名称对应的当前组件文件。

在其中一个实施例中，根据当前组件标识和当前组件库版本号合成当前组件文件名称，包括：获取当前组件对应的当前组件名称；根据当前组件名称、当前组件标识和当前组件库版本号拼接成当前组件文件名称。

在其中一个实施例中，通过预设打包命令对目标组件文件进行打包，得到打包后的组件页面文件，包括：清空打包指令目录，将目标组件文件复制到打包指定目录中；调用配置指定目录中的目标配置文件，根据目标配置文件、目标组件文件生成组件页面文件。

在其中一个实施例中，根据组件页面文件和当前页面数据渲染得到目标组件页面，包括：将当前组件文件名称确定为组件页面文件关联的组件文件名称；将组件页面文件复制至渲染指定目录中，前端渲染应用从渲染指定目录中调取组件页面文件，根据当前页面数据和组件页面文件生成目标组件页面。