CN112464116B - 页面显示方法、装置、计算机设备和存储介质 - Google Patents

Abstract

本申请涉及一种页面显示方法、装置、计算机设备和存储介质。所述方法包括：显示目标网络地址对应的目标页面；响应于对目标页面上的内容项显示操作，生成第一虚拟网络地址，将所述第一虚拟网络地址作为第一内容项的网络地址，并显示所述第一内容项；在显示所述第一内容项时，当接收到第一显示回退事件，则响应于所述第一显示回退事件，将显示的内容的网络地址由所述第一虚拟网络地址切换为所述目标网络地址，以根据所述目标网络地址将显示的内容由所述第一内容项切换为所述目标页面。采用本方法能够提高资源管理效率。

Description

页面显示方法、装置、计算机设备和存储介质

技术领域

本申请涉及计算机技术领域，特别是涉及一种页面显示方法、装置、计算机设备和存储介质。

背景技术

随着企业的发展，企业所拥有的资源不断增多，企业需要对所拥有的资源进行管理，例如使用ERP(企业资源计划，enterprise resource planning)系统进行资源管理。企业资源计划是对企业所拥有的资源进行管理的软件系统，是指建立在信息技术基础上，集信息技术与先进管理思想于一身，以系统化的管理思想，为企业员工及决策层提供决策手段的管理平台。

然而，在对资源进行管理的过程中，通常需要处理比较多的表单，还要在不同表单中相互切换或返回才能完成业务需求，但表单页面相互切换或返回限制较多较大，使得资源管理的复杂度较高，降低了资源管理效率。

发明内容

基于此，有必要针对上述技术问题，提供一种能够提高资源管理效率的页面显示方法、装置、计算机设备和存储介质。

一种页面显示方法，所述方法包括：显示目标网络地址对应的目标页面；响应于对目标页面上的内容项显示操作，生成第一虚拟网络地址，将所述第一虚拟网络地址作为第一内容项的网络地址，并显示所述第一内容项；在显示所述第一内容项时，当接收到第一显示回退事件，则响应于所述第一显示回退事件，将显示的内容的网络地址由所述第一虚拟网络地址切换为所述目标网络地址，以根据所述目标网络地址将显示的内容由所述第一内容项切换为所述目标页面。

在一些实施例中，所述生成第一虚拟网络地址包括：将所述目标网络地址与所述第一内容项的第一索引进行地址拼接，得到所述第一虚拟网络地址；所述将显示的内容的网络地址由所述第一虚拟网络地址切换为所述目标网络地址包括：当确定所述目标网络地址为所述第一虚拟网络地址对应的前向网络地址时，将显示的内容的网络地址由所述第一虚拟网络地址切换为所述目标网络地址。

在一些实施例中，所述方法还包括：在显示所述第一内容项时，当接收到内容项跳转事件，响应于所述内容项跳转事件，生成第二虚拟网络地址，将所述第二虚拟网络地址作为第二内容项的网络地址，并将显示的内容由所述第一内容项切换为所述目标页面上的第二内容项；在显示所述第二内容项时，响应于第二显示回退事件，将显示的内容的网络地址由所述第二虚拟网络地址切换为第一虚拟网络地址，以根据所述第一虚拟网络地址将显示的内容由第二内容项切换为所述第一内容项。

在一些实施例中，所述生成第一虚拟网络地址包括：生成第一虚拟网络地址，将所述第一虚拟网络地址存储至路由表中；所述生成第二虚拟网络地址包括：生成第二虚拟网络地址，将所述第二虚拟网络地址作为所述第一虚拟网络地址的后向网络地址存储至所述路由表中。

在一些实施例中，所述第一内容项为待审批的内容项；所述方法还包括：在显示所述第二内容项时，获取针对所述第一内容项的目标审批结果；根据所述目标审批结果，确定所述第一内容项对应的目标审批状态；在显示所述第二内容项时，对应显示所述目标审批状态。

在一些实施例中，所述方法还包括：显示目标网络地址对应的目标页面时，获取所述目标页面对应的编辑内容；根据所述编辑内容以及所述目标页面，得到编辑后的目标页面；所述根据所述目标网络地址将显示的内容由所述第一内容项切换为所述目标页面包括：根据所述目标网络地址将显示的内容由所述第一内容项切换为所述编辑后的目标页面。

一种页面显示装置，所述装置包括：目标页面显示模块，用于显示目标网络地址对应的目标页面；第一内容项显示模块，用于响应于对目标页面上的内容项显示操作，生成第一虚拟网络地址，将所述第一虚拟网络地址作为第一内容项的网络地址，并显示所述第一内容项；目标网络地址切换模块，用于在显示所述第一内容项时，当接收到第一显示回退事件，则响应于所述第一显示回退事件，将显示的内容的网络地址由所述第一虚拟网络地址切换为所述目标网络地址，以根据所述目标网络地址将显示的内容由所述第一内容项切换为所述目标页面。

