一种处理页面数据的方法、装置、计算机设备及存储介质与流程

1.本发明涉及数据存储技术领域，特别涉及一种处理页面数据的方法、装置、计算机设备及存储介质。


背景技术：

2.当用户在浏览页面时，会与展示在页面中的可操作组件，即页面元素进行点击、选择、输入等操作，进而产生与该页面元素相关的页面数据。但是在现有技术中，由于页面元素与页面数据是分离的，页面数据不会被用户端缓存，当用户关闭该页面后，若再次打开该页面，该页面中的页面数据将无法展示在页面元素中，用户若想获取页面数据，则需要再次对页面元素进行上述操作，影响用户的使用体验。
3.因此，在现有技术中存在重新打开页面时无法展示页面元素中原有的页面数据的技术问题。


技术实现要素：

4.本发明的目的在于提供一种处理页面数据的方法、装置、计算机设备及存储介质，通过在本地缓存中生成数据记录来实现重新打开页面时根据本地缓存中的数据记录展示页面数据。
5.根据本发明的一个方面，提供了一种处理页面数据的方法，应用于用户端，该方法包括如下步骤：
6.接收由页面服务器发送的目标页面，将所述目标页面显示在所述用户端，并解析出包含在所述目标页面中的所有页面元素；
7.当检测到在目标页面元素中出现目标页面数据时，在本地缓存中生成目标数据记录，并将所述目标页面数据、所述目标页面元素的标识和所述目标页面的标识存储到所述目标数据记录中；
8.当重新在所述用户端显示所述目标页面时，从所述本地缓存中获取包含所述目标页面的标识的所有数据记录；
9.在所述目标页面中将每个数据记录中的页面数据展示在对应的页面元素中。
10.可选的，所述当检测到在目标页面元素中出现目标页面数据时，在本地缓存中生成目标数据记录，并将所述目标页面数据、所述目标页面元素的标识和所述目标页面的标识存储到所述目标数据记录中，具体包括：
11.当检测到在目标页面元素中出现目标页面数据时，判断在本地缓存中是否存在包含所述目标页面元素的标识的数据记录；
12.若是，则使用所述目标页面数据替换所述数据记录中的原有页面数据；
13.若否，则在所述本地缓存中生成目标数据记录，并将所述目标页面数据、所述目标页面元素的标识和所述目标页面的标识存储到所述目标数据记录中。
14.可选的，所述在本地缓存中生成目标数据记录，具体包括：
15.判断所述目标页面元素的重要程度类型；
16.当所述重要程度类型为较高时，在所述用户端的本地硬盘缓存中生成所述目标数据记录；
17.当所述重要程度类型为中等时，在所述用户端的本地cookie缓存中生成所述目标数据记录；
18.当所述重要程度类型为较低时，在所述用户端的本地浏览器缓存中生成所述目标数据记录。
19.可选的，在所述当检测到在目标页面元素中出现目标页面数据时，在本地缓存中生成目标数据记录，并将所述目标页面数据、所述目标页面元素的标识和所述目标页面的标识存储到所述目标数据记录中之后，所述方法还包括：
20.当检测到所述目标页面更新时，将更新后的目标页面与更新前的目标页面进行对比以确定出删除页面元素；其中，所述删除页面元素为不存在于更新后的目标页面中但存在于更新前的目标页面中的页面元素；
21.从所述本地缓存中查找到同时包含所述目标页面的标识和所述删除页面元素的标识的数据记录，并将查找到的数据记录删除。
22.可选的，在所述当检测到在目标页面元素中出现目标页面数据时，在本地缓存中生成目标数据记录，并将所述目标页面数据、所述目标页面元素的标识和所述目标页面的标识存储到所述目标数据记录中之后，所述方法还包括：
23.当检测到所述目标页面更新时，将更新后的目标页面与更新前的目标页面进行对比以确定出新增页面元素；其中，所述新增页面元素为存在于更新后的目标页面中但不存在于更新前的目标页面中的页面元素；
24.在所述本地缓存中生成同时包含所述目标页面的标识和所述新增页面元素的标识的数据记录。
25.可选的，在所述当检测到在目标页面元素中出现目标页面数据时，在本地缓存中生成目标数据记录，并将所述目标页面数据、所述目标页面元素的标识和所述目标页面的标识存储到所述目标数据记录中之后，所述方法还包括：
26.当检测到所述目标页面更新时，将更新后的目标页面与更新前的目标页面进行对比以确定出替换页面元素；其中，所述替换页面元素存在于更新后的目标页面中、且用于替换更新前的目标页面中的原始页面元素；
27.从所述本地缓存中查找到同时包含所述目标页面的标识和所述原始页面元素的标识的数据记录，并使用所述替换页面元素的标识替换所述数据记录中所述原始页面元素的标识。
28.可选的，所述方法还包括：
29.当检测到在所述用户端关闭所述目标页面时，从本地缓存中获取包含所述目标页面的标识的所有数据记录，并将获取到的所有数据记录发送至所述页面服务器。
30.为了实现上述目的，本发明还提供一种处理页面数据的方法的装置，该装置具体包括以下组成部分：
31.显示模块，用于接收由页面服务器发送的目标页面，将所述目标页面显示在所述用户端，并解析出包含在所述目标页面中的所有页面元素；
32.缓存模块，用于当检测到在目标页面元素中出现目标页面数据时，在本地缓存中生成目标数据记录，并将所述目标页面数据、所述目标页面元素的标识和所述目标页面的标识存储到所述目标数据记录中；
33.获取模块，用于当重新在所述用户端显示所述目标页面时，从所述本地缓存中获取包含所述目标页面的标识的所有数据记录；
34.展示模块，用于在所述目标页面中将每个数据记录中的页面数据展示在对应的页面元素中。
35.为了实现上述目的，本发明还提供一种计算机设备，该计算机设备具体包括：存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述介绍的处理页面数据的方法的步骤。
36.为了实现上述目的，本发明还提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述介绍的处理页面数据的方法的步骤。
37.本发明提供的处理页面数据的方法、装置、计算机设备及存储介质，当目标页面的页面元素中出现页面数据时，在本地缓存中生成包括该页面数据的数据记录，当用户再次访问该目标页面时，用户端无需向页面服务器发送目标页面访问请求，直接从本地缓存中调用与该目标页面对应的全部数据记录，并将每个数据记录中的页面数据重新展示在目标页面的对应的页面元素中，使目标页面的实时更新速度更快，保留用户针对页面元素的操作数据，用户和目标页面的交互方式更高效、交互速度更快。
附图说明
38.通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
39.图1为实例一提供的处理页面数据的方法的一种可选的流程示意图；
40.图2为实例二提供的处理页面数据的装置的一种可选的程序模块示意图；
41.图3为实例三提供的计算机设备的一种可选的硬件架构示意图。
具体实施方式
42.为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
43.实施例一
44.本发明实施例提供了一种处理页面数据的方法，如图1所示，应用于用户端，该方法具体包括以下步骤：
45.步骤s101：接收由页面服务器发送的目标页面，将所述目标页面显示在所述用户端，并解析出包含在所述目标页面中的所有页面元素。
46.其中，所述页面元素为展示在页面中的可操作组件，用户可对页面元素进行点击、选择、输入等操作；例如，页面元素包括：输入框、选择框、下拉框。
47.具体的，所述解析出包含在所述目标页面中的所有页面元素，包括：
48.从所述目标页面的代码文件中筛选出预设的每个页面元素对应的代码，得到目标页面中的所有页面元素。
49.在本实施例中，由于现有技术中页面元素与页面元素中的页面数据分离，页面元素和页面数据没有绑定关系，且不存在对页面数据的缓存，当用户关闭该目标页面时，页面元素中的页面数据全部被清空无法再次恢复，若重新打开该目标页面，此时无法展示页面元素中的页面数据，无法满足用户对页面数据的保存需求。
50.步骤s102：当检测到在目标页面元素中出现目标页面数据时，在本地缓存中生成目标数据记录，并将所述目标页面数据、所述目标页面元素的标识和所述目标页面的标识存储到所述目标数据记录中。
51.其中，所述页面数据包括：用户输入数据、用户操作数据、纯文本数据。
52.在本实施例中，用户输入数据为用户在所述目标页面的输入框这一页面元素中输入的数据。当用户对所述页面元素进行数据输入操作时，根据用户输入的页面数据生成数据记录。
53.用户操作数据为用户从所述目标页面的下拉框或选择框这种页面元素中包含的数据中选择出的数据。当用户对所述页面元素中的数据进行选择时，根据用户选择的页面数据生成数据记录。
54.纯文本数据为所述目标页面上以文本形式展现在页面元素中的数据，所述纯文本数据不因用户操作而改变。
55.具体的，所述步骤s102，包括以下步骤：
56.当检测到在目标页面元素中出现目标页面数据时，判断在本地缓存中是否存在包含所述目标页面元素的标识的数据记录；
57.若是，则使用所述目标页面数据替换所述数据记录中的原有页面数据；
58.若否，则在所述本地缓存中生成目标数据记录，并将所述目标页面数据、所述目标页面元素的标识和所述目标页面的标识存储到所述目标数据记录中。
59.在本实施例中，分别为一个页面中的每个页面元素设置对应的数据记录，即，本地缓存中的一个数据记录对应一个页面的一个页面元素，且缓存中的数据记录可以进行新增、替换或删除，以防止本地缓存中对同一个页面元素缓存多个对应的数据记录，占用本地硬盘中缓存区的容量，减少本地缓存区的存储压力；对已删除的用户输入数据和已修改的备选数据进行删除处理，保证用户最后一次操作产生的数据记录和本地缓存中的数据记录的一致性，不会出现所述数据记录与所述页面元素匹配不一致，导致出现所述目标页面显示紊乱的情况。
60.还需要说明的是，在实际应用中，也可以为一个页面的一个页面元素设置多个数据记录，在本实施例中不作限定。
61.进一步的，所述在本地缓存中生成目标数据记录，具体包括：
62.判断所述目标页面元素的重要程度类型；
63.当所述重要程度类型为较高时，在所述用户端的本地硬盘缓存中生成所述目标数据记录；
64.当所述重要程度类型为中等时，在所述用户端的本地cookie缓存中生成所述目标
数据记录；
65.当所述重要程度类型为较低时，在所述用户端的本地浏览器缓存中生成所述目标数据记录。
66.在本实施例中，可事先为页面中的每个页面元素设置对应的重要程度类型；其中，当所述目标页面为支付页面、注册页面时，包含在所述支付页面、注册页面中的页面元素的重要程度类型为较高，页面元素中的页面数据较为重要，与重要程度类型为较高对应的数据记录，需要进行永久缓存，当用户在重新浏览目标页面的时候，可以从缓存中获取与重要程度较高的页面元素对应的页面数据并展示在目标页面中。与重要程度类型为中等对应的数据记录，可以按照规定时间间隔定期的缓存，以方便用户当再次访问页面时，可直接获取所述数据记录。与重要程度类型为较低对应的数据记录，进行临时缓存，关闭页面后即删除缓存数据，不占用本地硬盘中缓存区的容量。
67.更进一步的，所述步骤s102，还包括以下步骤：
68.步骤a1：当检测到所述目标页面更新时，将更新后的目标页面与更新前的目标页面进行对比以确定出删除页面元素；其中，所述删除页面元素为不存在于更新后的目标页面中但存在于更新前的目标页面中的页面元素。
69.步骤a2：从所述本地缓存中查找到同时包含所述目标页面的标识和所述删除页面元素的标识的数据记录，并将查找到的数据记录删除。
70.在本实施例中，当开发人员对目标页面中的页面元素进行删除操作时，同时触发用户端从本地缓存中删除所述数据记录，可以减少本地缓存存储压力，无需用户手动清除缓存；保证了所述页面元素和所述页面数据显示状态的一致，不会出现所述页面数据没有用来展示的对应页面元素，从而避免页面展示错误的情况。
71.更进一步的，所述步骤s102，还包括以下步骤：
72.步骤b1：当检测到所述目标页面更新时，将更新后的目标页面与更新前的目标页面进行对比以确定出新增页面元素；其中，所述新增页面元素为存在于更新后的目标页面中但不存在于更新前的目标页面中的页面元素。
73.步骤b2：在所述本地缓存中生成同时包含所述目标页面的标识和所述新增页面元素的标识的数据记录。
74.在本实施例中，当开发人员在目标页面中新增了页面元素时，同时触发用户端从本地缓存中生成一个同时包含所述目标页面的标识和所述新增页面元素的标识的数据记录，使得本地缓存中的数据记录与目标页面中的页面元素保持一致。
75.更进一步的，所述步骤s102，还包括以下步骤：
76.步骤c1：当检测到所述目标页面更新时，将更新后的目标页面与更新前的目标页面进行对比以确定出替换页面元素；其中，所述替换页面元素存在于更新后的目标页面中、且用于替换更新前的目标页面中的原始页面元素。
77.步骤c2：从所述本地缓存中查找到同时包含所述目标页面的标识和所述原始页面元素的标识的数据记录，并使用所述替换页面元素的标识替换所述数据记录中所述原始页面元素的标识。
78.在本实施例中，当开发人员对目标页面中的页面元素进行替换操作时，同时触发用户端从本地缓存中查找到与被替换的页面元素对应的数据记录，并修改数据记录中的页
面元素的标识；保证了页面元素和所述页面数据显示状态的一致，不会出现同一个页面数据对应两个页面元素的问题，从而避免当修改该页面数据时无法从本地缓存中找到匹配的数据记录的情况。
79.步骤s103：当重新在所述用户端显示所述目标页面时，从所述本地缓存中获取包含所述目标页面的标识的所有数据记录。
80.其中，所述数据记录中仅存在关闭该目标页面前最后一次记录在本地缓存中的页面数据；尽管用户对同一页面元素进行多次操作，但本地缓存中的针对该页面元素的页面数据只有一个，减少本地缓存的存储压力。
81.步骤s104：在所述目标页面中将每个数据记录中的页面数据展示在对应的页面元素中。
82.在本实施例中，由于会实时缓存数据记录，所以当用户离开或者刷新所述目标页面时，针对所述目标页面中的各个页面元素的数据记录均存储在本地缓存中，所以当用户再次访问所述目标页面时，用户端可以直接读取本地缓存中所有页面元素对应的最新的数据记录，并根据读取到的数据记录重新加载到与数据记录对应的页面元素中以进行展示数据记录中的页面数据。
83.进一步的，所述方法还包括：
84.当检测到在所述用户端关闭所述目标页面时，从本地缓存中获取包含所述目标页面的标识的所有数据记录，并将获取到的所有数据记录发送至所述页面服务器。
85.在本实施例中，当用户关闭所述目标页面时，向页面服务器发送数据记录，也可以按照设定时间间隔定期将与目标页面关联的所有数据记录发送至所述页面服务器。用户端发出关闭所述目标页面的指令或所述目标页面待机时长到达设定时间时，所述页面服务器接收所述目标页面发送的最新数据记录，并保存至所述页面服务器内，避免向所述页面服务器发送错误的数据记录，以便所述页面服务器对所述数据记录进行处理。
86.在本实施例中，当目标页面的页面元素中出现页面数据时，通过判断该页面元素的重要程度来决定在本地缓存中的不同缓存区生成对应的数据记录，进而当用户再次访问该目标页面时，用户端无需向页面服务器发送目标页面访问请求，直接从本地缓存中调用与该目标页面对应的全部数据记录，并将每个数据记录中的页面数据重新展示在目标页面的对应的页面元素中，使目标页面的实时更新速度更快，保留用户针对页面元素的操作数据，使得用户和目标页面的交互方式更高效、交互速度更快。
87.实施例二
88.基于上述实施例一中提供的处理页面数据的方法，本实施例中提供一种处理页面数据的装置，具体地，图2示出了该处理页面数据的装置的可选的结构框图，该处理页面数据的装置被分割成一个或多个程序模块，一个或者多个程序模块被存储于存储介质中，并由一个或多个处理器所执行，以完成本发明。本发明所称的程序模块是指能够完成特定功能的一系列计算机程序指令段，比程序本身更适合描述处理页面数据的装置在存储介质中的执行过程，以下描述将具体介绍本实施例各程序模块的功能。
89.如图2所示，所述处理页面数据的装置，具体包括以下组成部分：
90.显示模块201，用于接收由页面服务器发送的目标页面，将所述目标页面显示在所述用户端，并解析出包含在所述目标页面中的所有页面元素；
91.缓存模块202，用于当检测到在目标页面元素中出现目标页面数据时，在本地缓存中生成目标数据记录，并将所述目标页面数据、所述目标页面元素的标识和所述目标页面的标识存储到所述目标数据记录中；
92.获取模块203，用于当重新在所述用户端显示所述目标页面时，从所述本地缓存中获取包含所述目标页面的标识的所有数据记录；
93.展示模块204，用于在所述目标页面中将每个数据记录中的页面数据展示在对应的页面元素中。
94.具体的，所述装置，还包括：
95.发送模块，用于当检测到在所述用户端关闭所述目标页面时，从本地缓存中获取包含所述目标页面的标识的所有数据记录，并将获取到的所有数据记录发送至所述页面服务器。
96.进一步的，所述缓存模块202，具体用于：
97.当检测到在目标页面元素中出现目标页面数据时，判断在本地缓存中是否存在包含所述目标页面元素的标识的数据记录；
98.若是，则使用所述目标页面数据替换所述数据记录中的原有页面数据；
99.若否，则在所述本地缓存中生成目标数据记录，并将所述目标页面数据、所述目标页面元素的标识和所述目标页面的标识存储到所述目标数据记录中。
100.进一步的，所述缓存模块202，还用于：
101.判断所述目标页面元素的重要程度类型；当所述重要程度类型为较高时，在所述用户端的本地硬盘缓存中生成所述目标数据记录；当所述重要程度类型为中等时，在所述用户端的本地cookie缓存中生成所述目标数据记录；当所述重要程度类型为较低时，在所述用户端的本地浏览器缓存中生成所述目标数据记录。
102.此外，所述缓存模块202，还用于：
103.当检测到所述目标页面更新时，将更新后的目标页面与更新前的目标页面进行对比以确定出删除页面元素；其中，所述删除页面元素为不存在于更新后的目标页面中但存在于更新前的目标页面中的页面元素；从所述本地缓存中查找到同时包含所述目标页面的标识和所述删除页面元素的标识的数据记录，并将查找到的数据记录删除。
104.进一步的，所述缓存模块202，具体用于：
105.当检测到所述目标页面更新时，将更新后的目标页面与更新前的目标页面进行对比以确定出新增页面元素；其中，所述新增页面元素为存在于更新后的目标页面中但不存在于更新前的目标页面中的页面元素；在所述本地缓存中生成同时包含所述目标页面的标识和所述新增页面元素的标识的数据记录。
106.更进一步的，所述缓存模块202，还用于：
107.当检测到所述目标页面更新时，将更新后的目标页面与更新前的目标页面进行对比以确定出替换页面元素；其中，所述替换页面元素存在于更新后的目标页面中、且用于替换更新前的目标页面中的原始页面元素；从所述本地缓存中查找到同时包含所述目标页面的标识和所述原始页面元素的标识的数据记录，并使用所述替换页面元素的标识替换所述数据记录中所述原始页面元素的标识。
108.实施例三
109.本实施例还提供一种计算机设备，如可以执行程序的智能手机、平板电脑、笔记本电脑、台式计算机、机架式服务器、刀片式服务器、塔式服务器或机柜式服务器(包括独立的服务器，或者多个服务器所组成的服务器集群)等。如图3所示，本实施例的计算机设备30至少包括但不限于：可通过系统总线相互通信连接的存储器301、处理器302。需要指出的是，图3仅示出了具有组件301-302的计算机设备30，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。
110.本实施例中，存储器301(即可读存储介质)包括闪存、硬盘、多媒体卡、卡型存储器(例如，sd或dx存储器等)、随机访问存储器(ram)、静态随机访问存储器(sram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、可编程只读存储器(prom)、磁性存储器、磁盘、光盘等。在一些实施例中，存储器301可以是计算机设备30的内部存储单元，例如该计算机设备30的硬盘或内存。在另一些实施例中，存储器301也可以是计算机设备30的外部存储设备，例如该计算机设备30上配备的插接式硬盘，智能存储卡(smartmediacard，smc)，安全数字(securedigital，sd)卡，闪存卡(flashcard)等。当然，存储器301还可以既包括计算机设备30的内部存储单元也包括其外部存储设备。在本实施例中，存储器301通常用于存储安装于计算机设备30的操作系统和各类应用软件。此外，存储器301还可以用于暂时地存储已经输出或者将要输出的各类数据。
111.处理器302在一些实施例中可以是中央处理器(centralprocessingunit，cpu)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器302通常用于控制计算机设备30的总体操作。
112.具体的，在本实施例中，处理器302用于执行存储器301中存储的处理页面数据的方法的程序，所述处理页面数据的方法的程序被执行时实现如下步骤：
113.接收由页面服务器发送的目标页面，将所述目标页面显示在所述用户端，并解析出包含在所述目标页面中的所有页面元素；
114.当检测到在目标页面元素中出现目标页面数据时，在本地缓存中生成目标数据记录，并将所述目标页面数据、所述目标页面元素的标识和所述目标页面的标识存储到所述目标数据记录中；
115.当重新在所述用户端显示所述目标页面时，从所述本地缓存中获取包含所述目标页面的标识的所有数据记录；
116.在所述目标页面中将每个数据记录中的页面数据展示在对应的页面元素中。
117.上述方法步骤的具体实施例过程可参见实施例一，本实施例在此不再重复赘述。
118.实施例四
119.本实施例还提供一种计算机可读存储介质，如闪存、硬盘、多媒体卡、卡型存储器(例如，sd或dx存储器等)、随机访问存储器(ram)、静态随机访问存储器(sram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、可编程只读存储器(prom)、磁性存储器、磁盘、光盘、服务器、app应用商城等等，其上存储有计算机程序，所述计算机程序被处理器执行时实现如下方法步骤：
120.接收由页面服务器发送的目标页面，将所述目标页面显示在所述用户端，并解析出包含在所述目标页面中的所有页面元素；
121.当检测到在目标页面元素中出现目标页面数据时，在本地缓存中生成目标数据记
录，并将所述目标页面数据、所述目标页面元素的标识和所述目标页面的标识存储到所述目标数据记录中；
122.当重新在所述用户端显示所述目标页面时，从所述本地缓存中获取包含所述目标页面的标识的所有数据记录；
123.在所述目标页面中将每个数据记录中的页面数据展示在对应的页面元素中。
124.上述方法步骤的具体实施例过程可参见实施例一，本实施例在此不再重复赘述。
125.需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
126.上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。
127.通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。
128.以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。