具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
在本说明书中的一个或多个实施例中,所述的页面导航通常是指面包屑导航。一种较为典型的面包屑导航的展示形式可如图1所示。从图1中可见,该面包屑导航以横向排列的方式展示,并且与URL相匹配,能够反映出不同页面之间的层级关系。当然,除图1所示的展示方式外,采用竖排、目录、树形结构等展示方式的面包屑导航也应涵盖在本申请中所述的页面导航的范围内。
在生成上述面包屑导航的过程中,往往需要基于静态的路由表生成相应的导航配置信息,进而才可生成面包屑导航。其中,路由表可认为是URL与服务器上业务资源的映射表,例如,路由表可如下表1所示:
URL路径 |
对应功能模块 |
/ |
Index |
/apps |
APPS |
/apps/1 |
Module1 |
/apps/1/detail |
Module1Detail |
表1
基于表1可生成相应的导航配置信息,在一些实施例中,所述的导航配置信息可采用数据表的形式,具体可如表2所示:
URL路径 |
路径描述 |
/ |
首页 |
/apps |
APPS页 |
/apps/1 |
应用1 |
/apps/1/detail |
应用1详情 |
表2
在表2的基础上,便可生成如图1所示的面包屑导航。
基于上述示例需要说明的是,在实际应用场景下,对于体量较为庞大的网站或应用而言,通常包含大量具有不同层级关系的页面,那么,在生成相应的页面导航前,往往需要针对不同的层级页面之间各种可能的组合,生成导航配置信息。但显然,若用户只访问某个页面,也同样需要生成上述的导航配置信息,这无疑将消耗较多存储资源,并且,过多的导航配置信息将影响当前URL的匹配效率,进而导致页面中的导航不能及时显示,甚至造成页面内容不能及时显示。
为此,本说明书实施例中提供一种页面导航生成方法,在页面导航的生成阶段,并不依赖于导航配置信息,能够在用户访问页面时快速地生成与该页面相关的页面导航。
本说明书实施例中提供的页面导航方法可以采用如图2中所示的架构。
在图2中,终端可包括但不限于:计算机、智能手机、平板电脑、增强现实(Augmented Reality,AR)设备、虚拟现实(Virtual Reality,VR)设备等等能够向用户展示页面的设备。换言之,用户可通过终端上的浏览器访问网页,或者通过终端上的应用浏览应用页面。在此情况下,可以在页面中显示页面导航。
服务端通常可以是业务提供方的服务器,如:网站服务器、为应用提供线上业务功能的业务服务器等。一般来说,构成服务端的服务器可以采用单一架构、集群式架构、分布式架构等,这里并不应作为对本申请的限定。
在本说明书实施例中,当用户通过终端浏览页面时,服务器可以动态地根据用户所浏览的页面生成相应的页面导航。
在此需要说明的是,在本说明书的一个或多个实施例中,所述的页面可以是:网页或应用页面,当然,如果用户使用AR/VR设备进行浏览,则所述页面还可以是由AR/VR技术所渲染的虚拟界面。这里并不应构成对本申请的限定。
基于上述如图2所示的架构,以下将详细说明本说明书实施例中所提供的技术方案。
本说明书实施例中提供一种页面导航方法,如图3所述,具体包括以下步骤:
步骤S301:监测用户所访问的URL。
如前所述,用户可以通过诸如浏览器、应用等信息入口浏览相应的页面。该过程中,浏览器或应用通过URL访问至相应的服务器中的页面资源,并展示给用户。所以在用户浏览页面时,服务器便可监测到用户所访问的URL。
在实际应用场景下,用户访问URL时可采用诸如超文本传输协议(Hyper TextTransfer Protocol,HTTP)、安全超文本传输协议(Hyper Text Transfer Protocol overSecure Socket,HTTPS)等,这里并不作具体限定。
步骤S303:根据所述URL动态创建页面导航对象。
正如前述,针对网站或应用维护全量的导航配置信息,以此生成页面导航的方式较为耗费存储空间。故在本说明书实施例中,无需依赖导航配置信息,而是根据用户所访问的URL动态地创建相应的页面导航对象。
具体而言,对页面导航对象的创建可由页面后台的程序实现,并从用户打开页面的时刻开始。作为本说明书实施例中的一种可行方式,所创建的页面导航对象的结构可如下所示:
当前页面的URL+页面描述+时间戳
在该方式中,针对不同页面层级的每一页面,都可创建生成对应的页面导航对象。
当然,上述内容仅是页面导航对象的一种可能方式,这里并不应构成对本申请的限定。
步骤S305:根据所述页面导航对象生成页面导航。
在已经创建生成了页面导航对象的基础上,便可以针对用户所浏览的当前页面生成相应的页面导航。具体而言,在实际应用中,如果用户从某网站的首页开始浏览,并点击了某二级页面,那么,便可以根据首页的页面导航对象和该二级页面的页面导航对象,在用户当前正在浏览的二级页面上生成页面导航。
当然,在一种较为典型的实施例中,生成页面导航可认为是生成该页面导航的用户界面(User Interface,UI)视图。
通过上述步骤,在生成页面导航时,并不需要依赖预先生成全量的导航配置信息,而是根据用户实际所浏览的页面,动态创建对应的页面导航对象,并以此生成页面导航。
采用上述生成页面导航的方式,并不需要单独维护全量的导航配置信息,能够减少存储空间以及维护成本,并且能够提升页面导航的生成效率。
对于前述如图3所示的方法,通常而言,其执行主体可以是服务器,在部分应用场景中,也可能是运行在终端上的浏览器或应用,具体而言,在一种方式下,用户通过终端上的浏览器或应用在线访问相应的页面,页面内容实时从服务器经过网络传输获得,此时,服务器可以作为上述方法的执行主体,负责生成页面导航,也即,执行上述步骤S301~步骤S305。而在另一种方式下,用户所浏览的页面属于离线页面,页面内容均存储在终端本地,并不需要与服务器进行交互,在此方式下,可由浏览器或应用作为执行主体执行前述步骤。并且,在执行上述步骤的过程中,执行主体可以发生变化,例如:可由服务器执行上述步骤S301及步骤S303,将得到的页面导航对象发送至终端一侧,再由终端上的浏览器或应用执行上述步骤S305。当然,具体将根据实际应用的需要进行确定,这里并不构成对本申请的限定。
需要说明的是,对于上述方法而言,用户访问URL时,将触发相应的导航项注册事件。因此,在本说明书实施例中,监测用户所访问的URL,具体可包括:监测用户访问URL所触发的页面导航项注册事件。
这里需要说明的是,所述的导航项,可认为是页面导航中具体的每一项,如:在面包屑导航“首页>应用1介绍”中,“首页”以及“应用1介绍”均可认为是导航项。
用户在实际的浏览过程中,部分页面的导航项可能是已经注册过的,例如导航项“首页”在用户访问至首页时就已注册,而用户浏览新页面,其对应的导航项并未进行注册。
基于此,在本说明书实施例中,根据所述URL动态创建页面导航对象的过程可以为:判断所述页面导航项注册事件所对应的页面导航项是否已存在,若是,则继续监测用户访问URL所触发的页面导航项注册事件;否则,则注册所述页面导航项,并根据所述页面导航项创建页面导航对象。
进一步而言,对于导航项的注册过程,具体可包括:根据所述URL,确定所需注册的页面导航项所对应的路由信息,及与该路由信息对应的描述信息,根据所述路由信息以及所述描述信息注册所述页面导航项。
在实际应用时,每一页面所对应的后台模块引入注册接口,也即:
import{registerBreadcrumb}from‘breadcrumb’
那么,便可以通过该接口获取到后台模块所对应的路由信息,如:/apps/1/detail。由此,便可以注册相应的页面导航项,即:
registerBreadcrumb([‘/apps/1/detail’,’应用1详情’])
对于注册的页面导航项,可将其添加至页面导航对象变量中,并增加相应的时间戳,即:
这里的时间戳所对应的时间,可认为是用户访问至该页面的时间(此时,页面还处于渲染状态中,并未完全展示给用户)。
由此,便可以生成相应的页面导航,其过程可为:根据所述页面导航对象生成页面导航项数组,按照所述页面导航对象中的时间戳,对所述页面导航项数组进行排序,根据排序结果,生成页面导航的用户界面UI视图。
除了上述所描述的内容之外,在实际应用中,用户可能会返回上层页面,对于此情况,上述方法还包括:当所述URL发生变化时,将所述URL转换为URL项数组,根据所述URL项数组以及变化后的URL,更新页面导航对象。
具体例如:假设用户所访问的页面URL由/apps/1/detail变为/apps/1,那么,便可将URL转换为数组形式,即:
[‘/apps’,’/apps/1’,’/apps/1/detail’]
基于该数组,可生成新的页面导航对象(在该示例中,可基于“’/apps/1’”生成页面导航对象),从而可以清除多余的页面导航项,这样一来,页面导航也就完成更新。
可以理解的,当URL为/apps/1/detail的页面所对应的页面导航可为:首页>APPS页>应用1>应用1详情,那么,当页面的URL变为/apps/1时,按照上述方式,可将页面导航更新为:首页>APPS页>应用1。
基于以上内容可见,本说明书实施例中的上述方法一次只生成当前所需要的页面导航数据,并不依赖全量的导航配置信息,而且动态按需注册页面导航项,扩展方便,也无需依赖路由表。
以上为本说明书实施例提供的页面导航方法,基于同样的思路,本说明书实施例还提供相应的页面导航装置。
具体而言,本说明书实施例中所提供的页面导航装置如图4所示,所述装置包括:
访问监测模块401,监测用户所访问的统一定位标识符URL;
对象创建模块402,根据所述URL动态创建页面导航对象;
导航生成模块403,根据所述页面导航对象生成页面导航。
进一步地,所述访问监测模块401,监测用户访问URL所触发的页面导航项注册事件。
进一步地,所述对象创建模块402,判断所述页面导航项注册事件所对应的页面导航项是否已存在,若是,则指示所述访问监测模块继续监测用户访问URL所触发的页面导航项注册事件,否则,则注册所述页面导航项,并根据所述页面导航项创建页面导航对象。
进一步地,所述对象创建模块402,根据所述URL,确定所需注册的页面导航项所对应的路由信息,及与该路由信息对应的描述信息,根据所述路由信息以及所述描述信息注册所述页面导航项。
进一步地,所述对象创建模块402,将所述页面导航项添加至页面导航对象变量中,并添加时间戳,创建该页面导航项所对应的页面导航对象。
进一步地,所述导航生成模块403,根据所述页面导航对象生成页面导航项数组,按照所述页面导航对象中的时间戳,对所述页面导航项数组进行排序,根据排序结果,生成页面导航的用户界面UI视图。
进一步地,所述装置还包括:导航更新模块404,当所述URL发生变化时,将所述URL转换为URL项数组,根据所述URL项数组以及变化后的URL,更新页面导航对象。
基于图4所示的装置,在实际应用中可由实体的设备(如:终端设备)所实现,具体而言,该设备包括:处理器、存储器,其中,
所述存储器,存储页面导航程序;
所述处理器,调用存储器中存储的页面导航序,并执行:
监测用户所访问的统一定位标识符URL;
根据所述URL动态创建页面导航对象;
根据所述页面导航对象生成页面导航。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置、设备和介质类实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可,这里就不再一一赘述。
至此,已经对本主题的特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作可以按照不同的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序,以实现期望的结果。在某些实施方式中,多任务处理和并行处理可以是有利的。
在20世纪90年代,对于一个技术的改进可以很明显地区分是硬件上的改进(例如,对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而,随着技术的发展,当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此,不能说一个方法流程的改进就不能用硬件实体模块来实现。例如,可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray,FPGA))就是这样一种集成电路,其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上,而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且,如今,取代手工地制作集成电路芯片,这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现,它与程序开发撰写时所用的软件编译器相类似,而要编译之前的原始代码也得用特定的编程语言来撰写,此称之为硬件描述语言(Hardware Description Language,HDL),而HDL也并非仅有一种,而是有许多种,如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等,目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚,只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中,就可以很容易得到实现该逻辑方法流程的硬件电路。
控制器可以按任何适当的方式实现,例如,控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit,ASIC)、可编程逻辑控制器和嵌入微控制器的形式,控制器的例子包括但不限于以下微控制器:ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320,存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道,除了以纯计算机可读程序代码方式实现控制器以外,完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件,而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至,可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
上述实施例阐明的系统、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的,计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定事务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行事务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。