CN115080154B 页面显示方法、装置、存储介质及电子设备 （京东方科技集团股份有限公司）

本公开从父页面进入子页面时可以由服务端存2接收到对父页面中目标数据的查询操作时，向服务端发送第一定义第一参数记忆变量，所述第一参数记忆变量用于标记是定义第一导航守卫，所述第一导航守卫用于对第一对象中父接收到对所述父页面中目标数据的查询操作时，获取所述父页面向所述服务端发送携带所述目标参数字符串的第一请求以在所述服务端存储所述目定义第二参数记忆变量，所述第二参数记忆变量用于标记所述定义第二导航守卫，所述第二导航守卫用于对第二对象中父3对所述第一参数字符串进行解码，得到初始参数字符串，并将所述初始将所述页面跳转参数的当前值赋值给选项变量，所述选项变量用于保第一页面显示模块，用于接收到对父页面中目标数第二页面显示模块，用于向所述服务端发送第二请求以文件配置模块，用于配置目标文件，所述目标文件用于第一变量定义模块，用于定义第一参数记忆变量，所述第一参第一守卫定义模块，用于定义第一导航守卫，所述第一导其中，所述处理器配置为经由执行所述可执行指令来执行权利要求1-6任一项所述的4[0014]在本公开的一种示例性实施例中，所述接收到对父页面中目标数据的查询操作5[0017]向所述服务端发送携带所述目标参数字符串的第一请求以在所述服务端存储所送第二请求以从所述服务端获取所述目标参数6所述计算机程序被处理器执行时实现上述任意一项[0042]图1示出了可以应用本公开实施例的一种页面显示方法及装置的示例性系统架构[0044]图3示意性示出了根据本公开的一个实施例的页面跳转时存储页面跳转参数的流[0045]图4示意性示出了根据本公开的一个实施例的页面跳转时对页面跳转参数进行处[0046]图5示意性示出了根据本公开的另一个实施例的页面跳转时存储页面跳转参数的[0047]图6示意性示出了根据本公开的一个实施例的页面返回时获取页面跳转参数的流[0048]图7示意性示出了根据本公开的另一个实施例的页面返回时获取页面跳转参数的7[0054]图11示意性示出了适于用来实现本公开实施例的电子设备的计算机系统的结构以实践本公开的技术方案而省略所述特定细节中的一个或更多，或者可以采用其它的方[0057]图1示出了可以应用本公开实施例的一种页面显示方法及装置的示例性应用环境8[0065]步骤S210.接收到对父页面中[0066]步骤S220.向所述服务端发送第二请求以存储所述父页面的页面跳转参数，并从所述父页面跳转至所述目标数据对应的子页页应用的网页开发技术)实现。列表页面和详情页面可以是由Vue-Cli框架开发的用户界9为列表页面的初始状态，中间列表页面可以为同时带有筛选条件和分页条件的列表页面。以理解的是，原始列表页面可以默认为无筛选条件下的第一页数据，对应的查询条件为以对原始列表页面中的数据进行详情查询，也可以对中间列表页面中的数据进行详情查以使服务端将接收到的中间列表页面的页面跳转参数存储至配置一个pageJumpMemory.js文件，该文件中用于描述应用程序中所有存在父子关系的页理以便于后续进行全局调用。fatherPage1/son1)、父页面2(path属性值：/fatherPage2/index)和子页面2(path属性YN就是需要记忆父页面携带的查询条件。同时，还可以定义第一导航守卫，即一对象中父页面对应的第一参数记忆变量进行赋值。具体地，在父页面注册数from的path属性值赋值给temp.father，可以根据赋值后的path属性值从父页面跳转至中，则将把第一参数记忆变量requireMemory赋值为true；若该temp对象不存在于[0080]步骤S310.接收到对所述父页面中目面，以查询中间列表页面中的目标数据，对应于该查询条件传入的options可以为{pageNum:2,pageSize:10,ala[0083]步骤S320.当利用页面跳[0085]步骤S410.当利用页面跳转函数确定[0086]可以通过页面跳转函数判断第一参数记忆变量requireMemory是否满足预设条[0087]示例性的，可以利用toDetails函数将options对象转换为params字符串，若options为{pageNum:2,pageSize:10,alarmType:1}，转换得到的params字符串可以为{”pageNum:2,pageSize:10对象转换为params字符串，该params字符串即为初始参数字符串。然后，可以使用可以将字符串作为URI组件进行编码。示例性的，编码后的params字符串可以为：“%pageNum:2,pageSize:10%7BpageNum％3Apagesize％22…[0094]可以看出，从编码后的params字符串中可以看到查询条件中的参数名称如对该params字符串的编码结果进行加密。其中，可以对params字符串的编码结果进行Base64编码，以加密params字符串的编码结果。可以理解的是，加密方法也可以是MD5pageNum:2,pageSize:10%7BpageNum％3Apagesize％22…[0100]可以看出，已经无法从加密后的params字符串中读取与查询条件相关的参数信[0101]其他示例中，也可以在利用toDetails函数将options对象转换为params字符串以进一步提高页面跳转参数的安全性。或者还可以对转换得到的params字符串进行编码，[0102]步骤S330.向所述服务端发送携带所述目标参数字符串的第一请求以在所述服务参数字符串进行存储，实现了中间列表页面的查询条件的存储功能。然后，可以通过beforeRouteLeave钩子函数调用next函数以根据中间列表页面的path属性值和详情页面[0105]步骤S501.判断requireMemory是否为true。通过页面跳转函数toDetails判断[0112]在步骤S220中，向所述服务端发送第二请求以获取所述的详情页面，从该详情页面返回时，会使用defaultParams作为查询条件，此时的对象中父页面对应的第二参数记忆变量进行赋值。具体地，在父页面定义回父页面，也就是从当前页面跳转至上一个页面。然后，可以遍历配置好的pageJumpMemory.js文件，以确定temp2对象是否存在于该文件中。若该temp2对象存在于条件获取的是原始列表页面的列表数据，也就是可以从该详情页面跳转回原始列表页面。利用参数解析函数从详情页面返回保留上次查询结果的列表页面，即返回至中间列表页[0119]步骤S610.当利用参数解析函数确定述服务端发送第二请求以从所述服务端获取所述目标参详情页面返回时，可以先利用getMemoryParams函数检验数据库中是否存储了中间列表页中存在中间列表页面的页面跳转参数，则可以向服务端发送第二请求如get请求以从服务端获取目标参数字符串。可以理解的是，若中间列表页面和详情页面不存在于跳转参数。示例性的，若从中间列表页面跳转至详情页面时，是先将options对象转换为params字符串“cGFnZU51bTo1LCBw…”进行Base64解密，得到解密后的params字符串“%函数对解密后的params字符串“％7BpageNum％3Apagesize％22…”进行解码，解码后的可以把该params字符串恢复成对象类型的数据options{pageNum:2,pageSize:10,[0126]其他示例中，若目标参数字符串为params字符串“％7BpageNum％3Apagesize%后，可以把解码后的params字符串恢复成对象类型的数据options{pageNum:2,pageSize:值完成后，选项变量defaultParams由初始查询条件{pageNum:1,pageSize:10}变为options{pageNum:2,pageSize:10,alarmType:1}，通过调用执行next()进入中间列表页[0132]步骤S701.检验列表页面和详情页面是否存在于pageJumpMemory.js文件中。若面跳转函数(如toDetails函数)判断当前页面的查询条件是否需要记忆，如果需要记忆则行了base64编码，可以保证请求的安全性；第二，在进入列表页面之前，在列表页面的beforeRouteEnter钩子函数中调用参数解析函数(如getMemoryParams函数)判断是否存在条件进行读取和解析，得到上次的查询条件options，并将页面默认查询条件即选项变量defaultParams修改为上次的查询条件options，即可完成列表页面上次查询结果的恢复。[0141]一种示例实施方式中，参考图8所示，可以根据步骤S801至步骤S807进行页面显[0144]步骤S803.页面跳转时，根据第一参数记跳转参数。当第一参数记忆变量值为true时，可以将经过编码处理的页面跳转参数通过情”时，可以触发beforeRouteLeave钩子函数，并通过beforeRouteLeave钩子函数调用[0154]还需说明的是，本公开示例实施方式中可以预先将beforeRouteLeave钩子函数、并存储至浏览器中，以在接收到对列表页面中目标数据的查询操作时执行该可执行文件。所述服务端存储所述目标参数字符串，并从所述父页面跳转至所述目标数据对应的子页[0185]上述页面显示装置中各模块的具体细节已经在对应的页面显示方法中进行了详[0191]可以以一种或多种程序设计语言的任意组合来编写用于执行本公开操作的程序算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(包括存储单元1120和处理单元1110)的总线1130和显示单[0196]存储单元1120还可以包括具有一组(至少一个)程序模块1125的程序/实用工具得该电子设备1100能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制块或者单元的特征和功能可以