网页显示方法、装置、计算机设备和存储介质、产品与流程

1.本技术涉及页面数据处理技术领域，特别是涉及一种网页显示方法、装置、计算机设备和存储介质、产品。


背景技术：

2.随着互联网技术的不断发展，越来越多的情况下需要在网页上对数据进行联动显示。
3.而传统方法，在前端网页上进行数据的联动展示时，每次在上一层级网页上接收用户的选择操作后打开下一层级网页，均需要触发http请求，基于http请求向服务器获取下一层级网页中的数据，实现数据联动显示。然后，基于下一层级网页中的数据进行渲染，生成下一层级的网页。
4.因此，若需要在前端网页上进行多次数据的联动展示，则采用传统方法将会触发多次http请求，进而造成网页卡顿的问题。


技术实现要素：

5.本技术实施例提供了一种网页显示方法、装置、计算机设备、计算机可读存储介质，可以解决频繁访问导致的网页卡顿问题。
6.一方面，提供了一种网页显示方法，应用于服务器，所述方法包括：
7.接收终端发送的网页访问请求；
8.通过所述网页访问请求从数据库中获取与目标网页对应的选项数据数组；所述选项数据数组中采用非嵌套方式记录了多个选项数据及所述多个选项数据之间的联动关系；
9.将所述选项数据数组下发至所述终端，以使所述终端根据所述选项数据数组，生成所述目标网页。
10.本技术实施例中，由于数据库中所存储的选项数据数组采用非嵌套方式记录了多个选项数据及所述多个选项数据之间的联动关系，则不会增大数据库的体积，且选项数据数组所占用的存储空间也较小。那么，服务器在接收到终端所发送的网页访问请求之后，就可以一次性获取与目标网页对应的选项数据数组，并将选项数据数组下发至所述终端。后续，终端就可以根据选项数据数组以及用户针对多个选项数据的选择指令，进行页面渲染生成目标网页，以实现在目标网页中对选项数据进行联动展示。不需要如传统方法中，在用户触发一次针对选项数据的选择指令，就触发一次网页访问请求获取与该选项数据对应的子选项数据。显然，采用本技术中的网页显示方法，解决了频繁访问导致的网页卡顿问题。
11.在其中一个实施例中，所述选项数据数组中包括多个同级对象，所述同级对象中记录了所述选项数据的身份标识及进程标识；若第一选项数据的进程标识与第二选项数据的身份标识相同，则表征所述第一选项数据为与所述第二选项数据具有联动关系的选项数据，且所述第一选项数据所在页面为所述第二选项数据所在页面的下一级页面。
12.本技术实施例中，选项数据数组中包括多个同级对象，所述同级对象中记录了所
述选项数据的身份标识及进程标识。通过选项数据的身份标识，可以区别不同的同级对象。而通过选项数据的进程标识，可以表征不同的同级对象之间的联动关系(包含关系或层级关系)。如此，在选项数据数组中以不嵌套的同级对象的方式，具体以在同级对象中记录了所述选项数据的身份标识及进程标识的方式，既实现了记录了多个选项数据之间的联动关系，也实现了大大缩小选项数据数组在数据库中所占用的存储空间的效果。
13.另一方面，提供了一种网页显示方法，应用于终端，所述方法包括：
14.向服务器发送网页访问请求；
15.接收所述服务器根据所述网页访问请求下发的与目标网页对应的选项数据数组；所述选项数据数组中采用非嵌套方式记录了多个选项数据及所述多个选项数据之间的联动关系；
16.根据所述选项数据数组，生成所述目标网页。
17.本技术实施例中，向服务器发送网页访问请求，接收所述服务器根据所述网页访问请求下发的与目标网页对应的选项数据数组；所述选项数据数组中采用非嵌套方式记录了多个选项数据及所述多个选项数据之间的联动关系。根据所述选项数据数组，生成所述目标网页。
18.由于数据库中所存储的选项数据数组采用非嵌套方式记录了多个选项数据及所述多个选项数据之间的联动关系，则不会增大数据库的体积，且选项数据数组所占用的存储空间也较小。那么，终端向服务器发送网页访问请求，服务器在接收到终端所发送的http请求(网页访问请求)之后，就可以一次性获取与目标网页对应的选项数据数组，并将选项数据数组下发至所述终端。后续，终端就可以根据选项数据数组以及用户针对多个选项数据的选择指令，进行页面渲染生成目标网页，以实现在目标网页中对选项数据进行联动展示。不需要如传统方法中，在用户触发一次针对选项数据的选择指令，就触发一次http请求获取与该选项数据对应的子选项数据。显然，采用本技术中的网页显示方法，解决了频繁访问导致的网页卡顿问题。
19.在其中一个实施例中，所述根据所述选项数据数组，生成所述目标网页，包括：
20.基于所述多个选项数据及所述多个选项数据之间的联动关系，生成所述网页的第一级页面；所述第一级页面上显示了至少一个第一级选项数据；
21.在所述网页的第一级页面上，接收用户针对第一级目标选项数据的选择指令；所述第一级目标选项数据为所述至少一个第一级选项数据中的任意一个选项数据；
22.响应于所述选择指令，根据所述第一级目标选项数据、所述多个选项数据及所述多个选项数据之间的联动关系，生成与所述网页的第一级页面进行联动显示的第二级页面。
23.本技术实施例中，数据库中所存储的选项数据数组采用非嵌套方式记录了多个选项数据及所述多个选项数据之间的联动关系，则不会增大数据库的体积，且选项数据数组所占用的存储空间也较小。因此，终端基于一次网页访问请求就可以获取到目标网页的选项数据数组，不会出现网页卡顿的问题。然后，终端就可以基于选项数据数组中所存储的多个选项数据及所述多个选项数据之间的联动关系，结合用户针对页面的选择指令，渲染出一级一级的页面，进而实现了页面中选项数据的联动显示。整个联动显示的过程，无需多次向服务器发起http请求，减少了页面加载的时间。进而，提高了在页面中实现选项数据的联
动显示的速度。
24.在其中一个实施例中，所述选项数据数组中包括多个同级对象，所述同级对象中记录了所述选项数据的身份标识及进程标识；若第一选项数据的进程标识与第二选项数据的身份标识相同，则表征所述第一选项数据为与所述第二选项数据具有联动关系的选项数据，且所述第一选项数据所在页面为所述第二选项数据所在页面的下一级页面；
25.所述基于所述多个选项数据及所述多个选项数据之间的联动关系，生成所述网页的第一级页面，包括：
26.基于所述选项数据的进程标识，从所述多个选项数据中确定第一级选项数据；所述第一级选项数据对应的进程标识为空；
27.根据所述第一级选项数据进行渲染，生成所述目标网页的第一级页面。
28.本技术实施例中，由于预先定义了第一级选项数据对应的进程标识为空，因此，基于所述选项数据的进程标识，就可以从所述多个选项数据中将进程标识为空的选项数据确定为第一级选项数据。再根据所述第一级选项数据进行渲染，生成所述目标网页的第一级页面。如此，就可以准确地确定出第一级选项数据，进而准确地确定出目标网页的第一级页面。如此，基于第一级选项数据对应的进程标识为空的规则，就可以快速地生成目标网页的第一级页面。
29.在其中一个实施例中，所述根据所述第一级选项数据、所述多个选项数据及所述多个选项数据之间的联动关系，生成与所述网页的第一级页面进行联动显示的第二级页面，包括：
30.根据所述第一级目标选项数据的身份标识，从所述多个选项数据中获取进程标识与所述第一级目标选项数据的身份标识相同的第二级选项数据；
31.根据所述第二级选项数据进行渲染，生成与所述网页的第一级页面进行联动显示的第二级页面。
32.本技术实施例中，根据所述第一级目标选项数据的身份标识，从所述多个选项数据中获取进程标识与所述第一级目标选项数据的身份标识相同的第二级选项数据。根据所述第二级选项数据进行渲染，生成与所述网页的第一级页面进行联动显示的第二级页面。基于页面上用户所选择的选项数据的身份标识，就可以结合其他选项数据的进程标识，获取进程标识与用户所选择的选项数据的身份标识相同的选项数据作为第二级选项数据。以此类推，就可以基于终端中存储的选项数据数组中所记录的所述选项数据的身份标识及进程标识，快速地确定出下一级选项数据，进而快速渲染出下一级页面。进而，提高了网页的响应速度。
33.另一方面，提供了一种网页显示装置，所述装置包括：
34.网页访问指令接收模块，用于接收终端发送的网页访问请求；
35.选项数据数组获取模块，用于通过所述网页访问请求从数据库中获取与目标网页对应的选项数据数组；所述选项数据数组中采用非嵌套方式记录了多个选项数据及所述多个选项数据之间的联动关系；
36.第一目标网页生成模块，用于将所述选项数据数组下发至所述终端，以使所述终端根据所述选项数据数组，生成所述目标网页。。
37.另一方面，提供了一种计算机设备，包括存储器及处理器，所述存储器中储存有计
算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行如上所述的网页显示方法的步骤。
38.另一方面，提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上所述的网页显示方法的步骤。
39.另一方面，提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现如上所述的网页显示方法的步骤。
40.上述网页显示方法、装置、计算机设备和存储介质、产品，接收终端发送的网页访问请求，通过网页访问请求从数据库中获取与目标网页对应的选项数据数组。其中，选项数据数组中采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系。将选项数据数组下发至终端，以使终端根据选项数据数组，生成目标网页。
41.由于数据库中所存储的选项数据数组采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系，则不会增大数据库的体积，且选项数据数组所占用的存储空间也较小。那么，服务器在接收到终端所发送的http请求之后，就可以一次性获取与目标网页对应的选项数据数组，并将选项数据数组下发至终端。后续，终端就可以根据选项数据数组以及用户针对多个选项数据的选择指令，进行页面渲染生成目标网页，以实现在目标网页中对选项数据进行联动展示。不需要如传统方法中，在用户触发一次针对选项数据的选择指令，就触发一次http请求获取与该选项数据对应的子选项数据。显然，采用本技术中的网页显示方法，解决了频繁访问导致的网页卡顿问题。
附图说明
42.为了更清楚地说明本技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
43.图1为一个实施例中网页显示方法的应用环境图；
44.图2为一个实施例中网页显示方法的流程图；
45.图3为另一个实施例中网页显示方法的流程图；
46.图4为图3中根据选项数据数组生成目标网页的流程图；
47.图5为为一个实施例中在目标网页中对选项数据进行联动展示的示意图；
48.图6为为另一个实施例中在目标网页中对选项数据进行联动展示的示意图；
49.图7为一个具体的实施例中网页显示方法的流程图；
50.图8为一个实施例中网页显示装置的结构框图；
51.图9为另一个实施例中网页显示装置的结构框图；
52.图10为图9中第二目标网页生成模块的结构框图；
53.图11为一个实施例中计算机设备的内部结构示意图。
具体实施方式
54.为了使本技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本技术，并
不用于限定本技术。
55.可以理解，本技术所使用的术语“第一”、“第二”等可在本文中用于描述各种元件，但这些元件不受这些术语限制。这些术语仅用于将第一个元件与另一个元件区分。举例来说，在不脱离本技术的范围的情况下，可以将第一级页面称为第二级页面，且类似地，可将第二级页面称为第一级页面。第一级页面和第二级页面两者都是级页面，但其不是同一级页面。
56.图1为一个实施例中网页显示方法的应用环境示意图。如图1所示，该应用环境包括终端120、服务器140及数据库160，终端120与服务器140之间通过网络连接，服务器140及数据库160之间通过网络连接。服务器140接收终端发送的网页访问请求；通过网页访问请求从数据库中获取与目标网页对应的选项数据数组；选项数据数组中采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系；将选项数据数组下发至终端，以使终端根据选项数据数组，生成目标网页。其中，终端120可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑、物联网设备和便携式可穿戴设备，物联网设备可为智能音箱、智能电视、智能空调、智能车载设备等。便携式可穿戴设备可为智能手表、智能手环、头戴设备等。
57.传统方法中，为了在前端页面上实现数据联动显示，采用将选项数据按照联动逻辑，以嵌套方式存储在数据库中。即数据库中存储了选项数据及与之联动显示的后续全部选项数据。若选项数据的联动逻辑之间存在交叉，那么数据库中就会存储大量的重复数据。例如，数据库中记录了选项数据1包括选项数据2、选项数据3；再记录选项数据2包括选项数据4、选项数据5
……
；还记录选项数据3包括选项数据4、选项数据5
……
；即选项数据2、选项数据3的联动逻辑之间存在交叉。若选项数据之间的联动关系更加复杂，则这将显著增大数据库的体积，造成存储空间的浪费。
58.且在前端页面上接收到网页访问请求时，终端向服务器发出一次http请求，若响应于这一次http请求，将与该网页访问请求的所有选项数据(嵌套方式存储的选项数据)全部下发至终端，则由于嵌套方式存储的选项数据的数据量较大，则下发过程较慢、时延较长，将会出现网页卡顿的问题。若终端向服务器发出一次http请求，仅向终端下发本次待显示的选项数据。那么，用户在终端的网页上针对某个选项数据进行一次选择时，则触发一次http请求，服务器就会频繁对多次http请求做出响应，这也将会带来网页卡顿的问题。
59.为了解决网页卡顿的问题，本技术提出了一种网页显示方法，图2为一个实施例中网页显示方法的流程图。本实施例中的网页显示方法，以运行于图1中的服务器上为例进行描述。如图2所示，网页显示方法包括步骤220至步骤260，其中，
60.步骤220，接收终端发送的网页访问请求。
61.用户在终端上触发网页访问请求，向服务器发送网页访问请求，服务器接收到该网页访问请求。用户在终端上可以通过打开网页访问的app或打开网站，来触发网页访问请求。其中，网页访问请求可以是http请求。网页访问请求中可以携带待访问的目标网页的信息、以及用户的用户标识等信息，本技术对此不做限定。
62.步骤240，通过网页访问请求从数据库中获取与目标网页对应的选项数据数组；选项数据数组中采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系。
63.服务器在接收到该网页访问请求之后，基于该网页访问请求中所携带的待访问的
目标网页的信息、以及用户的用户标识等信息访问数据库，从数据库中获取与目标网页对应的选项数据数组。当然，还可以进一步获取到与目标网页、用户标识对应的选项数据数组。即服务器在接收到终端所发送的http请求之后，一次性获取与目标网页对应的选项数据数组。其中，选项数据数组中采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系。若选项数据数组中采用嵌套方式记录了多个选项数据及多个选项数据之间的联动关系，则指的是记录选项数据1包括选项数据2、选项数据3；再记录选项数据2包括选项数据4、选项数据5
……
；还记录选项数据3包括选项数据4、选项数据5
……
；以此类推。如果某几个选项数据中包括相同的选项数据，则这几个相同的选项数据将会被重复记录，即将会在数据库中记录多项重复数据。显然，这将增大数据库的体积，造成存储空间的浪费。
64.这里非嵌套方式指的是在选项数据数组中针对每个选项数据均只记录一次，且多个选项数据均为同级对象，同级对象中记录了自身与其他同级对象之间的联动关系。即实现了采用不采用嵌套的方式记录了多个选项数据及多个选项数据之间的联动关系。因此，不会在数据库中记录多项重复数据。显然，这将缩小数据库的体积，避免造成存储空间的浪费。其中，这里多个选项数据之间的联动关系包括多个选项数据之间的包含关系或层级关系。
65.步骤260，将选项数据数组下发至终端，以使终端根据选项数据数组，生成目标网页。
66.即服务器在接收到终端所发送的http请求之后，一次性获取与目标网页对应的选项数据数组，并将选项数据数组下发至终端。后续，终端就可以根据选项数据数组以及用户针对多个选项数据的选择指令，进行页面渲染生成目标网页，以实现在目标网页中对选项数据进行联动展示。
67.当用户在终端上触发另一目标网页的网页访问请求时，则向服务器发送网页访问请求，服务器在接收到该网页访问请求之后，基于该网页访问请求中所携带的待访问的另一目标网页的信息、以及用户的用户标识等信息访问数据库，从数据库中获取与另一目标网页对应的选项数据数组。这里目标网页可以是oa(办公自动化，office automation)办公网页，而另一目标网页可以是财务网页，本技术对此不做限定。
68.本技术实施例中，接收终端发送的网页访问请求，通过网页访问请求从数据库中获取与目标网页对应的选项数据数组。其中，选项数据数组中采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系。将选项数据数组下发至终端，以使终端根据选项数据数组，生成目标网页。
69.由于数据库中所存储的选项数据数组采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系，则不会增大数据库的体积，且选项数据数组所占用的存储空间也较小。那么，服务器在接收到终端所发送的http请求之后，就可以一次性获取与目标网页对应的选项数据数组，并将选项数据数组下发至终端。后续，终端就可以根据选项数据数组以及用户针对多个选项数据的选择指令，进行页面渲染生成目标网页，以实现在目标网页中对选项数据进行联动展示。不需要如传统方法中，在用户触发一次针对选项数据的选择指令，就触发一次http请求获取与该选项数据对应的子选项数据。显然，采用本技术中的网页显示方法，解决了频繁访问导致的网页卡顿问题。
70.在上一个实施例中描述了一种网页显示方法，不需要通过服务器频繁访问数据
库，就可以实现选项数据在网页上联动显示。本实施例中，进一步介绍选项数据数组中包括多个同级对象，同级对象中记录了选项数据的身份标识及进程标识；若第一选项数据的进程标识与第二选项数据的身份标识相同，则表征第一选项数据为与第二选项数据具有联动关系的选项数据，且第一选项数据所在页面为第二选项数据所在页面的下一级页面。
71.具体的，选项数据数组存储在数据库中，且选项数据数组中包括多个同级对象，即每个选项数据均作为一个同级对象被记录一次。其中，每个同级对象中记录了一个选项数据的身份标识及进程标识。通过选项数据的身份标识及进程标识，可以表示出该选项数据与其他多个选项数据之间的联动关系(包含关系或层级关系)。
72.例如，若第一选项数据的进程标识(pid，process identification)与第二选项数据的身份标识(id，identification)相同，则表征第一选项数据为与第二选项数据具有联动关系(包含关系或层级关系)的选项数据，且第一选项数据所在页面为第二选项数据所在页面的下一级页面。换言之，第一选项数据的下一级页面中包含了第二选项数据。
73.下表1-1展示了数据库中所存储的选项数据数组中的部分选项数据。
74.表1-1
75.idpidsortcodenameunitresourcetypetype1null1xx宿主机nullalarm_resource_type_hostalarm_type_metric10410xxx磁盘使用量galarm_resource_type_hostalarm_type_metric212xxcpunullalarm_resource_type_hostalarm_type_metric313xxx内存nullalarm_resource_type_hostalarm_type_metric
76.其中，表1-1中id＝2、id＝3的选项数据对应的pid均为1，则说明id＝2、id＝3的选项数据均为id＝1的选项数据所在页面的下一级页面。
77.本技术实施例中，选项数据数组中包括多个同级对象，同级对象中记录了选项数据的身份标识及进程标识。通过选项数据的身份标识，可以区别不同的同级对象。而通过选项数据的进程标识，可以表征不同的同级对象之间的联动关系(包含关系或层级关系)。如此，在选项数据数组中以不嵌套的同级对象的方式，具体以在同级对象中记录了选项数据的身份标识及进程标识的方式，既实现了记录了多个选项数据之间的联动关系，也实现了大大缩小选项数据数组在数据库中所占用的存储空间的效果。
78.图3为一个实施例中网页显示方法的流程图。本实施例中的网页显示方法，以运行于图1中的终端上为例进行描述。如图3所示，网页显示方法包括步骤320至步骤360，其中，
79.步骤320，向服务器发送网页访问请求。
80.用户在终端上触发网页访问请求，终端向服务器发送网页访问请求，服务器接收到该网页访问请求。用户在终端上可以通过打开网页访问的app或打开网站，来触发网页访问请求。其中，网页访问请求可以是http请求。网页访问请求中可以携带待访问的目标网页的信息、以及用户的用户标识等信息，本技术对此不做限定。
81.步骤340，接收服务器根据网页访问请求下发的与目标网页对应的选项数据数组；选项数据数组中采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系。
82.服务器在接收到该网页访问请求之后，基于该网页访问请求中所携带的待访问的目标网页的信息、以及用户的用户标识等信息访问数据库，从数据库中获取与目标网页对应的选项数据数组。当然，还可以进一步获取到与目标网页、用户标识对应的选项数据数组。即服务器在接收到终端所发送的http请求之后，一次性获取与目标网页对应的选项数
据数组。其中，选项数据数组中采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系。
83.这里非嵌套方式指的是在选项数据数组中针对每个选项数据均只记录一次，且多个选项数据均为同级对象，同级对象中记录了自身与其他同级对象之间的联动关系。即实现了采用不采用嵌套的方式记录了多个选项数据及多个选项数据之间的联动关系。因此，不会在数据库中记录多项重复数据。显然，这将缩小数据库的体积，避免造成存储空间的浪费。其中，这里多个选项数据之间的联动关系包括多个选项数据之间的包含关系或层级关系。
84.由于数据库中所存储的选项数据数组所占用的存储空间较小，因此，就可以通过服务器基于网页访问请求，一次性向终端下发与目标网页对应的选项数据数组。然后，终端就可以一次性接收到服务器所下发的与目标网页对应的选项数据数组。避免了传统方法中用户在终端上点击一次选项数据，则就触发一次http请求获取与该选项数据对应的子选项数据，导致频繁触发http请求的问题。
85.步骤360，根据选项数据数组，生成目标网页。
86.在终端一次性接收到服务器所下发的与目标网页对应的选项数据数组之后，根据选项数据数组结合用户针对第一级目标选项数据的选择操作，就可以实现在目标网页中对选项数据进行联动展示。且在联动展示的过程中，并不需要向服务器发起http请求。
87.其中，选项数据数组中采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系。那么，根据选项数据数组结合用户针对第一级目标选项数据的选择操作，就可以实现在目标网页中对选项数据进行联动展示，具体为根据多个选项数据及多个选项数据之间的联动关系，在目标网页中对选项数据进行联动展示。
88.本技术实施例中，向服务器发送网页访问请求，接收服务器根据网页访问请求下发的与目标网页对应的选项数据数组；选项数据数组中采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系。根据选项数据数组，生成目标网页。
89.由于数据库中所存储的选项数据数组采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系，则不会增大数据库的体积，且选项数据数组所占用的存储空间也较小。那么，终端向服务器发送网页访问请求，服务器在接收到终端所发送的http请求(网页访问请求)之后，就可以一次性获取与目标网页对应的选项数据数组，并将选项数据数组下发至终端。后续，终端就可以根据选项数据数组以及用户针对多个选项数据的选择指令，进行页面渲染生成目标网页，以实现在目标网页中对选项数据进行联动展示。不需要如传统方法中，在用户触发一次针对选项数据的选择指令，就触发一次http请求获取与该选项数据对应的子选项数据。显然，采用本技术中的网页显示方法，解决了频繁访问导致的网页卡顿问题。
90.在上一个实施例中描述了一种网页显示方法，不需要通过服务器频繁访问数据库，就可以实现选项数据在网页上联动显示。如图4所示，本实施例中，步骤360，根据选项数据数组，生成目标网页，包括：
91.步骤362，基于多个选项数据及多个选项数据之间的联动关系，生成网页的第一级页面；第一级页面上显示了至少一个第一级选项数据。
92.如图5所示，为一个实施例中在目标网页中对选项数据进行联动展示的示意图。目
标网页包括多级页面，第一级页面、第二级页面、第三级页面等，本技术对此不做限定。由于终端中所存储的选项数据数组采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系，所以，首先，终端基于网页访问请求、多个选项数据及多个选项数据之间的联动关系，可以生成网页的第一级页面。其中，第一级页面中包括至少一个第一级选项数据。例如，第一级页面中可以仅包括一个第一级选项数据，也可以包括多个并列的第一级选项数据。结合图5所示，第一级页面中包括多个并列的第一级选项数据，例如第一级选项数据a、第一级选项数据b、第一级选项数据c。基于第一级选项数据可以联动至其他选项数据，而通过其他选项数据不可以联动到第一级选项数据。
93.然后，就可以基于至少一个第一级选项数据进行渲染，生成了网页的第一级页面，得到图5中的第一级页面。
94.步骤364，在网页的第一级页面上，接收用户针对第一级目标选项数据的选择指令；第一级目标选项数据为至少一个第一级选项数据中的任意一个选项数据。
95.基于至少一个第一级选项数据进行渲染，生成了网页的第一级页面之后，在网页的第一级页面上，可以接收用户针对第一级目标选项数据的选择指令。其中，第一级目标选项数据为至少一个第一级选项数据中的任意一个选项数据。结合图5所示，用户在第一级页面上触发了针对第一级选项数据a的选择指令。这里，第一级选项数据a即为第一级目标选项数据。
96.步骤366，响应于选择指令，根据第一级目标选项数据、多个选项数据及多个选项数据之间的联动关系，生成与网页的第一级页面进行联动显示的第二级页面。
97.终端响应于针对第一级选项数据a的选择指令，根据第一级选项数据a、多个选项数据及多个选项数据之间的联动关系，生成与网页的第一级页面进行联动显示的第二级页面。具体的，根据第一级选项数据a、多个选项数据及多个选项数据之间的联动关系，确定第一级选项数据a可以联动的其他选项数据。将第一级选项数据a可以联动的其他选项数据，作为第二级页面上的第二级选项数据。基于这些第二级选项数据进行渲染，就可以生成与网页的第一级页面进行联动显示的第二级页面。
98.在生成了第二级页面之后，可以继续将第二级页面作为新的第一级页面，并将第二级页面中的第二级选项数据作为新的第一级选项数据，循环执行控制终端在网页的第一级页面上，接收用户针对第一级选项数据的选择指令；控制终端根据第一级选项数据的身份标识，从多个选项数据中获取进程标识与第一级选项数据的身份标识相同的第二级选项数据；根据第二级选项数据进行渲染，生成与网页的第一级页面进行联动显示的第二级页面，直到第二级选项数据不存在具有联动关系的选项数据为止。
99.例如，在网页的第二级页面上，接收用户针对第二级目标选项数据的选择指令；第二级目标选项数据为至少一个第二级选项数据中的任意一个选项数据。响应于选择指令，根据第二级目标选项数据、多个选项数据及多个选项数据之间的联动关系，生成与网页的第二级页面进行联动显示的第三级页面。依次类推，直到联动显示至目标网页的最后一级页面为止。
100.本技术实施例中，基于多个选项数据及多个选项数据之间的联动关系，生成网页的第一级页面。在网页的第一级页面上，接收用户针对第一级目标选项数据的选择指令。响应于选择指令，根据第一级目标选项数据、多个选项数据及多个选项数据之间的联动关系，
生成与网页的第一级页面进行联动显示的第二级页面。依次类推，直到联动显示至目标网页的最后一级页面为止。
101.数据库中所存储的选项数据数组采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系，则不会增大数据库的体积，且选项数据数组所占用的存储空间也较小。因此，终端基于一次网页访问请求就可以获取到目标网页的选项数据数组，不会出现网页卡顿的问题。然后，终端就可以基于选项数据数组中所存储的多个选项数据及多个选项数据之间的联动关系，结合用户针对页面的选择指令，渲染出一级一级的页面，进而实现了页面中选项数据的联动显示。整个联动显示的过程，无需多次向服务器发起http请求，减少了页面加载的时间。进而，提高了在页面中实现选项数据的联动显示的速度。
102.在一个实施例中，选项数据数组中包括多个同级对象，同级对象中记录了选项数据的身份标识及进程标识；若第一选项数据的进程标识与第二选项数据的身份标识相同，则表征第一选项数据为与第二选项数据具有联动关系的选项数据，且第一选项数据所在页面为第二选项数据所在页面的下一级页面；
103.步骤362，基于多个选项数据及多个选项数据之间的联动关系，生成网页的第一级页面，包括：
104.基于选项数据的进程标识，从多个选项数据中确定第一级选项数据；第一级选项数据对应的进程标识为空；
105.根据第一级选项数据进行渲染，生成目标网页的第一级页面。
106.具体的，选项数据数组存储在数据库中，且选项数据数组中包括多个同级对象，即每个选项数据均作为一个同级对象被记录一次。其中，每个同级对象中记录了一个选项数据的身份标识及进程标识。通过选项数据的身份标识及进程标识，可以表示出该选项数据与其他多个选项数据之间的联动关系(包含关系或层级关系)。
107.例如，若第一选项数据的进程标识(pid，process identification)与第二选项数据的身份标识(id，identification)相同，则表征第一选项数据为与第二选项数据具有联动关系(包含关系或层级关系)的选项数据，且第一选项数据所在页面为第二选项数据所在页面的下一级页面。换言之，第一选项数据的下一级页面中包含了第二选项数据。
108.因此，基于选项数据的进程标识，从多个选项数据中确定第一级选项数据，其中，第一级选项数据对应的进程标识为空。结合表1-1所示，id＝1的选项数据的pid为空(null)，则确定id＝1的选项数据为第一级选项数据。
109.然后，根据第一级选项数据进行渲染，生成目标网页的第一级页面。其中，第一级页面中显示了第一级选项数据，且用户可以对第一级选项数据触发选择操作。
110.本技术实施例中，由于预先定义了第一级选项数据对应的进程标识为空，因此，基于选项数据的进程标识，就可以从多个选项数据中将进程标识为空的选项数据确定为第一级选项数据。再根据第一级选项数据进行渲染，生成目标网页的第一级页面。如此，就可以准确地确定出第一级选项数据，进而准确地确定出目标网页的第一级页面。如此，基于第一级选项数据对应的进程标识为空的规则，就可以快速地生成目标网页的第一级页面。
111.在上一个实施例中，描述了生成目标网页的第一级页面的过程。本实施例中，进一步描述步骤364，根据第一级选项数据、多个选项数据及多个选项数据之间的联动关系，生成与网页的第一级页面进行联动显示的第二级页面，包括：
112.根据第一级目标选项数据的身份标识，从多个选项数据中获取进程标识与第一级目标选项数据的身份标识相同的第二级选项数据；
113.根据第二级选项数据进行渲染，生成与网页的第一级页面进行联动显示的第二级页面。
114.具体的，基于选项数据的进程标识，从多个选项数据中将进程标识为空的选项数据确定为第一级选项数据。再根据第一级选项数据进行渲染，生成目标网页的第一级页面。此时，就可以根据第一级目标选项数据的身份标识，从多个选项数据中获取进程标识与第一级目标选项数据的身份标识相同的第二级选项数据。
115.结合表1-1可知id＝1的选项数据的pid为空(null)，则确定id＝1的选项数据为第一级选项数据。表1-1中id＝2、id＝3的选项数据对应的pid均为1，则说明id＝2、id＝3的选项数据均为第二级选项数据。
116.具体的，根据第二级选项数据进行渲染，生成与网页的第一级页面进行联动显示的第二级页面。根据id＝2、id＝3的选项数据进行渲染，生成与网页的第一级页面进行联动显示的第二级页面。
117.如图5所示，第一级页面中包括第一级选项数据a、第一级选项数据b、第一级选项数据c。假设第一级选项数据a、第一级选项数据b、第一级选项数据c的pid均为空(null)，第一级选项数据a的id＝1。
118.进一步，第二级页面中包括第二级选项数据a1、第二级选项数据a2，那么第二级选项数据a1、第二级选项数据a2的pid均为1，第二级选项数据a1的id＝4、第二级选项数据a2的id＝5。
119.进一步，若用户在第二级页面上选择了第二级选项数据a2，则渲染之后生成了第三级页面，第三级页面中包括第三级选项数据a21、第三级选项数据a22、第三级选项数据a23，那么第三级选项数据a21、第三级选项数据a22、第三级选项数据a23的pid均为5，第三级选项数据a21的id＝9、第三级选项数据a22的id＝10、第三级选项数据a23的id＝11。
120.进一步，若用户在第三级页面上选择了第三级选项数据a23，则渲染之后生成了第四级页面，第四级页面中包括第四级选项数据a231、第四级选项数据a232、第四级选项数据a233，那么第四级选项数据a231、第四级选项数据a232、第四级选项数据a233的pid均为11，第四级选项数据a231的id＝15、第四级选项数据a232的id＝16、第四级选项数据a233的id＝17。
121.如图6所示，第一级页面、第二级页面与图5中所展示的第一级页面、第二级页面相同，在此不再赘述渲染的详细过程。
122.进一步，若用户在第二级页面上重新进行了选择，即用户并非首次在第二级页面上进行选择，且用户重新选择的选项并非前一次的选项。那么，首先，在第二级页面及后续联动的页面上对历史操作记录进行清空。然后，若用户在第二级页面上重新选择了第二级选项数据a1，则渲染之后生成了第三级页面，第三级页面中包括第三级选项数据a11、第三级选项数据a12、第三级选项数据a13，那么第三级选项数据a11、第三级选项数据a12、第三级选项数据a13的pid均为4，第三级选项数据a11的id＝6、第三级选项数据a12的id＝7、第三级选项数据a13的id＝8。
123.进一步，若用户在第三级页面上选择了第三级选项数据a12，则渲染之后生成了第
四级页面，第四级页面中包括第四级选项数据a121、第四级选项数据a122、第四级选项数据a123，那么第四级选项数据a121、第四级选项数据a122、第四级选项数据a123的pid均为7，第四级选项数据a121的id＝12、第四级选项数据a122的id＝13、第四级选项数据a123的id＝14。
124.本技术实施例中，根据第一级目标选项数据的身份标识，从多个选项数据中获取进程标识与第一级目标选项数据的身份标识相同的第二级选项数据。根据第二级选项数据进行渲染，生成与网页的第一级页面进行联动显示的第二级页面。基于页面上用户所选择的选项数据的身份标识，就可以结合其他选项数据的进程标识，获取进程标识与用户所选择的选项数据的身份标识相同的选项数据作为第二级选项数据。以此类推，就可以基于终端中存储的选项数据数组中所记录的选项数据的身份标识及进程标识，快速地确定出下一级选项数据，进而快速渲染出下一级页面。进而，提高了网页的响应速度。
125.在一个具体的实施例中，如图7所示，提供了一种网页显示方法，应用于终端，包括：
126.步骤702，在终端上展示网页的初始页面；
127.步骤704，向服务器发起网页访问请求，以使服务器从数据库中获取目标网页对应的选项数据数组，将选项数据数组下发至终端；
128.步骤706，获取与目标网页对应的选项数据数组，将选项数据数组存储至页面缓存data中，记为alldata；
129.步骤708，从alldata中筛选出pid为空的选项数据，记为选项数据data1，将选项数据data1传送至第一级页面进行显示；
130.步骤710，生成第一级页面；
131.步骤712，接收用户针对第一级页面中的任一选项数据data1的选择指令，将该选项数据data1的id记为select_id；
132.步骤714，从alldata中筛选出pid＝select_id的选项数据，记为选项数据data2，将选项数据data2传送至第二级页面进行显示；
133.步骤716，生成第二级页面；
134.步骤718，若用户在第二级页面上重新进行了选择，接收用户针对第一级页面中的任一选项数据data1的选择指令，将该选项数据data1的id记为select_id_new；
135.步骤720，清空第二级页面及后续联动的页面上的历史操作记录；
136.步骤722，从alldata中筛选出pid＝select_id_new的选项数据，记为选项数据data3，将选项数据data3传送至第二级页面进行显示；
137.步骤724，生成新的第二级页面；
138.本技术实施例中，由于数据库中所存储的选项数据数组采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系，则不会增大数据库的体积，且选项数据数组所占用的存储空间也较小。那么，终端向服务器发送网页访问请求，服务器在接收到终端所发送的http请求(网页访问请求)之后，就可以一次性获取与目标网页对应的选项数据数组，并将选项数据数组下发至终端。后续，终端就可以根据选项数据数组以及用户针对多个选项数据的选择指令，进行页面渲染生成目标网页，以实现在目标网页中对选项数据进行联动展示。不需要如传统方法中，在用户触发一次针对选项数据的选择指令，就触发一次
http请求获取与该选项数据对应的子选项数据。显然，采用本技术中的网页显示方法，解决了频繁访问导致的网页卡顿问题。
139.应该理解的是，虽然上述流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，上述流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
140.在一个实施例中，如图8所示，提供了一种网页显示装置800，该装置包括：
141.网页访问指令接收模块820，用于接收终端发送的网页访问请求；
142.选项数据数组获取模块840，用于通过网页访问请求从数据库中获取与目标网页对应的选项数据数组；选项数据数组中采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系；
143.第一目标网页生成模块860，用于将选项数据数组下发至终端，以使终端根据选项数据数组，生成目标网页。
144.在一个实施例中，选项数据数组中包括多个同级对象，同级对象中记录了选项数据的身份标识及进程标识；若第一选项数据的进程标识与第二选项数据的身份标识相同，则表征第一选项数据为与第二选项数据具有联动关系的选项数据，且第一选项数据所在页面为第二选项数据所在页面的下一级页面。
145.在一个实施例中，如图9所示，提供了一种网页显示装置900，应用于终端，装置包括：
146.网页访问请求发送模块920，用于向服务器发送网页访问请求；
147.选项数据数组接收模块940，用于接收服务器根据网页访问请求下发的与目标网页对应的选项数据数组；选项数据数组中采用非嵌套方式记录了多个选项数据及多个选项数据之间的联动关系；
148.第二目标网页生成模块960，用于根据选项数据数组，生成目标网页。
149.在一个实施例中，如图10所示，第二目标网页生成模块960，包括：
150.第一级页面生成单元962，用于基于多个选项数据及多个选项数据之间的联动关系，生成网页的第一级页面；第一级页面上显示了至少一个第一级选项数据；
151.选择指令接收单元964，用于在网页的第一级页面上，接收用户针对第一级目标选项数据的选择指令；第一级目标选项数据为至少一个第一级选项数据中的任意一个选项数据；
152.第二级页面生成单元966，用于响应于选择指令，根据第一级目标选项数据、多个选项数据及多个选项数据之间的联动关系，生成与网页的第一级页面进行联动显示的第二级页面。
153.在一个实施例中，选项数据数组中包括多个同级对象，同级对象中记录了选项数据的身份标识及进程标识；若第一选项数据的进程标识与第二选项数据的身份标识相同，则表征第一选项数据为与第二选项数据具有联动关系的选项数据，且第一选项数据所在页
programmable read-only memory，电可擦除可编程只读存储器)或闪存。易失性存储器可包括ram(random access memory，随机存取存储器)，它用作外部高速缓冲存储器。作为说明而非局限，ram以多种形式可得，诸如sram(static random access memory，静态随机存取存储器)、dram(dynamic random access memory，动态随机存取存储器)、sdram(synchronous dynamic random access memory，同步动态随机存取存储器)、双数据率ddr sdram(double data rate synchronous dynamic random access memory，双数据率同步动态随机存取存储器)、esdram(enhanced synchronous dynamic random access memory，增强型同步动态随机存取存储器)、sldram(sync link dynamic random access memory，同步链路动态随机存取存储器)、rdram(rambus dynamic random access memory，总线式动态随机存储器)、drdram(direct rambus dynamic random access memory，接口动态随机存储器)。
166.以上实施例仅表达了本技术的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本技术专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本技术构思的前提下，还可以做出若干变形和改进，这些都属于本技术的保护范围。因此，本技术专利的保护范围应以所附权利要求为准。