在一些实施例中，所述第一内容项显示模块，还用于将所述目标网络地址与所述第一内容项的第一索引进行地址拼接，得到所述第一虚拟网络地址；所述目标网络地址切换模块，还用于从所述第一网络地址中删除所述第一索引，得到所述目标网络地址，将显示的内容的网络地址由所述第一虚拟网络地址切换为所述目标网络地址。

一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述页面显示方法的步骤。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述页面显示方法的步骤。

上述页面显示方法、装置、计算机设备和存储介质，显示目标网络地址对应的目标页面，响应于对目标页面上的内容项显示操作，生成第一虚拟网络地址，将第一虚拟网络地址作为第一内容项的网络地址，并显示第一内容项，在显示第一内容项时，当接收到第一显示回退事件，则响应于第一显示回退事件，将显示的内容的网络地址由第一虚拟网络地址切换为目标网络地址，以根据目标网络地址将显示的内容由第一内容项切换为目标页面，实现了第一内容项与目标页面之间的自由切换，提高了资源管理效率。

附图说明

图1为一些实施例中页面显示方法的应用环境图；

图2为一些实施例中页面显示方法的流程示意图；

图3为一些实施例中页面显示方法的原理图；

图4为一些实施例中数据状态管理的示意图；

图5为一些实施例中页面显示方法的原理图；

图6为一些实施例中页面显示装置的结构框图；

图7为一些实施例中计算机设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

本申请提供的页面显示方法，可以应用于如图1所示的应用环境中。其中，终端102通过网络与服务器104通过网络进行通信。

具体地，终端102可以根据目标网络地址，从服务器104获取目标网络地址对应的目标页面，并显示目标网络地址对应的目标页面，响应于对目标页面上的内容项显示操作，生成第一虚拟网络地址，将第一虚拟网络地址作为第一内容项的网络地址，并显示第一内容项，在显示第一内容项时，当接收到第一显示回退事件，则响应于第一显示回退事件，将显示的内容的网络地址由第一虚拟网络地址切换为目标网络地址，以根据目标网络地址将显示的内容由第一内容项切换为目标页面。其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

在一些实施例中，如图2所示，提供了一种页面显示方法，以该方法应用于图1中的终端102为例进行说明，包括以下步骤：

S202，显示目标网络地址对应的目标页面。

具体地，网络地址(Network address)用于唯一标识页面，例如可以是IP地址或URL(uniform resource locator，统一资源定位系统)，终端中的浏览器可以通过网络地址获取对应的页面，例如从服务器获取目标网络地址对应的目标页面，终端可以将浏览器获取到的页面进行显示。URL是因特网的万维网服务程序上用于指定信息位置的表示方法。目标页面可以是任意的页面，目标网络地址指的是目标页面对应的网络地址。如图3所示，图3中的(a)为终端显示的一个网络地址对应的页面。

在一些实施例中，终端可以获取目标网络地址，将目标网络地址存储至路由表中，并显示目标网络地址对应的目标页面。路由表用于存储网络地址，存储的网络地址可以是虚拟网络地址，也可以是真实的网络地址，例如可以存储真实的URL地址。虚拟网络地址不是真实存在的网络地址，虚拟网络地址可以是满足真实网络地址的格式，例如满足URL的格式。路由表也可以称为路由链。路由表中存储的网络地址是按照内容显示时间从先到后存储的，内容显示时间指的是初次显示内容时的时间。其中，在先显示的内容对应的网络地址排列在在后显示的内容对应的网络地址之前，排序越靠前，表示内容显示时间越靠前，排序越靠后，表示内容显示时间越靠后。例如，浏览器中先显示内容a，再显示内容b，则路由表中存储的是“a的网络地址—>b的网络地址”。其中，“a的网络地址—>b的网络地址”表示a的网络地址排列在b的网络地址之前，即内容a先于内容b显示。当从再后显示的内容，回退到再先显示的内容时，路由表中存储的网络地址可以保持不变，例如当浏览器从内容b返回至内容a时，路由表中存储的“a的网络地址—>b的网络地址”保持不变。浏览器可以通过路由表，前进后退到浏览过的内容对应的页面。

S204，响应于对目标页面上的内容项显示操作，生成第一虚拟网络地址，将第一虚拟网络地址作为第一内容项的网络地址，并显示第一内容项。

具体地，内容项可以是任意的可以展示的内容，例如可以是表单。每个内容项可以对应有序列号，内容项对应的序列号可以是根据需要设置的，也可以是预先设置的。例如目标页面中包括3个内容项，对应的序列号分别为1，2以及3。

