[发明专利]一种页面生成方法、装置、电子设备及介质

说明书

本发明适用于计算机技术领域，提供了一种页面生成方法、装置、电子设备及介质，该方法包括：接收页面请求，并根据页面请求获取目标地址；解析所述目标地址，获取待生成页面路径，并对待生成页面路径进行访问匹配，得到目标组件；根据目标组件获取待填充数据，并根据预设数据量对待填充数据进行筛选处理，得到目标填充数据；将目标填充数据填充至预设超文本标记语言模板，得到超文本标记语言文件；对超文本标记语言文件进行渲染处理，得到目标页面；通过采用该方法解决了现有技术中页面生成方式中页面文件过大所导致的页面显示效果差等问题。

技术领域

本发明涉及计算机技术领域，尤其涉及一种页面生成方法、装置、电子设备及介质。

背景技术

在传统的浏览器/服务器架构下，软件应用分为多页面应用和单页面应用。多页面应用可以合理利用后端优秀的计算能力生成超文本标记语言(Hyper Text MarkupLanguage，HTML)界面来展示给用户，但是在后续的操作体验及局部刷新方面显得比较生硬。单页面应用虽然解决了页面跳转和局部刷新方面的不足，但其在首次渲染时白屏时间过长。另外，由于单页面应用后端返回的是白屏，造成搜索引擎优化(Search EngineOptimization，SEO)不理想，从而影响搜索引擎排名。

发明内容

本发明提供一种页面生成方法、装置、电子设备及介质，以解决现有技术中页面生成方式中页面文件过大所导致的页面显示效果差等问题。

本发明提供的页面生成方法，包括：

接收页面请求，并根据所述页面请求获取目标地址；

解析所述目标地址，获取待生成页面路径，并对所述待生成页面路径进行访问匹配，得到目标组件；

根据目标组件获取待填充数据，并根据预设数据量对所述待填充数据进行筛选处理，得到目标填充数据；

将所述目标填充数据填充至预设超文本标记语言模板，得到超文本标记语言文件；

对所述超文本标记语言文件进行渲染处理，得到目标页面。

可选地，所述解析所述目标地址，获取待生成页面路径，并对所述待生成页面路径进行访问匹配，得到目标组件，包括：

获取所述待生成页面的属性信息和配置信息；

根据所述属性信息和所述配置信息对所述待生成页面路径进行访问匹配，得到目标组件。

可选地，所述根据所述属性信息和所述配置信息将所述待生成页面与所述待匹配组件进行匹配，得到目标组件之后，还包括：

通过所述目标组件判断是否需要拉取待展示数据，所述待填充数据包括待展示数据；

若是，则将所述待展示数据拉取并存储到目标存储空间；

可选地，所述根据所述属性信息和所述配置信息将所述待生成页面与所述待匹配组件进行匹配，得到目标组件，包括：

采用vue框架将超文本标记语言元素、元素布局、样式和业务逻辑封装到组件，得到待匹配组件；

将所述待匹配组件部署到目标服务器；

通过所述目标服务器响应所述页面请求；

基于所述属性信息和所述配置信息，采用所述目标服务器将所述待生成页面与所述待匹配组件进行匹配，得到目标组件。

可选地，所述根据预设数据量对所述待填充数据进行筛选处理，得到目标填充数据，包括：

获取所述待填充数据的数据量，并将所述待填充数据的数据量与所述预设数据量进行比对；

若所述待填充数据的数据量大于所述预设数据量，则对所述待填充数据进行筛选，得到目标填充数据；