页面模板生成方法、电子设备、存储介质及程序产品技术

本发明专利技术实施例提供一种页面模板生成方法、电子设备、存储介质及程序产品，该方法包括：对第一页面进行页面信息抓取，获取第一DOM结构；对第一DOM结构进行节点解析，得到第一DOM结构中的DOM节点；将至少一个第一DOM结构的DOM节点分别替换为对应的预设变量，得到第二DOM结构；将第二DOM结构解析为页面模板。本发明专利技术实施例提供的页面模板生成方法、电子设备、存储介质及程序产品，实现了根据第一页面生成页面模板，有利于实现定制化页面的快速生成和迭代，提高开发效率，降低开发成本。降低开发成本。降低开发成本。

【技术实现步骤摘要】
页面模板生成方法、电子设备、存储介质及程序产品


[0001]本专利技术实施例涉及计算机
，具体涉及一种页面模板生成方法、电子设备、存储介质及程序产品。

技术介绍

[0002]目前网页开发需要针对产品需求文档开发不同的页面模板，可以通过可视化配置平台，对页面模板的配置项进行配置，从而输出不同的页面。但由于配置项的限制，现有大多通用型的页面模板无法满足快速迭代的定制化页面的需求。因此，对于大多定制化页面，仍需要从零开发，在页面设计有变动时，需要修改整个代码文件，人力和时间成本消耗巨大。

技术实现思路