内容项的显示可以通过弹出层的方式实现的。弹出层也可以称为弹层、弹层页或弹层页面。例如每显示一个内容项，即显示一个弹层。多个内容项可以对应同一个具有完整的网络地址的页面。例如，图3中的(b)以及图3中的(a)均为目标页面的弹出层，因此图3中的(b)以及图3中的(a)对应的具有完整网络地址的页面为目标页面。其中可以采用Vuejs的Router机制以及Layer弹出层，实现每个表单为一个弹出层。其中，Vuejs是一套只关注于视觉层，采用自底向上增量开发，构建用户界面的渐进式框架。Layer是一款Web弹出层组件。终端可以通过弹出层方式打开表单页面，从而保证每个表单页面的数据状态不丢失。并且可以提高了数据穿透性，自由控制当前路由链上的每一个表单数据，减少了延迟。

内容项显示操作用于触发显示内容项。内容项显示操作可以是任意的操作，可以是触摸操作、语音操作、通过输入设备例如鼠标进行操作或者手势操作中的至少一个，例如可以是对目标页面中显示的内容的点击操作，也可以是对浏览器自身控件的操作。

目前，由于弹出层没有完整的网络地址，即没有完整的URL，导致浏览器无法直接从弹出层回退到弹出层的上一页面，例如无法从图3中的(b)直接回退到图3中的(a)，导致页面之间不能自由的切换。例如，当终端从主页跳转至二级页面，又从二级页面跳转至三级页面，并且主页和二级页面具有完整的网络地址，三级页面是通过弹层的方式打开的，即三级页面没有完整的网络地址，则终端的路由表可以记录主页以及二级页面分别对应的网络地址，但是不会记录三级页面的地址，从而在显示三级页面时，当终端获取到显示内容的回退指令时，回退到主页，而不是回退到二级页面，这与用户期望回退到二级页面的期望是相违背的，终端需要重新由主页跳转至二级页面，才能再次显示二级页面，从而浪费了时间，并且重新获取二级页面时终端需要重新渲染得到页面，增加了终端的负担。本申请中采用虚拟网络地址来实现页面之间的合理跳转。

虚拟网络地址不是真实存在的网络地址，虚拟网络地址可以是满足真实网络地址的格式，例如满足URL的格式。第一虚拟网络地址可以是根据目标网络地址生成的，可以是根据目标网络地址以及内容项的第一索引生成的，例如可以将目标网络地址与第一内容项的第一索引进行拼接，得到第一虚拟网路地址。也可以是对拼接后的地址进行编码处理得到第一虚拟网络地址。每个内容项对应有一个索引。内容项对应的索引用于区分内容项，同一页面对应的不同的内容项对应不同的索引，索引可以是内容项的索引号，也可以是根据需要生成的编号。终端还可以通过H5(HTML5)的pushState和replaceState记录目标网络地址以及第一虚拟网络地址们，可以确保表单路由链的完整性。

在一些实施例中，终端可以将第一虚拟网络地址作为第一内容项的网络地址，将第一虚拟网络地址进行存储，例如存储到路由表中，作为目标网络地址对应的后向网络地址，显示第一内容项。例如终端可以获取对图3中的(a)的“采购订单”的点击操作，生成图3中的(b)对应的第一虚拟网络地址，并显示图3中的(b)，将第一虚拟网络地址存储到路由表中，并将第一虚拟网络地址作为目标网络地址的后向网络地址，例如，在路由表中，可以用“目标网络地址—>第一虚拟网络地址”表示目标网络地址为第一虚拟网络地址的前向网络地址，即第一虚拟网络地址为目标网络地址的后向网络地址。

在一些实施例中，终端在浏览器的地址栏中显示目标网络地址，并显示目标页面，终端可以响应于对目标页面上的内容项显示操作，生成第一虚拟网络地址，将第一虚拟网络地址作为第一内容项的网络地址，利用第一虚拟网络地址覆盖浏览器的地址栏中显示的目标网络地址，并显示第一内容项。

S206，在显示第一内容项时，当接收到第一显示回退事件，则响应于第一显示回退事件，将显示的内容的网络地址由第一虚拟网络地址切换为目标网络地址，以根据目标网络地址将显示的内容由第一内容项切换为目标页面。

具体地，显示回退事件用于触发显示内容的回退。显示回退事件可以但不限于是对终端或浏览器的后退控件的触发操作，或页面自身的后退控件的触发操作。第一显示回退事件用于触发显示第一内容项对应的前向相邻显示内容。第一内容项对应的前向相邻显示内容指的是第一虚拟网络地址的前向网络地址对应的内容。例如终端先显示图3中的(a)，再显示图3中的(b)，则图3中的(a)为图3中的(b)的前向相邻显示内容。显示的内容的网络地址指的是当前时间正在显示的内容的网络地址，例如当前显示的是第一内容项，则显示的内容的网络地址则为第一虚拟网络地址。显示的内容的网络地址指的是浏览器当前时刻显示的内容对应的网络地址，即浏览器的地址栏中显示的地址，例如浏览器的地址栏中显示的URL。可以是真实的网络地址，也可以是虚拟的网络地址。

