页面加载方法、装置、电子设备及存储介质与流程

1.本发明涉及计算机应用技术领域，尤其涉及一种页面加载方法、装置、电子设备及存储介质。


背景技术：

2.随着html5相关新特性越来越被广泛应用，web应用被赋予了更多职能，拥有了更强的表现力和更加复杂的交互逻辑。这往往意味着在web页面载入\ 切换完成前，需要加载更大体积的静态资源、请求若干基础数据接口作为前置条件——这些前置条件可能会带来不大好的页面用户体验：如“白屏”或者页面局部显示异常；另外，多余的接口请求会给服务端带来额外的负载：比如每刷新或者切换一次页面，一系列接口都会重复请求一次，然而这些接口返回内容很可能和之前一次请求完全一致。也就是说，现有技术中由于多余的接口请求会导致页面加载速度慢，应用页面在加载和切换时呈现迟钝，并且服务器负载高，增加了很多重复请求。


技术实现要素：

3.本发明实施例提供一种页面加载方法，通过将接口请求中的统一资源定位符和配置表中的统一资源定位符进行比对，可以实现快速返回接口缓存数据或接口请求，页面加载速度加快，应用页面在加载和切换时呈现速度有较大提升，并且降低服务器负载的目的，并省略了很多重复请求。
4.第一方面，本发明实施例提供了一种页面加载方法，包括：
5.获取页面加载请求，所述页面加载请求包括多个接口请求；
6.根据所述多个接口请求，将接口请求中的统一资源定位符和配置表中的统一资源定位符进行比对，以得到比对结果；其中，所述比对结果用于指示获取进行页面加载的数据途径；
7.根据所述比对结果，获取与所述多个接口请求对应的请求数据作为待加载数据；
8.基于所述待加载数据加载所述页面。
9.可选地，所述根据所述多次接口请求，将接口请求中的统一资源定位符和配置表中的统一资源定位符进行比对，以得到比对结果包括：
10.拦截所述页面加载请求所包括的所述多个接口请求，并获取所述接口请求的统一资源定位符；
11.针对每一个所述接口请求，确定所述接口请求的统一资源定位符是否命中所述配置表中的统一资源定位符，以得到所述比对结果；
12.若所述接口请求的统一资源定位符命中所述配置表中的统一资源定位符，则确定所述接口请求是用于通过缓存方式获取请求数据的第一类数据请求；
13.若所述接口请求的统一资源定位符未命中所述配置表中的统一资源定位符，则确定所述接口请求是用于通过网络请求的方式获取请求数据的第二类数据请求。
14.可选地，所述页面加载方法还包括：
15.基于事务型数据库封装工具类，将用户标识、请求参数、请求参数键名以及统一资源定位符生成的字符串作为对接口缓存数据的唯一标识，所述唯一标识用于作为索引信息以检索至对应的接口缓存数据；
16.将所述工具类整合以构建出所述接口缓存数据的目标函数，并将所述目标函数添加至全局函数中；
17.根据所述工具类和所述预定缓存规则，通过开源库构建所述请求适配器；
18.将所述请求适配器添加至全局函数内，以拦截每次所述接口请求；其中，所述目标函数用于在所述全局函数内被调用。
19.可选地，所述根据所述比对结果，获取与所述多个接口请求对应的请求数据作为待加载数据，包括：
20.当所述接口请求是第一类数据请求时，则基于所述第一类数据请求中的统一资源定位符、以及所命中的统一资源定位符对应的接口请求数据中携带的用户标识、请求参数以及请求参数键名，生成所述接口请求数据的唯一标识；
21.根据所述唯一标识查询接口缓存数据，以确定与所述唯一标识对应的接口缓存数据作为所述待加载数据。
22.可选地，所述根据所述唯一标识查询接口缓存数据，以确定与所述唯一标识对应的接口缓存数据，作为所述待加载数据包括：
23.根据所述唯一标识查询接口缓存数据，判断是否存在关联的接口缓存数据的索引信息；
24.当存在关联的接口缓存数据的索引信息时，根据关联的所述索引信息确定与所述唯一标识对应的接口缓存数据。
25.可选地，所述当存在关联的接口缓存数据的索引信息时，根据关联的所述索引信息确定与所述唯一标识对应的接口缓存数据包括：
26.当存在关联的接口缓存数据的索引信息时，根据所述索引信息的字符串确定所述接口缓存数据对应的缓存时间；
27.根据所述缓存时间判断所述接口缓存数据是否过期；
28.当所述所述接口缓存数据未过期时，将所述接口缓存数据作为待加载数据；
29.当所述所述接口缓存数据过期时，确定所述唯一标识对应的网络请求数据作为待加载数据。
30.可选地，根据所述比对结果，获取与所述多个接口请求对应的请求数据作为待加载数据，包括：
31.当所述接口请求是第二类数据请求时，根据所述接口请求的统一资源定位符确定对应的网络请求数据；
32.将所述网络请求数据作为待加载数据以进行加载。
33.第三方面，本发明实施例提供了一种页面加载装置，所述装置包括：
34.获取模块，用于获取页面加载请求，所述页面加载请求包括多个接口请求；
35.比对模块，用于根据所述多个接口请求，将每次接口请求中的统一资源定位符和配置表中的统一资源定位符进行比对，以得到比对结果；其中，所述比对结果用于指示获取
进行页面加载的数据途径；
36.确定模块，用于根据所述比对结果，获取与所述多个接口请求对应的请求数据作为待加载数据；
37.加载模块，用于基于所述待加载数据加载所述页面。
38.第三方面，本发明实施例提供了一种电子设备，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现本发明实施例提供的页面加载方法中的步骤。
39.第四方面，本发明实施例提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现发明实施例提供的页面加载方法中的步骤。
40.本发明提供的页面加载方法首先获取页面加载请求，页面加载请求包括多个接口请求；根据多个接口请求，将接口请求中的统一资源定位符和配置表中的统一资源定位符进行比对，以得到比对结果；根据比对结果，获取与多个接口请求对应的请求数据作为待加载数据；基于待加载数据加载页面。由此可以实现快速返回接口缓存数据或接口请求，页面加载速度加快，应用页面在加载和切换时呈现速度有较大提升，并且降低服务器负载的目的，并省略了很多重复请求。
附图说明
41.为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
42.图1是本发明实施例提供的页面加载方法的网络架构图；
43.图2是本发明实施例提供的页面加载方法的流程图；
44.图3是本发明实施例提供的页面加载方法中步骤s20的具体流程图；
45.图4是本发明实施例提供的页面加载方法中步骤s30的具体流程图；
46.图5是本发明实施例提供的页面加载方法中步骤s30的另一流程图；
47.图6是本发明实施例提供的页面加载方法的另一流程图；
48.图7是本发明实施例提供的页面加载装置的结构示意图；
49.图8是本发明实施例提供的电子设备的结构示意图。
具体实施方式
50.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
51.如图1所示，本发明网络架构涉及到客户端及服务器，并且执行主体可以是客户端中的网页浏览系统、图像分析系统等，客户端包括但不限于web端及app端，例如可以是用户的电脑、手机或平板电脑等，在用户使用电脑浏览时，则可以通过电脑上的网页浏览系统进
行浏览各种不同页面，进而能够提升加载页面时的速度，降低了服务器的负载。
52.请参见图2，图2是本发明实施例提供的一种页面加载方法的流程图，如图2，该页面加载方法包括以下步骤：
53.s10、获取页面加载请求。
54.在本实施例中，页面加载请求包括多次接口请求，用户可以通过客户端加载html5页面进行浏览，进而使客户端获取到页面加载请求并发送至服务器，使得服务器可以接收客户端反馈的多次接口请求，并根据接口请求进行返回页面，可以理解的是，每个接口请求可以对应有不同的页面；因此，在客户端获取页面记载请求时，页面加载请求可以通过前端网页或可视化界面等进行获取，进而将接口请求发送至服务器。
55.其中，在获取页面加载请求时，可以通过用户点击页面的操作，例如刷新页面或切换页面，使客户端可以将接口请求反馈至服务器，以使服务器根据接口请求进行后续返回页面等操作。
56.s20、根据多个接口请求，将接口请求中的统一资源定位符和配置表中的统一资源定位符进行比对，以得到比对结果；其中，比对结果用于指示获取进行页面加载的数据途径。
57.在本实施例中，页面加载的数据途径可以有网络请求数据和本地的缓存数据；统一资源定位符表示每一信息资源都有统一的且在网上唯一的地址；并且，接口请求中和配置表中都具有统一资源定位符，通过比对接口请求中的统一资源定位符和配置表中的统一资源定位符，以根据比对结果确定是否直接返回网络请求数据或本地的缓存数据。
58.具体的，如图3所示，上述步骤s20的具体实现方式包括：
59.s21、拦截页面加载请求所包括的多个接口请求，并获取接口请求的统一资源定位符；
60.s22、针对每一个接口请求，确定接口请求的统一资源定位符是否命中配置表中的统一资源定位符，以得到比对结果；
61.s23、若接口请求的统一资源定位符命中配置表中的统一资源定位符，则确定接口请求是用于通过缓存方式获取请求数据的第一类数据请求；
62.s24、若接口请求的统一资源定位符未命中配置表中的统一资源定位符，则确定接口请求是用于通过网络请求的方式获取请求数据的第二类数据请求。
63.在本实施例中，可以基于请求适配器将接口请求进行拦截，并将接口请求的统一资源定位符和配置表中的统一资源定位符之间可以进行比对，从而判断出是否存在某一接口请求的统一资源定位符命中配置表中的某一个统一资源定位符，以得到比对结果，因此，可以将每次接口请求的统一资源定位符与配置表的统一资源定位符进行比对，进而得到接口请求的比对结果，以针对比对结果进行后续的页面加载。
64.其中，第一类数据请求可以是缓存数据请求，第二类数据可以是网络数据请求；在接口请求的统一资源定位符命中配置表中的统一资源定位符时，则表示该接口请求出现重复，表示该接口请求可以通过缓存方式从本地获取对应的请求数据，以通过本地获取的请求数据进行页面加载；在接口请求的统一资源定位符没有命中配置表中的统一资源定位符时，则表示该接口请求为新的请求数据，则可以通过网络请求获取对应的请求数据。
65.举例来说，在用户通过客户端发出页面加载请求时，在页面加载的过程中，当接收
text mark-uplanguage)，层叠样式表(css，英文全称：cascadingstyle sheets)及解释型或即时编译型的编程语言(javascript，js)；并且服务器还可以返回图片、视频、字体和插件等类型的资源。
73.如图4所示，上述步骤s30的具体实现方式包括：
74.s31、当接口请求是第一类数据请求时，则基于第一类数据请求中的统一资源定位符、以及所命中的统一资源定位符对应的接口请求数据中携带的用户标识、请求参数以及请求参数键名，生成接口请求数据的唯一标识；
75.s32、根据唯一标识查询接口缓存数据，以确定与唯一标识对应的接口缓存数据作为待加载数据。
76.其中，上述步骤s32的具体实现方式包括：根据唯一标识查询接口缓存数据，判断是否存在关联的接口缓存数据的索引信息；当存在关联的接口缓存数据的索引信息时，根据关联的索引信息确定与接口请求对应的接口缓存数据。
77.在本实施例中，可以通过接口请求对应的唯一标识在配置表中进行查询接口缓存数据对应的索引信息，在查询得到接口缓存数据关联的索引信息时，则表示事务型数据库中具有与接口请求对应的接口缓存数据，通过该索引信息可以检索出该接口缓存数据，从而可以通过事务型数据库的工具类将接口缓存数据进行调用以加载页面，避免产生重复请求；可以理解的是，通过唯一标识在配置表中进行查询，可以使得查询效率更快，并降低服务器负载，使接口缓存数据返回速度更快。
78.s40、基于待加载数据加载页面。
79.其中，如图6所示，上述步骤当存在关联的接口缓存数据的索引信息时，根据关联的索引信息确定与接口请求对应的接口缓存数据还包括：
80.s311、当存在关联的接口缓存数据的索引信息时，根据索引信息的字符串确定接口缓存数据对应的缓存时间；
81.s312、根据缓存时间判断接口缓存数据是否过期；
82.s313、当接口缓存数据未过期时，将接口缓存数据作为待加载数据；
83.s314、当接口缓存数据过期时，确定唯一标识对应的网络请求数据作为待加载数据并进行缓存。
84.在本实施例中，在配置表中具有与接口缓存数据关联的索引信息，索引信息的字符串包括接口缓存数据的缓存时间，因此，在确定出关联的接口缓存数据时，可以通过索引信息的字符串对接口缓存数据的缓存时间进行判断，以确定出接口缓存数据是否过期，在接口缓存数据没有过期时，通过调用接口缓存数据加载页面，则可以使加载页面的速度更快；在接口缓存数据过期时，则按照其接口请求对应的网络请求数据加载页面，并可以将该网络请求数据缓存至事务型数据库中，进而在后续的页面加载请求中，能够快速响应该请求数据以进行加载，提高页面加载速度。
85.如图5所示，上述步骤s30还包括：
86.s33、当接口请求是第二类数据请求时，根据接口请求的统一资源定位符确定对应的网络请求数据；
87.s34、将网络请求数据作为待加载数据以进行加载。
88.其中，接口请求的统一资源定位符没有命中配置表的统一资源定位符时，则确定
出该接口请求没有产生重复请求，使客户端向服务器发起网络请求，并获取与该接口请求对应的网络请求数据以进行页面加载，减少了服务器的负载，提升了页面的加载速度；可以理解的是，在加载页面时，可以通过网络请求数据对页面进行渲染，进而将渲染后的页面返回至客户端进行显示。
89.本发明实施例中提供的页面加载方法首先获取页面加载请求，页面加载请求包括多个接口请求；根据多个接口请求，将接口请求中的统一资源定位符和配置表中的统一资源定位符进行比对，以得到比对结果；根据比对结果，获取与多个接口请求对应的请求数据作为待加载数据；基于待加载数据加载页面。由此可以实现快速返回接口缓存数据或接口请求，页面加载速度加快，应用页面在加载和切换时呈现速度有较大提升，并且降低服务器负载的目的，并省略了很多重复请求。
90.需要说明的是，本发明实施例提供的页面加载方法可以应用于可以进行页面加载的智能手机、电脑、服务器等设备。
91.可选的，请参见图7，图7是本发明实施例提供的页面加载装置10，该页面加载装置10包括：
92.获取模块11，用于获取页面加载请求，页面加载请求包括多个接口请求；
93.比对模块12，用于根据多个接口请求，将每次接口请求中的统一资源定位符和配置表中的统一资源定位符进行比对，以得到比对结果；其中，比对结果用于指示获取进行页面加载的数据途径；
94.确定模块13，用于根据比对结果，获取与多个接口请求对应的请求数据作为待加载数据；
95.加载模块14，用于基于待加载数据加载页面。
96.本发明实施例中提供的页面加载装置10，首先获取页面加载请求，页面加载请求包括多个接口请求；根据多个接口请求，将接口请求中的统一资源定位符和配置表中的统一资源定位符进行比对，以得到比对结果；根据比对结果，获取与多个接口请求对应的请求数据作为待加载数据；基于待加载数据加载页面。可以实现快速返回接口缓存数据或接口请求，页面加载速度加快，应用页面在加载和切换时呈现速度有较大提升，并且降低服务器负载的目的，并省略了很多重复请求。
97.需要说明的是，本发明实施例提供的页面加载装置可以应用于可以进行页面加载的智能手机、电脑、服务器等设备。
98.本发明实施例提供的页面加载装置能够实现上述方法实施例中页面加载方法实现的各个过程，且可以达到相同的有益效果。为避免重复，这里不再赘述。
99.参见图8，图8是本发明实施例提供的电子设备的结构示意图，如图8所示，包括：存储器202、处理器201及存储在存储器202上并可在处理器201 上运行的页面加载方法的计算机程序，其中：
100.处理器201用于调用存储器202存储的计算机程序，执行如下步骤：
101.获取页面加载请求，页面加载请求包括多个接口请求；
102.根据多个接口请求，将接口请求中的统一资源定位符和配置表中的统一资源定位符进行比对，以得到比对结果；其中，比对结果用于指示获取进行页面加载的数据途径；
103.根据比对结果，获取与多个接口请求对应的请求数据作为待加载数据；
104.基于待加载数据加载页面。
105.可选的，处理器201执行的根据多次接口请求，将接口请求中的统一资源定位符和配置表中的统一资源定位符进行比对，以得到比对结果包括：
106.拦截页面加载请求所包括的多个接口请求，并获取接口请求的统一资源定位符；
107.针对每一个接口请求，确定接口请求的统一资源定位符是否命中配置表中的统一资源定位符，以得到比对结果；
108.若接口请求的统一资源定位符命中配置表中的统一资源定位符，则确定接口请求是用于通过缓存方式获取请求数据的第一类数据请求；
109.若接口请求的统一资源定位符未命中配置表中的统一资源定位符，则确定接口请求是用于通过网络请求的方式获取请求数据的第二类数据请求。
110.可选的，处理器201执行的页面加载方法还包括：
111.基于事务型数据库封装工具类，将接口请求对应的用户标识、请求参数、请求参数键名以及统一资源定位符生成的字符串作为对接口缓存数据的唯一标识，唯一标识用于作为索引信息以检索至对应的接口缓存数据；
112.将工具类整合以构建出接口缓存数据的目标函数，并将目标函数添加至全局函数中；
113.根据工具类和预定缓存规则，通过开源库构建请求适配器；
114.将请求适配器添加至全局函数内，以拦截每次接口请求；其中，目标函数用于在全局函数内被调用。
115.可选的，处理器201执行的根据比对结果，获取与多个接口请求对应的请求数据作为待加载数据，包括：
116.当接口请求是第一类数据请求时，则基于第一类数据请求中的统一资源定位符、以及所命中的统一资源定位符对应的接口请求数据中携带的用户标识、请求参数以及请求参数键名，生成接口请求数据的唯一标识；
117.根据唯一标识查询接口缓存数据，以确定与唯一标识对应的接口缓存数据作为待加载数据。
118.可选的，处理器201执行的根据唯一标识查询接口缓存数据，以确定与唯一标识对应的接口缓存数据，作为待加载数据包括：
119.根据唯一标识查询接口缓存数据，判断是否存在关联的接口缓存数据的索引信息；
120.当存在关联的接口缓存数据的索引信息时，根据关联的索引信息确定与唯一标识对应的接口缓存数据。
121.可选的，处理器201执行的当存在关联的接口缓存数据的索引信息时，根据关联的索引信息确定与唯一标识对应的接口缓存数据包括：
122.当存在关联的接口缓存数据的索引信息时，根据索引信息的字符串确定接口缓存数据对应的缓存时间；
123.根据缓存时间判断接口缓存数据是否过期；
124.当接口缓存数据未过期时，将接口缓存数据作为待加载数据；
125.当接口缓存数据过期时，确定唯一标识对应的网络请求数据作为待加载数据。
126.可选的，处理器201执行的根据比对结果，获取与多个接口请求对应的请求数据作为待加载数据，包括：
127.当接口请求是第二类数据请求时，根据接口请求的统一资源定位符确定对应的网络请求数据；
128.将网络请求数据作为待加载数据以进行加载。
129.需要说明的是，本发明实施例提供的电子设备可以应用于可以进行页面加载的智能手机、电脑、服务器等设备。
130.本发明实施例提供的电子设备能够实现上述方法实施例中页面加载方法实现的各个过程，且可以达到相同的有益效果。为避免重复，这里不再赘述。
131.本发明实施例中提供的计算机可读存储介质，计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现本发明实施例提供的页面加载方法或应用端页面加载方法的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
132.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(read-only memory， rom)或随机存取存储器(random access memory，简称ram)等。
133.以上所揭露的仅为本发明较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。