一种页面生成方法、装置、电子设备及介质制造方法及图纸

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

【技术实现步骤摘要】
一种页面生成方法、装置、电子设备及介质


[0001]本专利技术涉及计算机
，尤其涉及一种页面生成方法、装置、电子设备及介质。

技术介绍

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

技术实现思路

[0003]本专利技术提供一种页面生成方法、装置、电子设备及介质，以解决现有技术中页面生成方式中页面文件过大所导致的页面显示效果差等问题。
[0004]本专利技术提供的页面生成方法，包括：
[0005]接收页面请求，并根据所述页面请求获取目标地址；
[0006]解析所述目标地址，获取待生成页面路径，并对所述待生成页面路径进行访问匹配，得到目标组件；
[0007]根据目标组件获取待填充数据，并根据预设数据量对所述待填充数据进行筛选处理，得到目标填充数据；
[0008]将所述目标填充数据填充至预设超文本标记语言模板，得到超文本标记语言文件；
[0009]对所述超文本标记语言文件进行渲染处理，得到目标页面。
[0010]可选地，所述解析所述目标地址，获取待生成页面路径，并对所述待生成页面路径进行访问匹配，得到目标组件，包括：
[0011]获取所述待生成页面的属性信息和配置信息；
[0012]根据所述属性信息和所述配置信息对所述待生成页面路径进行访问匹配，得到目标组件。
[0013]可选地，所述根据所述属性信息和所述配置信息将所述待生成页面与所述待匹配组件进行匹配，得到目标组件之后，还包括：
[0014]通过所述目标组件判断是否需要拉取待展示数据，所述待填充数据包括待展示数据；
[0015]若是，则将所述待展示数据拉取并存储到目标存储空间；
[0016]可选地，所述根据所述属性信息和所述配置信息将所述待生成页面与所述待匹配组件进行匹配，得到目标组件，包括：
[0017]采用vue框架将超文本标记语言元素、元素布局、样式和业务逻辑封装到组件，得到待匹配组件；
[0018]将所述待匹配组件部署到目标服务器；
[0019]通过所述目标服务器响应所述页面请求；
[0020]基于所述属性信息和所述配置信息，采用所述目标服务器将所述待生成页面与所述待匹配组件进行匹配，得到目标组件。
[0021]可选地，所述根据预设数据量对所述待填充数据进行筛选处理，得到目标填充数据，包括：
[0022]获取所述待填充数据的数据量，并将所述待填充数据的数据量与所述预设数据量进行比对；
[0023]若所述待填充数据的数据量大于所述预设数据量，则对所述待填充数据进行筛选，得到目标填充数据；
[0024]若所述待填充数据的数据量小于或等于所述预设数据量，则确定所述待填充数据为目标填充数据。
[0025]可选地，所述根据目标组件获取待填充数据的数据量之后，还包括：
[0026]将所述待填充数据划分为过滤数据和目标填充数据；
[0027]将过滤数据和目标填充数据中的至少一种数据添加数据标识，并根据所述数据标识将所述目标填充数据填充至所述超文本标记语言模板。
[0028]可选地，所述将所述目标填充数据填充至预设超文本标记语言模板，得到超文本标记语言文件，包括：
[0029]获取系统信息，并根据所述系统信息和所述目标地址确定上下文信息；
[0030]将所述目标填充数据和所述上下文信息填充至所述预设超文本标记语言模板，得到超文本标记语言文件。
[0031]本专利技术还提供了一种页面生成装置，包括：
[0032]目标地址模块，用于接收页面请求，并根据所述页面请求获取目标地址；
[0033]组件匹配模块，用于解析所述目标地址，获取待生成页面路径，并对所述待生成页面路径进行访问匹配，得到目标组件；
[0034]数据筛选模块，用于根据目标组件获取待填充数据，并根据预设数据量对所述待填充数据进行筛选处理，得到目标填充数据；
[0035]数据填充模块，用于将所述目标填充数据填充至预设超文本标记语言模板，得到超文本标记语言文件；
[0036]页面生成模块，用于对所述超文本标记语言文件进行渲染处理，得到目标页面，所述目标地址模块、所述组件匹配模块、所述数据筛选模块、所述填充模块和所述页面生成模块相连接。
[0037]本专利技术还提供一种电子设备，包括：处理器及存储器；
[0038]所述存储器用于存储计算机程序，所述处理器用于执行所述存储器存储的计算机程序，以使所述电子设备执行所述页面生成方法。
[0039]本专利技术还提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上述所述页面生成方法。
[0040]本专利技术的有益效果：本专利技术中的页面生成方法，通过接收页面请求，接收页面请求，并根据页面请求获取目标地址；将目标地址所指向的待生成页面与待匹配组件进行匹配，得到目标组件；根据目标组件获取待填充数据，并根据预设数据量对待填充数据进行筛选处理，得到目标填充数据；将目标填充数据填充至预设超文本标记语言模板，得到超文本标记语言文件；对超文本标记语言文件进行渲染处理，得到目标页面；通过对待填充数据进行筛选得到目标填充数据，并将目标填充数据填充至预设超文本标记语言模板，避免了大数据下生成HTML页面过大造成资源传输缓慢以及页面加载缓慢等问题，从而解决了现有技术中页面生成方式中页面文件过大所导致的页面显示效果差等问题。
[0041]应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。
附图说明
[0042]为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
[0043]图1是本专利技术实施例中页面生成方法的流程示意图；
[0044]图2是本专利技术实施例中目标组件的获取方法的流程示意图；
[0045]图3是本专利技术实施例中页面生成装置的结构示意图；
[0046]图4是本专利技术实施例中电子设备的结构示意图。
具体实施方式
[0047]以下通过特定的具体实例说明本专利技术的实施方式，本领域技术人员可由本说明书所揭露的内容轻易地了解本专利技术的其他优点与功效。本专利技术还可以通过另外不同的具体实施方式加以实施或应用本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面生成方法，其特征在于，包括：接收页面请求，并根据所述页面请求获取目标地址；解析所述目标地址，获取待生成页面路径，并对所述待生成页面路径进行访问匹配，得到目标组件；根据目标组件获取待填充数据，并根据预设数据量对所述待填充数据进行筛选处理，得到目标填充数据；将所述目标填充数据填充至预设超文本标记语言模板，得到超文本标记语言文件；对所述超文本标记语言文件进行渲染处理，得到目标页面。2.根据权利要求1所述的页面生成方法，其特征在于，所述解析所述目标地址，获取待生成页面路径，并对所述待生成页面路径进行访问匹配，得到目标组件，包括：获取待生成页面的属性信息和配置信息；根据所述属性信息和所述配置信息对所述待生成页面路径进行访问匹配，得到目标组件。3.根据权利要求2所述的页面生成方法，其特征在于，所述根据所述属性信息和所述配置信息将所述待生成页面与所述待匹配组件进行匹配，得到目标组件之后，还包括：通过所述目标组件判断是否需要拉取待展示数据，所述待填充数据包括待展示数据；若是，则将所述待展示数据拉取并存储到目标存储空间。4.根据权利要求2所述的页面生成方法，其特征在于，所述根据所述属性信息和所述配置信息将所述待生成页面与所述待匹配组件进行匹配，得到目标组件，包括：采用vue框架将超文本标记语言元素、元素布局、样式和业务逻辑封装到组件，得到待匹配组件；将所述待匹配组件部署到目标服务器；通过所述目标服务器响应所述页面请求；基于所述属性信息和所述配置信息，采用所述目标服务器将所述待生成页面与所述待匹配组件进行匹配，得到目标组件。5.根据权利要求1所述的页面生成方法，其特征在于，所述根据预设数据量对所述待填充数据进行筛选处理，得到目标填充数据，包括：获取所述待填充数据的数据量，并将所述待填充数据的数据量与所述预设数据量进行比对；若所述待填充数据的数据量大于所述预设数据量，则对所述待填充数据进行筛选，得到目标填充数...

【专利技术属性】
技术研发人员：何永清，丁晟，王洋，邱庆举，
申请(专利权)人：浙江时空道宇科技有限公司浙江吉利控股集团有限公司，
类型：发明
国别省市：