在一些实施例中，终端在显示第一内容项时，当接收到第一显示回退事件，可以响应于第一显示回退事件，将显示的内容的网络地址由第一虚拟网络地址切换为目标网络地址，终端可以根据目标网络地址将显示的内容由第一内容项切换为目标页面。其中，终端可以通过监听onpopstate事件，确定对显示内容的前进(或后退)操作，获取路由链额数据，自动关闭当前弹层，显示前一个弹层页面(或后一个弹层页面)。其中，onpopstate事件是获取到在浏览器中对前进按钮或回退按钮的点击操作时触发的事件。

在一些实施例中，在显示第一内容项时，当接收到第一显示回退事件，终端可以根据目标网络地址将显示的内容由第一内容项切换为目标页面，将浏览器的地址栏中显示的地址由第一虚拟网络地址切换为目标网络地址，并关闭第一内容项，例如销毁第一内容项对应的弹层。

本实施例中，根据路由表中的第一虚拟网络地址确定目标页面，不需重新读取目标页面的数据以及页面的渲染，即可还原目标页面，从而实现浏览定位，减少对服务器的访问，减少终端上客户端的延迟。其中，终端可以从第一虚拟网络地址中提取得到目标网络地址，或者将第一虚拟网络地址中的第一索引删除，得到目标网络地址。

在一些实施例中，终端可以根据路由表确定目标网络地址为显示的内容的网络地址，可以取消显示第一内容项，例如关闭第一内容项，并显示目标页面。

在一些实施例中，在显示第一内容项时，终端可以获取第一内容项对应的目标编辑内容，根据目标编辑内容以及第一内容项，得到编辑后的第一内容项，根据第一虚拟网络地址将显示的内容由第二内容项切换为编辑后的第一内容项。

上述页面显示方法中，显示目标网络地址对应的目标页面，响应于对目标页面上的内容项显示操作，生成第一虚拟网络地址，将第一虚拟网络地址作为第一内容项的网络地址，并显示第一内容项，在显示第一内容项时，当接收到第一显示回退事件，则响应于第一显示回退事件，将显示的内容的网络地址由第一虚拟网络地址切换为目标网络地址，以根据目标网络地址将显示的内容由第一内容项切换为目标页面，实现了第一内容项与目标页面之间的自由切换，提高了资源管理效率。

本申请提出的页面显示方法可以应用于资源管理系统中，例如ERP(企业资源计划，enterprise resource planning)轻应用中。ERP轻应用是通过HTML5实现，并无需下载客户端即可在移动端运行的ERP应用，可以实现ERP应用中的各个表单之间以及表单与页面之间的平滑切换，即可以从具有完整网络地址的页面A跳转到页面B，跳转到表单B，并且可以从表单B回退至页面A，减少了页面与表单之间切换的时间，提高了资源管理效率。并且有利于充分发挥前端优势，完善页面间的交互、动画以及元素展示，丰富用户体验。

在一些实施例中，生成第一虚拟网络地址包括：将目标网络地址与第一内容项的第一索引进行地址拼接，得到第一虚拟网络地址；将显示的内容的网络地址由第一虚拟网络地址切换为目标网络地址包括：当确定目标网络地址为第一虚拟网络地址对应的前向网络地址时，将显示的内容的网络地址由第一虚拟网络地址切换为目标网络地址。

具体地，内容项对应的索引用于区分内容项，同一页面对应的不同的内容项对应不同的索引，索引可以是内容项的索引号，也可以是根据需要生成的编号。第一虚拟网络地址对应的前向网络地址指的是，路由表中排序在第一虚拟网络地址之前的网络地址。例如路由表中存储的是“目标网络地址—>第一虚拟网络地址”，则根据路由表可以确定第一虚拟网络地址对应的前向网络地址为目标网络地址。

在一些实施例中，终端可以根据预设拼接方式，将第一索引与目标网络地址进行拼接，得到第一虚拟网络地址。预设拼接方式可以但不限于是根据真实网络地址的格式要求进行拼接，或者根据自定义的格式进行拼接。自定义的格式例如可以是将第一索引以及目标网络地址以键值对的格式拼接得到，例如以目标网络地址为键(key)，以第一索引为值(value)，得到第一虚拟网络地址。终端可以将第一索引按照网络地址的格式要求，拼接到目标网络地址之后，生成第一虚拟网络地址，使得生成的第一虚拟网络地址符合真实网络地址的格式。

在一些实施例中，终端可以将目标网络地址与第一内容项的第一索引进行地址拼接，得到拼接后的地址，对拼接后的地址进行编码处理，得到第一虚拟网络地址。编码处理可以包括按照预设编码方法对拼接后的地址进行编码，预设编码方法可以是现有的编码方法，也可以是自定义的编码方式，这里不做过多限制。

