页面操作记录表的生成方法、装置、电子设备及存储介质与流程

1.本发明涉及云存储领域，尤其涉及一种页面操作记录表的生成方法、装置、电子设备及存储介质。


背景技术：

2.随着互联网技术的快速发展，人们日常生活中很多的业务或交易都是在网络上进行开展的，例如：投保、购物等。因而，记录用户在网络上的操作，就变得日益重要。
3.当前记录用户在网络上的操作主要是在用户打开网络操作页面时，对用户操作的整个页面中的所有内容进行上报。但这种方案上传操作记录时，将页面中的静态模块的内容和动态模块进行无差别上报，导致数据的传输和存储量增大。当用户的基数越多时，需要的传输和存储成本也越高，极大地耗费资源。


技术实现要素：

4.本发明提供一种页面操作记录表的生成方法、装置、电子设备及计算机可读存储介质，其主要目的在于降低了数据的上传和保存的成本，节约资源。
5.为实现上述目的，本发明提供的一种页面操作记录表的生成方法，包括：
6.获取操作页面的dom树，利用所述dom树，创建所述操作页面的网页快照；
7.根据所述dom树中每个节点的属性标识，将所述操作页面拆分为静态模块集和动态模块集；
8.对所述动态模块集中每个动态模块设置动态标识，及对所述静态模块集中每个静态模块设置静态标识；
9.利用所述静态标识替代所述网页快照中对应的静态模块，得到目标快照；
10.侦测到所述操作页面发生变更时，生成变更时间戳，并定位所述操作页面中发生变更的动态模块；
11.获取所述发生变更的动态模块的动态标识，记录所述动态模块的变更内容，利用所述变更内容、变更时间戳和所述动态标识生成操作日志；
12.将所述操作日志和所述目标快照结合，得到页面操作记录表。
13.可选地，所述对所述动态模块集中每个动态模块设置动态标识，及对所述静态模块集中每个静态模块设置静态标识，包括：
14.根据所述静态模块和动态模块在所述dom树中的位置，分别对所述静态模块和动态模块进行排序；
15.根据所述静态模块和动态模块的排序，给所述静态模块设置静态标识及给所述动态模块设置动态标识。
16.可选地，所述利用所述变更内容、变更时间戳和所述动态标识生成操作日志，包括：
17.利用所述动态标识，对所有所述动态模块发生的变更内容执行去重操作；
18.利用所述变更时间戳，对去重后的变更内容进行时间标定，得到所述操作日志。
19.可选地，所述利用所述dom树，创建所述操作页面的网页快照，包括：
20.遍历所述dom树各节点的节点状态，得到所述操作页面的网页瞬时状态；
21.根据所述网页瞬时状态，生成所述网页快照。
22.可选地，所述将所述操作日志和所述目标快照结合，得到页面操作记录表，包括：
23.构建用于填充所述操作日志和所述目标快照的字段栏位，得到空白记录表；
24.将所述操作日志和所述目标快照填充至所述空白记录表中，得到所述页面操作记录表。
25.可选地，所述得到页面操作记录表之后，所述方法还包括：
26.接收页面回溯指令，根据所述页面回溯指令，提取所述目标快照中的静态标识；
27.利用提取的所述静态标识对应的静态模块替换所述静态标识，得到所述网页快照，根据所述网页快照重建dom树；
28.将所述操作日志在所述dom树中重现，得到回溯页面。
29.可选地，所述将所述操作日志在所述dom树中重现，得到回溯页面，包括：
30.利用所述变更时间戳，对所述操作日志中的变更内容按照时间的顺序排序，得到变更队列；
31.依次提取所述变更队列中的变更内容，并在所述dom树中重现所述变更内容，得到回溯页面。
32.为了解决上述问题，本发明还提供一种页面操作记录表的生成方法装置，所述装置包括：
33.dom树拆分模块，用于获取操作页面的dom树，利用所述dom树，创建所述操作页面的网页快照,根据所述dom树中每个节点的属性标识，将所述操作页面拆分为静态模块集和动态模块集；
34.页面模块标识模块，用于对所述动态模块集中每个动态模块设置动态标识，及对所述静态模块集中每个静态模块设置静态标识；
35.目标快照生成模块，用于利用所述静态标识替代所述网页快照中对应的静态模块，得到目标快照；
36.操作日志生成模块，用于侦测到所述操作页面发生变更时，生成变更时间戳，并定位所述操作页面中发生变更的动态模块，获取所述发生变更的动态模块的动态标识，记录所述动态模块的变更内容，利用所述变更内容、变更时间戳和所述动态标识生成操作日志；
37.页面操作记录表生成模块，用于将所述操作日志和所述目标快照结合，得到页面操作记录表。
38.为了解决上述问题，本发明还提供一种电子设备，所述电子设备包括：
39.存储器，存储至少一个计算机程序；及
40.处理器，执行所述存储器中存储的计算机程序以实现上述的页面操作记录表的生成方法。
41.为了解决上述问题，本发明还提供一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一个计算机程序，所述至少一个计算机程序被电子设备中的处理器执行以实现上述的页面操作记录表的生成方法。
42.本发明实施将操作页面拆分为静态模块和动态模块，利用静态模块的静态标识替代网页快照中的静态模块，得到所述目标快照，并通过变更的动态模块对应的变更内容、变更时间戳和动态标识生成操作日志，再根据结合所述目标快照和操作日志，得到所述页面操作记录表。利用本发明实施例所述的页面操作记录表的生成方法、装置、电子设备及存储介质在进行上传和保存页面操作记录的时候，通过所述静态标识对所述静态模块进行替换，解决了系统上传和保存数据的压力大的问题，降低了数据的上传和保存的成本，节约了资源。
附图说明
43.图1为本发明一实施例提供的页面操作记录表的生成方法的流程示意图；
44.图2为本发明一实施例提供的生成页面操作记录表的装置的模块示意图；
45.图3为本发明一实施例提供的生成页面操作记录表的电子设备的内部结构示意图；
46.本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
47.应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
48.本发明实施例提供一种页面操作记录表的生成方法。所述一种页面操作记录表的生成方法的执行主体包括但不限于服务端、终端等能够被配置为执行本技术实施例提供的该方法的电子设备中的至少一种。换言之，所述页面操作记录表的生成方法可以由安装在终端设备或服务端设备的软件或硬件来执行，所述软件可以是区块链平台。所述服务端可以是独立的服务器，也可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(contentdelivery network，cdn)、以及大数据和人工智能平台等基础云计算服务的云服务器。
49.参照图1所示的本发明一实施例提供的页面操作记录表的生成方法的流程示意图，在本发明实施例中，所述页面操作记录表的生成方法包括：
50.s1、获取操作页面的dom树，利用所述dom树，创建所述操作页面的网页快照；
51.本发明实施例中，所述dom树指所述操作页面的文档对象模型(document object model简称dom)的树形结构，dom树提供了对整个操作页面的访问模型，将操作页面作为一个树形结构，树的每个节点表示了一个html标签或标签内的文本项。所述网页快照是搜索引擎在收录网页时，抓取网页内容并缓存在服务器中的网页的备份。
52.本发明实施例中，所述利用所述dom树，创建所述操作页面的网页快照，包括：
53.遍历所述dom树各节点的节点状态，得到所述操作页面的网页瞬时状态；
54.根据所述网页瞬时状态，生成所述网页快照。
55.本发明其中一个实施例中，所述获取操作页面的dom树之前，所述方法还包括：
56.接收用户输入的页面操作指令；
57.解析所述页面操作指令得到操作页面。
58.本发明实施例中，所述页面操作指令是用户输入的需要改变页面中的内容的指令,例如：页面跳转指令、输入文字指令、选项确定指令等。
59.详细地，所述页面操作指令包含有所述页面操作指令操作的目标页面的信息，通过解析所述页面操作指令，可以获取对应的操作页面。
60.s2、根据所述dom树中每个节点的属性标识，将所述操作页面拆分为静态模块集和动态模块集；
61.所述属性标识用于标识所述dom树的每个树节点对应的动态或静态属性，可以在开发页面时，根据业务场景进行划分。
62.其中，所述静态模块集指所述操作页面存在的在一定时期内不会发生改变的所有模块的集合。例如：flash动画、文字、图像等。所述动态模块集指所述操作页面存在的在一定时期内，会根据用户的操作，做出相应改变的所有模块的集合。例如：网页中的动画、文字输入框中的内容等。
63.s3、对所述动态模块集中每个动态模块设置动态标识，及对所述静态模块集中每个静态模块设置静态标识；
64.本发明实施例中，根据所述静态模块和动态模块在所述dom树中的位置，分别对所述静态模块和动态模块进行排序；根据所述静态模块和动态模块的排序，给所述静态模块设置静态标识及给所述动态模块设置动态标识。
65.详细地，对所述静态模块和动态模块进行排序可以采用自上而下，从左至右的顺序，并可以利用排序后的静态模块和动态模块结合id自增的方式，给所述静态模块和动态模块设置标识。例如：排序后的第一个模块为静态模块，第二个模块为动态模块，则第一个模块的标识可以为静态标识jt0001，第二个模块的标识可以为动态标识dt0002。
66.s4、利用所述静态标识替代所述网页快照中对应的静态模块，得到目标快照；
67.本发明实施例中，所述目标快照是利用所述静态标识代替所述网页快照中的静态模块得到的快照。
68.详细地，本发明实施例中，所述利用所述静态标识替代所述网页快照中对应的静态模块，得到目标快照，包括：
69.根据所述静态模块和所述静态标识的对应关系，构建静态标识对照表；
70.利用所述网页快照中的静态模块和所述静态标识对照表中的静态模块进行匹配，提取所述网页快照中的静态模块对应的静态标识，利用所述静态标识替代所述静态模块，得到所述目标快照。
71.s5、侦测到所述操作页面发生变更时，生成变更时间戳，并定位所述操作页面中发生变更的动态模块；
72.本发明实施例中，所述变更时间戳是接收到所述页面操作指令时间点。进一步地，本发明实施例通过解析发生变更的操作页面，定位到发生变更的动态模块。
73.s6、获取所述发生变更的动态模块的动态标识，记录所述动态模块的变更内容，利用所述变更内容、变更时间戳和所述动态标识生成操作日志；
74.本发明实施例中，所述操作日志是记录所述动态模块对应的变更内容、变更时间戳以及动态标识的记录表。
75.本发明实施例中，所述利用所述变更内容、变更时间戳和所述动态标识生成操作日志，包括：
76.利用所述动态标识，对所有所述动态模块发生的变更内容执行去重操作；
77.利用所述变更时间戳，对去重后的变更内容进行时间标定，得到所述操作日志。
78.本发明实施例中，所述去重操作是对所述变更内容执行去重化，排除动态模块发生交互时，产生的重复性交互。例如：操作一为创建动态模块a，将所述动态模块a添加至所述dom树，再创建动态模块b，将所述动态模块b添加至所述动态模块a中。操作二为创建动态模块a和动态模块b，将所述动态模块b添加至所述动态模块a中，再将所述动态模块a添加至所述dom树。操作一和操作二会产生相同的dom树结构，但操作一会产生两条dom树的节点变更记录，即增加动态模块a和动态模块b，操作二只会产生一条dom树的节点变更记录，即增加动态模块a。所述操作二是对所述操作一的去重。
79.s7、将所述操作日志和所述目标快照结合，得到页面操作记录表。
80.本发明实施例中，所述页面操作记录表是记录所述操作日志和所述目标快照对应关系的记录表。例如：操作日志a是在目标快照b对应的dom树下执行操作的，则所述操作日志a和所述目标快照b具有对应关系。
81.本发明实施例中，所述将所述操作日志和所述目标快照结合，得到页面操作记录表，包括：
82.构建用于填充所述操作日志和所述目标快照的字段栏位，得到空白记录表；
83.将所述操作日志和所述目标快照填充至所述空白记录表中，得到所述页面操作记录表。
84.本发明另一实施例中，当得到所述页面操作记录表后，若用户需要回放所述操作页面的变更内容，因此，得到所述页面操作记录表之后，所述方法还包括：
85.接收页面回溯指令，根据所述页面回溯指令，提取所述目标快照中的静态标识；
86.利用提取的所述静态标识对应的静态模块替换所述静态标识，得到所述网页快照，根据所述网页快照重建dom树；
87.将所述操作日志在所述dom树中重现，得到回溯页面。
88.本发明实施例中，所述回溯页面指回放所述操作页面的变更内容的页面。
89.本发明实施例中，所述将所述操作日志在所述dom树中重现，得到回溯页面，包括：
90.利用所述变更时间戳，对所述操作日志中的变更内容按照时间的顺序排序，得到变更队列；
91.依次提取所述变更队列中的变更内容，并在所述dom树中重现所述变更内容，得到回溯页面。
92.本发明实施例中，将操作页面拆分为静态模块和动态模块，利用静态模块的静态标识替代网页快照中的静态模块，得到所述目标快照，并通过变更的动态模块对应的变更内容、变更时间戳和动态标识生成操作日志，再根据结合所述目标快照和操作日志，得到所述页面操作记录表。利用本发明实施例所述的页面操作记录表的生成方法、装置、电子设备及存储介质在进行上传和保存页面操作记录的时候，通过所述静态标识对所述静态模块进行替换，解决了系统上传和保存数据的压力大的问题，降低了数据的上传和保存的成本，节约了资源。
93.如图2所示，是本发明生成页面操作记录表装置的功能模块图。
94.本发明所述页面操作记录表的生成装置100可以安装于电子设备中。根据实现的功能，所述页面操作记录表的生成装置100可以包括dom树拆分模块101、页面模块标识模块
102、目标快照生成模块103、操作日志生成模块104、页面操作记录表生成模块105。本发明所述模块也可以称之为单元，是指一种能够被电子设备处理器所执行，并且能够完成固定功能的一系列计算机程序段，其存储在电子设备的存储器中。
95.在本实施例中，关于各模块/单元的功能如下：
96.所述dom树拆分模块101，用于获取操作页面的dom树，利用所述dom树，创建所述操作页面的网页快照,根据所述dom树中每个节点的属性标识，将所述操作页面拆分为静态模块集和动态模块集；
97.所述页面模块标识模块102，用于对所述动态模块集中每个动态模块设置动态标识，及对所述静态模块集中每个静态模块设置静态标识集；
98.所述目标快照生成模块103，用于利用所述静态标识替代所述网页快照中对应的静态模块，得到目标快照；
99.所述操作日志生成模块104，用于侦测到所述操作页面发生变更时，生成变更时间戳，并定位所述操作页面中发生变更的动态模块，获取所述发生变更的动态模块的动态标识，记录所述动态模块的变更内容，利用所述变更内容、变更时间戳和所述动态标识生成操作日志；
100.所述页面操作记录表生成模块105，用于将所述操作日志和所述目标快照结合，得到页面操作记录表。
101.本发明实施例所提供的页面操作记录表的生成装置100中的各个模块能够在使用时基于与上述图1所示的页面操作记录表的生成方法采用相同的手段，具体实施步骤在此不再赘述，关于各模块/单元的功能所产生技术效果与上述的图1所示的页面操作记录表的生成方法的技术效果相同。
102.如图3所示，是本发明生成页面操作记录表的电子设备的结构示意图。
103.所述电子设备可以包括处理器10、存储器11、通信总线12以及通信接口13，还可以包括存储在所述存储器11中并可在所述处理器10上运行的计算机程序，如页面操作记录表的生成程序。
104.其中，所述处理器10在一些实施例中可以由集成电路组成，例如可以由单个封装的集成电路所组成，也可以是由多个相同功能或不同功能封装的集成电路所组成，包括一个或者多个中央处理器(central processing unit，cpu)、微处理器、数字处理芯片、图形处理器及各种控制芯片的组合等。所述处理器10是所述电子设备的控制核心(control unit)，利用各种接口和线路连接整个电子设备的各个部件，通过运行或执行存储在所述存储器11内的程序或者模块(例如执行页面操作记录表的生成程序等)，以及调用存储在所述存储器11内的数据，以执行电子设备的各种功能和处理数据。
105.其中，所述存储器11至少包括一种类型的可读存储介质，所述可读存储介质包括闪存、移动硬盘、多媒体卡、卡型存储器(例如：sd或dx存储器等)、磁性存储器、磁盘、光盘等。所述存储器11在一些实施例中可以是电子设备的内部存储单元，例如该电子设备的移动硬盘。所述存储器11在另一些实施例中也可以是电子设备的外部存储设备，例如电子设备上配备的插接式移动硬盘、智能存储卡(smart media card，smc)、安全数字(secure digital，sd)卡、闪存卡(flash card)等。进一步地，所述存储器11还可以既包括电子设备的内部存储单元也包括外部存储设备。所述存储器11不仅可以用于存储安装于电子设备的
应用软件及各类数据，例如页面操作记录表的生成程序的代码等，还可以用于暂时地存储已经输出或者将要输出的数据。
106.所述通信总线12可以是外设部件互连标准(peripheral component interconnect，简称pci)总线或扩展工业标准结构(extended industry standard architecture，简称eisa)总线等。该总线可以分为地址总线、数据总线、控制总线等。所述总线被设置为实现所述存储器11以及至少一个处理器10等之间的连接通信。
107.所述通信接口13用于上述电子设备与其他设备之间的通信，包括网络接口和用户接口。可选地，所述网络接口可以包括有线接口和/或无线接口(如wi
‑
fi接口、蓝牙接口等)，通常用于在该电子设备与其他电子设备之间建立通信连接。所述用户接口可以是显示器(display)、输入单元(比如键盘(keyboard))，可选地，用户接口还可以是标准的有线接口、无线接口。可选地，在一些实施例中，显示器可以是led显示器、液晶显示器、触控式液晶显示器以及oled(organic light
‑
emitting diode，有机发光二极管)触摸器等。其中，显示器也可以适当的称为显示屏或显示单元，用于显示在电子设备中处理的信息以及用于显示可视化的用户界面。
108.图3仅示出了具有部件的电子设备，本领域技术人员可以理解的是，图3示出的结构并不构成对所述电子设备的限定，可以包括比图示更少或者更多的部件，或者组合某些部件，或者不同的部件布置。
109.例如，尽管未示出，所述电子设备还可以包括给各个部件供电的电源(比如电池)，优选地，电源可以通过电源管理装置与所述至少一个处理器10逻辑相连，从而通过电源管理装置实现充电管理、放电管理、以及功耗管理等功能。电源还可以包括一个或一个以上的直流或交流电源、再充电装置、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。所述电子设备还可以包括多种传感器、蓝牙模块、wi
‑
fi模块等，在此不再赘述。
110.进一步地，所述电子设备还可以包括网络接口，可选地，所述网络接口可以包括有线接口和/或无线接口(如wi
‑
fi接口、蓝牙接口等)，通常用于在该电子设备与其他电子设备之间建立通信连接。
111.可选地，该电子设备还可以包括用户接口，用户接口可以是显示器(display)、输入单元(比如键盘(keyboard))，可选地，用户接口还可以是标准的有线接口、无线接口。可选地，在一些实施例中，显示器可以是led显示器、液晶显示器、触控式液晶显示器以及oled(organic light
‑
emitting diode，有机发光二极管)触摸器等。其中，显示器也可以适当的称为显示屏或显示单元，用于显示在电子设备中处理的信息以及用于显示可视化的用户界面。
112.应该了解，所述实施例仅为说明之用，在专利申请范围上并不受此结构的限制。
113.所述电子设备中的所述存储器11存储的生成页面操作记录表程序是多个计算机程序的组合，在所述处理器10中运行时，可以实现：
114.获取操作页面的dom树，利用所述dom树，创建所述操作页面的网页快照；
115.根据所述dom树中每个节点的属性标识，将所述操作页面拆分为静态模块集和动态模块集；
116.对所述动态模块集中每个动态模块设置动态标识，及对所述静态模块集中每个静
态模块设置静态标识；
117.利用所述静态标识替代所述网页快照中对应的静态模块，得到目标快照；
118.侦测到所述操作页面发生变更时，生成变更时间戳，并定位所述操作页面中发生变更的动态模块；
119.获取所述发生变更的动态模块的动态标识，记录所述动态模块的变更内容，利用所述变更内容、变更时间戳和所述动态标识生成操作日志；
120.将所述操作日志和所述目标快照结合，得到页面操作记录表。
121.具体地，所述处理器10对上述计算机程序的具体实现方法可参考图1对应实施例中相关步骤的描述，在此不赘述。
122.进一步地，所述电子设备集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。所述计算机可读存储介质可以是易失性的，也可以是非易失性的。例如，所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、u盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(rom，read
‑
only memory)。
123.进一步地，所述计算机可用存储介质可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等；存储数据区可存储根据区块链节点的使用所创建的数据等。
124.本发明还提供一种计算机可读存储介质，所述可读存储介质存储有计算机程序，所述计算机程序在被电子设备的处理器所执行时，可以实现：
125.获取操作页面的dom树，利用所述dom树，创建所述操作页面的网页快照；
126.根据所述dom树中每个节点的属性标识，将所述操作页面拆分为静态模块集和动态模块集；
127.对所述动态模块集中每个动态模块设置动态标识，及对所述静态模块集中每个静态模块设置静态标识；
128.利用所述静态标识替代所述网页快照中对应的静态模块，得到目标快照；
129.侦测到所述操作页面发生变更时，生成变更时间戳，并定位所述操作页面中发生变更的动态模块；
130.获取所述发生变更的动态模块的动态标识，记录所述动态模块的变更内容，利用所述变更内容、变更时间戳和所述动态标识生成操作日志；
131.将所述操作日志和所述目标快照结合，得到页面操作记录表。
132.在本发明所提供的几个实施例中，应该理解到，所揭露的设备，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。
133.所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。
134.另外，在本发明各个实施例中的各功能模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单
元既可以采用硬件的形式实现，也可以采用硬件加软件功能模块的形式实现。
135.对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。
136.因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附关联图表记视为限制所涉及的权利要求。
137.本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
138.此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第二等词语用来表示名称，而并不表示任何特定的顺序。
139.最后应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或等同替换，而不脱离本发明技术方案的精神和范围。