[0003]针对现有技术存在的缺陷，本专利技术实施例提供一种页面模板生成方法、电子设备、存储介质及程序产品。
[0004]本专利技术实施例提供一种页面模板生成方法，包括：对第一页面进行页面信息抓取，获取第一DOM结构；对所述第一DOM结构进行节点解析，得到所述第一DOM结构中的DOM节点；将至少一个所述第一DOM结构的DOM节点分别替换为对应的预设变量，得到第二DOM结构；将所述第二DOM结构解析为页面模板。
[0005]根据本专利技术实施例提供的一种页面模板生成方法，所述方法还包括：获取对应所述预设变量的待填充数据；利用所述待填充数据对所述页面模板中对应的所述预设变量进行填充；基于填充好所述待填充数据的所述页面模板生成第二页面。
[0006]根据本专利技术实施例提供的一种页面模板生成方法，所述对第一页面进行页面信息抓取，获取第一DOM结构，包括：将所述第一页面的页面内容依次滚动到可视区域；对展示于所述可视区域的所述第一页面的页面内容进行录屏，获取多个页面视频帧；分别对所述多个页面视频帧进行页面信息抓取，获取多个DOM树；根据所述多个DOM树获取所述第一DOM结构。
[0007]根据本专利技术实施例提供的一种页面模板生成方法，在所述获取第一DOM结构之后，所述方法还包括：将所述第一DOM结构存储于第一存储区域；在所述得到第二DOM结构之后，所述方法还包括：将所述第二DOM结构存储于第二存储区域；在所述将所述第二DOM结构解析为页面模板之前，所述方法还包括：从所述第二存储区域读取所述第二DOM结构。
[0008]根据本专利技术实施例提供的一种页面模板生成方法，在所述将所述第一DOM结构存储于第一存储区域之前，所述方法还包括：响应于所述第一存储区域存储有与所述第一DOM结构具有相同预设区分标识的DOM结构，则不执行将所述第一DOM结构存储于所述第一存储区域的动作；其中，通过重复录屏得到的所述第一DOM结构具有相同的所述预设区分标识。
[0009]根据本专利技术实施例提供的一种页面模板生成方法，所述预设区分标识包括页面标识和时间戳的组合信息；其中，所述页面标识用于唯一地标识所述第一页面，所述时间戳用
于表示对于所述第一页面的录屏时间。
[0010]根据本专利技术实施例提供的一种页面模板生成方法，所述方法还包括：在所述第一DOM结构和/或所述第二DOM结构中进行DOM节点删除、新增、移动和/或更改节点类型的操作。
[0011]本专利技术实施例还提供一种页面模板生成装置，包括：第一获取模块，用于：对第一页面进行页面信息抓取，获取第一DOM结构；第一解析模块，用于：对所述第一DOM结构进行节点解析，得到所述第一DOM结构中的DOM节点；第二获取模块，用于：将至少一个所述第一DOM结构的DOM节点分别替换为对应的预设变量，得到第二DOM结构；第二解析模块，用于：将所述第二DOM结构解析为页面模板。
[0012]本专利技术实施例还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述页面模板生成方法的步骤。
[0013]本专利技术实施例还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述页面模板生成方法的步骤。
[0014]本专利技术实施例还提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如上述任一种所述页面模板生成方法的步骤。
[0015]本专利技术实施例提供的页面模板生成方法、电子设备、存储介质及程序产品，通过对第一页面进行页面信息抓取，获取第一DOM结构；对第一DOM结构进行节点解析，得到第一DOM结构中的DOM节点，将至少一个第一DOM结构的DOM节点分别替换为对应的预设变量，得到第二DOM结构，将第二DOM结构解析为页面模板，实现了根据第一页面生成页面模板，有利于实现定制化页面的快速生成和迭代，提高开发效率，降低开发成本。
附图说明
[0016]为了更清楚地说明本专利技术的技术方案，下面将对实施例描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0017]图1是本专利技术实施例提供的页面模板生成方法的流程示意图之一；
[0018]图2是本专利技术实施例提供的页面模板生成方法的流程示意图之二；
[0019]图3是本专利技术实施例提供的页面模板生成方法的流程示意图之三；
[0020]图4是本专利技术实施例提供的页面模板生成装置的结构示意图；
[0021]图5是本专利技术实施例提供的电子设备的结构示意图。
具体实施方式
[0022]为使本专利技术的目的、技术方案和优点更加清楚，下面将结合本专利技术中的附图，对本专利技术中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0023]图1是本专利技术实施例提供的页面模板生成方法的流程示意图之一。如图1所示，所述方法包括：
[0024]步骤S1、对第一页面进行页面信息抓取，获取第一DOM结构。
[0025]由于现有可视化配置平台配置项的限制，对于某些定制化页面，无法通过配置项的配置而自动生成。但是这些定制化页面通常不是凭空想象的，而是参考了已有页面而提出相应的需求。这些已有页面可以是已经上线的一些页面，当然并不限定于上线页面，也可以是未上线的页面。由于定制化页面参考了已有页面，因此，如果利用已有页面生成定制化页面的页面模板，则可以根据页面模板快速生成定制化页面。本专利技术实施例中将已有页面称为第一页面，将基于第一页面得到的页面模板生成的页面称为第二页面。
[0026]对第一页面进行页面信息抓取，获取第一DOM结构。其中，DOM(Document Object Model)表示文档对象模型。rrweb是web录制、回放的基础库。可以利用rrweb技术对页面信息进行抓取，获取第一DOM结构。所抓取到的页面信息包括DOM结构信息(DOM树)，根据所抓取到的DOM结构信息得到第一DOM结构。
[0027]步骤S2、对所述第一DOM结构进行节点解析，得到所述第一D本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面模板生成方法，其特征在于，包括：对第一页面进行页面信息抓取，获取第一DOM结构；对所述第一DOM结构进行节点解析，得到所述第一DOM结构中的DOM节点；将至少一个所述第一DOM结构的DOM节点分别替换为对应的预设变量，得到第二DOM结构；将所述第二DOM结构解析为页面模板。2.根据权利要求1所述的页面模板生成方法，其特征在于，所述方法还包括：获取对应所述预设变量的待填充数据；利用所述待填充数据对所述页面模板中对应的所述预设变量进行填充；基于填充好所述待填充数据的所述页面模板生成第二页面。3.根据权利要求1所述的页面模板生成方法，其特征在于，所述对第一页面进行页面信息抓取，获取第一DOM结构，包括：将所述第一页面的页面内容依次滚动到可视区域；对展示于所述可视区域的所述第一页面的页面内容进行录屏，获取多个页面视频帧；分别对所述多个页面视频帧进行页面信息抓取，获取多个DOM树；根据所述多个DOM树获取所述第一DOM结构。4.根据权利要求3所述的页面模板生成方法，其特征在于，在所述获取第一DOM结构之后，所述方法还包括：将所述第一DOM结构存储于第一存储区域；在所述得到第二DOM结构之后，所述方法还包括：将所述第二DOM结构存储于第二存储区域；在所述将所述第二DOM结构解析为页面模板之前，所述方法还包括：从所述第二存储区域读取所述第二DOM结构。5....

【专利技术属性】
技术研发人员：宋磊，郗垒，陈光印，
申请(专利权)人：贝壳找房北京科技有限公司，
类型：发明
国别省市：