在一些实施例中，终端可以根据路由表中存储的网络地址，确定第一虚拟网络地址对应的前向网络地址，在显示第一内容项时，当接收到第一显示回退事件时，将显示的内容的网络地址由第一虚拟网络地址切换为前向网络地址。由于第一内容项是在目标页面之后显示的，因此路由表中存储的是“目标网络地址—>第一虚拟网络地址”，终端可以根据路由表确定目标网络地址为第一虚拟网络地址对应的前向网络地址。

上述实施例中，将目标网络地址与第一内容项的第一索引进行地址拼接，得到第一虚拟网络地址，当确定目标网络地址为第一虚拟网络地址对应的前向网络地址时，将显示的内容的网络地址由第一虚拟网络地址切换为目标网络地址，实现了根据第一虚拟网络地址确定目标网络地址，即实现了根据非真实的网络地址确定真实网络地址，从而可以实现从没有直接的真实网络地址的内容项，跳转到真实网络地址对应的页面，提高了显示内容切换的合理性，提高了资源管理效率。

在一些实施例中，该方法还包括：在显示第一内容项时，当接收到内容项跳转事件，响应于内容项跳转事件，生成第二虚拟网络地址，将第二虚拟网络地址作为第二内容项的网络地址，并将显示的内容由第一内容项切换为目标页面上的第二内容项；在显示第二内容项时，响应于第二显示回退事件，将显示的内容的网络地址由第二虚拟网络地址切换为第一虚拟网络地址，以根据第一虚拟网络地址将显示的内容由第二内容项切换为第一内容项。

具体地，第二内容项可以为目标页面对应的一个弹出层中的内容。内容项跳转事件用于触发显示第二内容项。第一内容项中可以包括指向第二内容项的内容入口。第二内容项对应的内容入口用于触发显示第二内容项。内容项跳转事件可以包括对第二内容项对应的内容入口的触发操作，触发操作可以为任意的操作，例如可以是点击操作或滑动操作中的任意一种。第二内容项例如可以为图3中的(c)，在显示图3中的(b)时，当终端接收到图3中的(c)对应的内容项跳转事件时，可以响应于内容项跳转事件，并将显示的内容由图3中的(b)切换为图3中的(c)。第二内容项对应有第二索引。第二索引可以是第二内容项对应的索引号。

第二虚拟网络地址为第二内容项对应的虚拟网络地址，可以是根据目标网络地址生成的，例如可以是根据目标网络地址、第一索引以及第二索引进行拼接得到的，也可以是根据第一虚拟网络地址生成的，例如根据第一虚拟网络地址和第二索引进行拼接得到的。其中，拼接方法可以参考第一虚拟网络地址生成时采用的方法。显示回退事件用于触发显示当前显示内容对应的前向相邻显示内容。显示回退事件可以包括对终端或浏览器自身的后退控件的触发操作，例如对后退控件的点击操作。第二显示回退事件指的是用于触发显示第二内容项对应的前向相邻显示内容的显示回退事件。

在一些实施例中，终端可以将第二虚拟网络地址作为第一虚拟网络地址的后向网络地址，存储至路由表中。例如可以用“目标网络地址—>第一虚拟网络地址—>第二虚拟网络地址”表示目标网络地址、第一虚拟网络地址以及第二虚拟网络地址之间的关系。

在一些实施例中，在显示第二内容项时，终端可以响应于第二显示回退事件，根据第一虚拟网络地址将显示的内容由第二内容项切换为第一内容项，并关闭第二内容项，例如销毁第二内容项对应的弹层。

上述实施例中，在显示第一内容项时，当接收到内容项跳转事件，响应于内容项跳转事件，生成第二虚拟网络地址，将第二虚拟网络地址作为第二内容项的网络地址，并将显示的内容由第一内容项切换为目标页面上的第二内容项，在显示第二内容项时，响应于第二显示回退事件，将显示的内容的网络地址由第二虚拟网络地址切换为第一虚拟网络地址，以根据第一虚拟网络地址将显示的内容由第二内容项切换为第一内容项，实现了第二内容项与第一内容项之间的自由切换，提高了资源管理效率。

在一些实施例中，在显示第二内容项时，响应于第二显示回退事件，将显示的内容的网络地址由第二虚拟网络地址切换为第一虚拟网络地址，以根据第一虚拟网络地址将显示的内容由第二内容项切换为第一内容项的步骤之后，还包括：在显示第一内容项时，当接收到第三内容项对应的内容项跳转事件时，响应于第三内容项对应的内容项跳转事件，生成第三虚拟网络地址，将第三虚拟网络地址作为第三内容项的网络地址，将显示的内容由第一内容项切换为第三内容项，利用第三虚拟网络地址覆盖路由表中的第二虚拟网络地址。

具体地，第三内容项对应的内容项跳转事件用于触发显示第三内容项。第三内容项可以对应有第三索引。第三虚拟网络地址可以是根据第一虚拟网络地址与第三索引进行拼接得到的。其中，拼接方法可以参考第一虚拟网络地址生成时采用的方法。终端可以生成第三虚拟网络地址，利用第三虚拟网络地址覆盖路由表中的第二虚拟网络地址，实现对路由表的更新。例如，终端在显示页面A1时，响应于内容项B1对应的内容项跳转事件，显示内容项B1，在显示内容项B1时，响应于内容项C1对应的内容项跳转事件，显示内容项C1，这时路由表中存储的是“A1的网络地址—>B1的虚拟网络地址—>C1的虚拟网络地址”，在显示内容项C1时，响应于显示回退事件，将显示内容由内容项C1切换为内容项B1，这时路由表中存储的是“A1的网络地址—>B1的虚拟网络地址—>C1的虚拟网络地址”，在显示内容项B1时，响应于内容项C2对应的内容项跳转事件，将显示的内容由内容项B1切换为内容项C2，利用内容项C2的虚拟地址覆盖路由表中内容项C1的虚拟网络地址，即路由表中的网络地址更新为“A1的网络地址—>B1的虚拟网络地址—>C2的虚拟网络地址”。本实施例中，保证了路由表中的网络地址呈一条链式存储，保证存储有效的网络地址，提高了资源利用率。

在一些实施例中，生成第一虚拟网络地址包括：生成第一虚拟网络地址，将第一虚拟网络地址存储至路由表中；生成第二虚拟网络地址包括：生成第二虚拟网络地址，将第二虚拟网络地址作为第一虚拟网络地址的后向网络地址存储至路由表中。

具体地，目标存储位置指的是路由表中存储第一虚拟网络地址的位置。终端可以将第二虚拟网络地址存储至目标存储位置，覆盖第一虚拟网络地址。终端可以删除目标存储位置存储的第一虚拟网络地址，并将第二虚拟网络地址存储至目标存储位置。

上述实施例中，生成第一虚拟网络地址，将第一虚拟网络地址存储至路由表中，生成第二虚拟网络地址，将第二虚拟网络地址作为第一虚拟网络地址的后向网络地址存储至路由表中，实现了路由表的更新。

在一些实施例中，第一内容项为待审批的内容项；该方法还包括：在显示第二内容项时，获取针对第一内容项的目标审批结果；根据目标审批结果，确定第一内容项对应的目标审批状态；在显示第二内容项时，对应显示目标审批状态。

具体地，目第一内容项可以为待审批的内容项，第二内容项可以是对第一内容项进行审批处理的内容项，通过对第二内容项的操作，可以得到第一内容项的审批结果。目标审批结果指的是第一内容项的审批结果，可以为审批同意或审批不同意中的任意一种。目标审批状态根据目标审批结果确定，可以为审批通过或审批未通过中的任意一种，当目标审批结果为审批同意时，目标审批状态为审批通过，当目标审批结果为审批不同意时，目标审批状态为审批未通过。例如，图3中的(b)中的审批状态为“待审批”，当终端在显示图3中的(c)时获取到对图中的“提交”控件的触发操作时，可以确定目标审批结果为审批同意，当从图3中的(c)切换到图3中的(b)时，可以将图3中的(b)中的审批状态由待审批更新为审批通过。

上述实施例中，在显示第二内容项时，获取针对第一内容项的目标审批结果，根据目标审批结果，确定第一内容项对应的目标审批状态，在显示第二内容项时，对应显示目标审批状态，从而可以根据第二内容项的操作更新第一内容项的内容，提高了内容项之间的交互，提高了资源管理效率。

在一些实施例中，该方法还包括：显示目标网络地址对应的目标页面时，获取目标页面对应的编辑内容；根据编辑内容以及目标页面，得到编辑后的目标页面；根据目标网络地址将显示的内容由第一内容项切换为目标页面包括：根据目标网络地址将显示的内容由第一内容项切换为编辑后的目标页面。

具体地，目标页面对应的编辑内容是根据对目标页面的编辑操作得到的内容。编辑操作可以是任意的操作，可以包括增加内容、删除内容或修改内容中的至少一种。终端可以根据编辑内容更新目标页面的内容，得到编辑后的目标页面对应的内容，当再次显示目标网络地址对应的页面时，显示编辑后的目标页面对应的内容。

在一些实施例中，第一内容项的编辑内容，可以触发生成目标页面对应的更新内容。终端可以根据第一内容项对应的编辑内容，确定目标页面对应的更新内容，例如终端可以获取第一内容项的编辑内容，根据第一内容项的编辑内容进行计算，得到计算后的内容，将计算后的内容作为目标页面的更新内容，终端可以利用目标页面对应的更新内容更新目标页面，例如可以将计算得到的内容加入到目标页面的对应位置，得到更新后的目标页面，根据目标网络地址将显示的内容由第一内容项切换为更新后的目标页面。

上述实施例中，显示目标网络地址对应的目标页面时，获取目标页面对应的编辑内容，根据编辑内容以及目标页面，得到编辑后的目标页面，根据目标网络地址将显示的内容由第一内容项切换为编辑后的目标页面，从而在编辑第一内容项的同时，使得目标页面也可以自动发生更新，提高了第一内容项与目标页面之间的关联性，提高了资源管理效率。

通常移动端ERP轻应用为了很好的交互体验，大多采用的是单页模式(即单页轻应用)，但由于ERP业务逻辑的复杂性，表单的多样性，为了避免页面切换时的数据状态丢失，大部分采用的是实时将数据保存至服务器端，导致对服务器的请求频繁，增加了服务器的负担。单页轻应用是指只有一张Web页面的轻应用，浏览器会在一开始加载必需的HTML、CSS和JavaScript,页面的模块和内容会根据用户与应用之间的交互动态更新，所有的操作通过前端JavaScript控制完成。例如，当前端获取到对表单(例如单据)的编辑，例如对单据中的文本字段、下拉列表、日期字段和基础资料的编辑，并将编辑的数据传输至后端服务，以将编辑的数据保存至服务器。

而本申请提出的页面显示方法，如图4所示，二级页面以及三级页面可以分别对应一个表单，页面的打开顺序是，先打开二级页面，再打开三级页面，例如可以通过对二级页面中的内容的操作，触发打开三级页面，实现了多个表单在同一个页面中，当上一表单中的内容更新后，切换到下一表单时，上一表单中更新的内容依然存在，并不会丢失，因此无需实时将更新的内容存储至服务器，减少了终端向服务器中存储数据的次数，减轻了终端和服务器的负担。如图5所示，展示了与图4对应的页面显示的流程图。图5中，当终端从主页跳转到弹出层时，隐藏主页，并利用pushState弹层模拟地址、存储弹层对应的索引、页面传参，并执行扩展API(Application Programming Interface，应用程序接口)，进行页面渲染，展示二级页面。其中，页面传参是指一个页面传参到另外一个页面使用，API接口指的是从一个页面进入另外一个页面会触发的扩展接口，分为前端接口和后端接口。当终端从二级页面跳转到三级页面时，隐藏二级页面，并利用pushState弹层模拟地址、存储弹层对应的索引、页面传参，并执行扩展API，进行页面渲染，展示三级页面，当终端由三级页面跳转到二级页面时，关闭三级页面，显示隐藏的二级页面。

应该理解的是，虽然上述各实施例的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，上述各实施例的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

在一些实施例中，如图6所示，提供了一种页面显示装置，包括：目标页面显示模块602、第一内容项显示模块604和目标网络地址切换模块606，其中：

目标页面显示模块602，用于显示目标网络地址对应的目标页面。

第一内容项显示模块604，用于响应于对目标页面上的内容项显示操作，生成第一虚拟网络地址，将第一虚拟网络地址作为第一内容项的网络地址，并显示第一内容项。

目标网络地址切换模块606，用于在显示第一内容项时，当接收到第一显示回退事件，则响应于第一显示回退事件，将显示的内容的网络地址由第一虚拟网络地址切换为目标网络地址，以根据目标网络地址将显示的内容由第一内容项切换为目标页面。

在一些实施例中，第一内容项显示模块604，还用于将目标网络地址与第一内容项的第一索引进行地址拼接，得到第一虚拟网络地址；目标网络地址切换模块606，还用于当确定目标网络地址为第一虚拟网络地址对应的前向网络地址时，将显示的内容的网络地址由第一虚拟网络地址切换为目标网络地址。

在一些实施例中，该装置还包括：

第二内容项显示模块，用于在显示第一内容项时，当接收到内容项跳转事件，响应于内容项跳转事件，生成第二虚拟网络地址，将第二虚拟网络地址作为第二内容项的网络地址，并将显示的内容由第一内容项切换为目标页面上的第二内容项。

第二内容项切换模块，用于在显示第二内容项时，响应于第二显示回退事件，将显示的内容的网络地址由第二虚拟网络地址切换为第一虚拟网络地址，以根据第一虚拟网络地址将显示的内容由第二内容项切换为第一内容项。

在一些实施例中，第一内容项显示模块604，还用于生成第一虚拟网络地址，将第一虚拟网络地址存储至路由表中。

第二内容项显示模块，还用于生成第二虚拟网络地址，将第二虚拟网络地址作为第一虚拟网络地址的后向网络地址存储至路由表中。

在一些实施例中，第一内容项为待审批的内容项；该装置还包括：

目标审批结果获取模块，用于在显示第二内容项时，获取针对第一内容项的目标审批结果。

目标审批状态确定模块，用于根据目标审批结果，确定第一内容项对应的目标审批状态。

目标审批状态显示模块，用于在显示第二内容项时，对应显示目标审批状态。

在一些实施例中，该装置还包括：

编辑内容获取模块，用于显示目标网络地址对应的目标页面时，获取目标页面对应的编辑内容。

编辑后的目标页面得到模块，用于根据编辑内容以及目标页面，得到编辑后的目标页面。

目标网络地址切换模块606，还用于根据目标网络地址将显示的内容由第一内容项切换为编辑后的目标页面。

关于页面显示装置的具体限定可以参见上文中对于页面显示方法的限定，在此不再赘述。上述页面显示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一些实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图7所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种页面显示方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图7中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一些实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现上述页面显示方法的步骤。

在一些实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述页面显示方法的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory，ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic Random Access Memory，DRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种页面显示方法，其特征在于，所述方法包括：

显示目标网络地址对应的目标页面；

响应于对目标页面上的内容项显示操作，生成第一虚拟网络地址，将所述第一虚拟网络地址作为第一内容项的网络地址，并显示所述第一内容项；

在显示所述第一内容项时，当接收到第一显示回退事件，则响应于所述第一显示回退事件，当确定所述目标网络地址为所述第一虚拟网络地址对应的前向网络地址时，将显示的内容的网络地址由所述第一虚拟网络地址切换为所述目标网络地址，以根据所述目标网络地址将显示的内容由所述第一内容项切换为所述目标页面。

2.根据权利要求1所述的方法，其特征在于，所述生成第一虚拟网络地址包括：

将所述目标网络地址与所述第一内容项的第一索引进行地址拼接，得到所述第一虚拟网络地址。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在显示所述第一内容项时，当接收到内容项跳转事件，响应于所述内容项跳转事件，生成第二虚拟网络地址，将所述第二虚拟网络地址作为第二内容项的网络地址，并将显示的内容由所述第一内容项切换为所述目标页面上的第二内容项；

在显示所述第二内容项时，响应于第二显示回退事件，将显示的内容的网络地址由所述第二虚拟网络地址切换为第一虚拟网络地址，以根据所述第一虚拟网络地址将显示的内容由第二内容项切换为所述第一内容项。

4.根据权利要求3所述的方法，其特征在于，所述生成第一虚拟网络地址包括：

生成第一虚拟网络地址，将所述第一虚拟网络地址存储至路由表中；

所述生成第二虚拟网络地址包括：

生成第二虚拟网络地址，将所述第二虚拟网络地址作为所述第一虚拟网络地址的后向网络地址存储至所述路由表中。

5.根据权利要求3所述的方法，其特征在于，所述第一内容项为待审批的内容项；所述方法还包括：

在显示所述第二内容项时，获取针对所述第一内容项的目标审批结果；

根据所述目标审批结果，确定所述第一内容项对应的目标审批状态；

在显示所述第二内容项时，对应显示所述目标审批状态。

6.根据权利要求1所述的方法，其特征在于，所述方法还包括：

显示目标网络地址对应的目标页面时，获取所述目标页面对应的编辑内容；

根据所述编辑内容以及所述目标页面，得到编辑后的目标页面；

所述根据所述目标网络地址将显示的内容由所述第一内容项切换为所述目标页面包括：

根据所述目标网络地址将显示的内容由所述第一内容项切换为所述编辑后的目标页面。

7.一种页面显示装置，其特征在于，所述装置包括：

目标页面显示模块，用于显示目标网络地址对应的目标页面；

第一内容项显示模块，用于响应于对目标页面上的内容项显示操作，生成第一虚拟网络地址，将所述第一虚拟网络地址作为第一内容项的网络地址，并显示所述第一内容项；

目标网络地址切换模块，用于在显示所述第一内容项时，当接收到第一显示回退事件，则响应于所述第一显示回退事件，当确定所述目标网络地址为所述第一虚拟网络地址对应的前向网络地址时，将显示的内容的网络地址由所述第一虚拟网络地址切换为所述目标网络地址，以根据所述目标网络地址将显示的内容由所述第一内容项切换为所述目标页面。

8.根据权利要求7所述的装置，其特征在于，所述第一内容项显示模块，还用于将所述目标网络地址与所述第一内容项的第一索引进行地址拼接，得到所述第一虚拟网络地址；

所述目标网络地址切换模块，还用于从所述第一虚拟网络地址中删除所述第一索引，得到所述目标网络地址，将显示的内容的网络地址由所述第一虚拟网络地址切换为所述目标网络地址。

9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至6中任一项所述的方法的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。