CN113626747A - 面包屑导航的生成方法和装置 - Google Patents

面包屑导航的生成方法和装置 Download PDF

Info

Publication number
CN113626747A
CN113626747A CN202110936380.XA CN202110936380A CN113626747A CN 113626747 A CN113626747 A CN 113626747A CN 202110936380 A CN202110936380 A CN 202110936380A CN 113626747 A CN113626747 A CN 113626747A
Authority
CN
China
Prior art keywords
node
target
path
page
navigation
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202110936380.XA
Other languages
English (en)
Inventor
周卓鑫
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Wodong Tianjun Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN202110936380.XA priority Critical patent/CN113626747A/zh
Publication of CN113626747A publication Critical patent/CN113626747A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/06Buying, selling or leasing transactions
    • G06Q30/0601Electronic shopping [e-shopping]
    • G06Q30/0641Shopping interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Business, Economics & Management (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • General Engineering & Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Economics (AREA)
  • General Business, Economics & Management (AREA)
  • Strategic Management (AREA)
  • Marketing (AREA)
  • Development Economics (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

本发明公开了一种面包屑导航的生成方法和装置,涉及计算机技术领域。该方法的一具体实施方式包括:获取页面目录树,所述页面目录树包括:多个节点及节点间层级关系;获取目标页面的链接地址,并将所述目标页面的链接地址拆分成多个子路径;其中,所述目标页面对应于所述页面目录树中的一个节点;将所述多个子路径分别与所述页面目录树中节点的节点路径进行匹配,得到具有层级关系的多个目标节点;根据所述多个目标节点的节点信息,生成所述目标页面的导航配置数组;利用所述导航配置数组,生成所述目标页面的面包屑导航。该实施方式能够自动生成目标页面的导航配置数组,减轻了工作人员的工作量。

Description

面包屑导航的生成方法和装置
技术领域
本发明涉及计算机技术领域,尤其涉及一种面包屑导航的生成方法和装置。
背景技术
大型网站的网站系统很复杂,页面的层级也较深。面包屑导航可以告诉访问者其当前浏览的页面在网站中的位置以及如何返回。利用面包屑导航可以使网站结构更加清晰,也便于访问者在不同层级之间跳转,增加用户体验。通常需要根据各页面的导航配置数组,来生成各页面的面包屑导航。现有技术中需要手动编排各页面对应的面包屑导航的配置数组,工作量较大且效率较低。
发明内容
有鉴于此,本发明实施例提供一种面包屑导航的生成方法和装置,能够自动生成页面的导航配置数组,从而减轻相关人员的工作量且具有较高效率。
第一方面,本发明实施例提供了一种面包屑导航的生成方法,包括:
获取页面目录树,所述页面目录树包括:多个节点及节点间层级关系;
获取目标页面的链接地址,并将所述目标页面的链接地址拆分成多个子路径;其中,所述目标页面对应于所述页面目录树中的一个节点;
将所述多个子路径分别与所述页面目录树中节点的节点路径进行匹配,得到具有层级关系的多个目标节点;
根据所述多个目标节点的节点信息,生成所述目标页面的导航配置数组,所述导航配置数组中包括多个导航配置元素,所述导航配置元素与所述目标节点一一对应;
利用所述导航配置数组,生成所述目标页面的面包屑导航。
可选地,所述将所述多个子路径分别与所述页面目录树中节点的节点路径进行匹配,得到具有层级关系的多个目标节点,包括:
从所述多个子路径中,确定所述目标页面对应的当前子路径;
将所述当前子路径与所述页面目录树中节点的节点路径进行匹配,并将匹配到的节点确定所述当前子路径对应的当前目标节点。
可选地,所述将匹配到的节点确定所述当前子路径对应的当前目标节点之后,还包括:
利用路径分隔符,在所述目标页面的链接地址中,获取所述当前子路径的下一子路径;
在所述页面目录中,获取所述当前目标节点的至少一个下级节点;
将所述下一子路径与所述至少一个下级节点的节点路径分别进行匹配,并将匹配到的下级节点确定为所述下一子路径对应的下一目标节点。
可选地,所述根据所述多个目标节点的节点信息,生成所述目标页面的导航配置数组,包括:
获取所述多个目标节点中的当前目标节点;
确定所述当前目标节点的节点信息,所述节点信息包括:节点标题及节点路径;
根据所述当前目标节点的节点信息,生成所述当前目标节点对应的导航配置元素,所述导航配置元素包括:所述当前目标节点的节点标题及所述当前目标节点的节点路径。
可选地,所述确定所述当前节点的节点信息,包括:
确定所述当前目标节点的上层路径及相对路径;
确定所述当前目标节点中是否对应有路径参数;
若是,则利用所述上层路径、所述相对路径及所述路径参数,生成所述当前目标节点的节点路径;
若否,则拼接所述上层路径及所述相对路径,生成所述当前目标节点的节点路径。
可选地,所述确定所述当前节点的节点信息,包括:
确定所述当前目标节点中是否对应有标题参数;
若是,则利用所述标题参数,生成所述当前目标节点的节点标题;
若否,则从所述页面目录树中,获取所述当前目标节点的节点标题。
可选地,所述利用所述导航配置数组,生成所述目标页面的面包屑导航,包括:
获取所述面包屑导航的渲染信息;
利用所述渲染信息及所述导航配置数组,生成所述目标页面的面包屑导航。
第二方面,本发明实施例提供了一种面包屑导航的生成装置,包括:
目录树获取模块,用于获取页面目录树,所述页面目录树包括:多个节点及节点间层级关系;
地址获取模块,用于获取目标页面的链接地址,并将所述目标页面的链接地址拆分成多个子路径;其中,所述目标页面对应于所述页面目录树中的一个节点;
匹配模块,用于将所述多个子路径分别与所述页面目录树中节点的节点路径进行匹配,得到具有层级关系的多个目标节点;
数组生成模块,用于根据所述多个目标节点的节点信息,生成所述目标页面的导航配置数组,所述导航配置数组中包括多个导航配置元素,所述导航配置元素与所述目标节点一一对应;
导航生成模块,用于利用所述导航配置数组,生成所述目标页面的面包屑导航。
第三方面,本发明实施例提供了一种电子设备,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现上述任一实施例所述的方法。
第四方面,本发明实施例提供了一种计算机可读介质,其上存储有计算机程序,所述程序被处理器执行时实现上述任一实施例所述的方法。
上述发明中的一个实施例具有如下优点或有益效果:将目标页面的链接地址拆分成多个子路径,将多个子路径分别与页面目录树中节点的节点路径进行匹配,得到具有层级关系的多个目标节点,根据多个目标节点的节点信息,生成目标页面的导航配置数组,再利用导航配置数组,生成目标页面的面包屑导航。因此,能够自动生成目标页面的导航配置数组,相比手动编排目标页面的导航配置数组的方式,减轻了相关人员的工作量且具有较高效率。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明,不构成对本发明的不当限定。其中:
图1是本发明的一个实施例提供的一种面包屑导航的生成方法的流程的示意图;
图2是本发明的一个实施例提供的另一种面包屑导航的生成方法的流程的示意图;
图3是本发明的一个实施例提供的又一种面包屑导航的生成方法的流程的示意图;
图4是本发明的一个实施例提供的再一种面包屑导航的生成方法的流程的示意图;
图5是本发明的一个实施例提供的一种面包屑导航的生成装置的结构示意图;
图6是本发明实施例可以应用于其中的示例性系统架构图;
图7是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明,其中包括本发明实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本发明的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
现有技术中每个页面都需要使用面包屑导航需要手动编对应的配置数组,无法做到根据当前页面的链接自动生成对应的面包屑配置。基于此,本发明实施例设计了一种面包屑导航的生成方法。图1是本发明的一个实施例提供的一种面包屑导航的生成方法的流程的示意图。如图1所示,该方法包括:
步骤101:获取页面目录树,页面目录树包括:多个节点及节点间层级关系。
页面目录树是以根节点为主,向下呈现分支状的目录结构的一种文件结构。网站的层次结构可以通过页面目录树来体现。页面目录树中的节点与网站中的页面一一对应。其中,页面目录树的根节点对应着网站的主页面,页面目录树的其它节点对应着网站的其它页面。目录树中除根节点的其它节点都只有一个父节点,每个其它节点可以没有子节点,也可以有至少一个子节点。
举例来说,页面目录树以首页作为根节点(路径为'/'),首页节点有三个下级节点时政(路径为'/sz')、体育(路径为'/ty')和民生(路径为'/ms'),时政节点有两个下级节点:国内(路径为'/gn')和国际(路径为'/gj'),国内节点有包括页面1(路径为'/detail')在内的多个页面。
可以通过页面目录树中节点间的层级关系表征出网站中各页面间的层级关系。通过页面目录树可以很方便地确定出当前页面的上级页面或下级页面。
步骤102:获取目标页面的链接地址,并将目标页面的链接地址拆分成多个子路径;其中,目标页面对应于页面目录树中的一个节点。
目标页面的链接地址可以是目标页面的URL地址。URL地址一般包括主机域名和路径。其中,路径为由零个或多个'/'路径分隔符分割的字符串组成,表示服务器上的一个目录或文件的地址。例如,URL地址为:http://www.abc123.com/sz/gn/c_1127708851.htm,其中,www.abc123.com为主机域名,即服务器域名,/sz/gn/c_1127708851.htm为该服务器的一个目录。
利用路径分隔符将链接地址拆分成多个子路径。例如,上述链接地址可以分成如下子路径:'/'、'/sz'、'/sz/gn'、'/sz/gn/c_1127708851.htm'。可见,上述拆分得到的子路径具有层次关系,其中,'/'为'/sz'的上级路径,'/sz'为'/sz/gn'的上级路径,'/sz/gn'为'/sz/gn/c_1127708851.htm'的上级路径。
步骤103:将多个子路径分别与页面目录树中节点的节点路径进行匹配,得到具有层级关系的多个目标节点。
确定页面目录树中各节点的节点路径。可以直接在页面目录树中存储各节点的节点路径,也可以将各节点标识存储在页面目录树中,通过节点标识确定各节点的节点路径。
分别将步骤102中拆分得到的各子路径与页面目录树中节点的节点路径进行匹配,并将匹配得到的节点作为当前子路径对应的节点。通过路径匹配得到多个目标节点,与步骤102拆分得到的多个目录节点一一对应,且各导航配置元素具有与子路径对应的层次关系。
步骤104:根据多个目标节点的节点信息,生成目标页面的导航配置数组,导航配置数组中包括多个导航配置元素,导航配置元素与目标节点一一对应。
目标节点的节点信息可包括:节点标题及节点路径;根据当前目标节点的节点信息,生成当前目标节点对应的导航配置元素,导航配置元素包括:当前目标节点的节点标题及当前目标节点的节点路径。根据节点之间的层次关系,确定各导航配置元素之间的层次关系。再按照层次关系组合各导航配置元素,生成导航配置数组。
举例来说,共有四个目标节点包括:节点1{标题:首页,路径:'/'}、节点2{标题:时政,路径:'/sz'}、节点3{标题:国内,路径:'/sz/gn'}、节点4{标题:页面1,路径:'/sz/gn/c_1127708851.htm'}。则上述四个目标节点对应的导航配置数组为:[{标题:首页,路径:'/'},{标题:时政,路径:'/sz'},{标题:国内,路径:'/sz/gn'},{标题:页面1,路径:'/sz/gn/c_1127708851.htm'}]。
步骤105:利用导航配置数组,生成目标页面的面包屑导航。
例如,导航配置数组可以为:[{标题:'一级目录',路径:'/app/path1'},{标题:'二级目录',路径:'/app/path1/path2'},{标题:'三级目录',路径:'/app/path1/path2/path3'},{标题:'详细页',路径:'/app/path2/path3/path4'}]。该导航配置数组对应的面包屑导航为:一级目录/二级目录/三级目录/详细页,该面包屑导航包括4个层次,层次之间的信息采用分隔符'/'隔开。通过面包屑导航可以显示访客在到达目标页面前所访问过的网页,并且很好的指出目标页面与整个站点的层次结构。
在本发明实施例中,将目标页面的链接地址拆分成多个子路径,将多个子路径分别与页面目录树中节点的节点路径进行匹配,得到具有层级关系的多个目标节点,根据多个目标节点的节点信息,生成目标页面的导航配置数组,再利用导航配置数组,生成目标页面的面包屑导航。因此,能够自动生成目标页面的导航配置数组,相比手动编排目标页面的导航配置数组的方式,减轻了相关人员的工作量且具有较高效率。
在本发明的一个实施例中,利用导航配置数组,生成目标页面的面包屑导航,包括:获取面包屑导航的渲染信息;利用渲染信息及导航配置数组,生成目标页面的面包屑导航。渲染信息可包括:字体信息、字号信息、布局信息、颜色信息等。可将渲染信息写入渲染信息文件中。通过调用同一渲染信息文件,可生成符合预设要求的不同页面的面包屑导航。
图2是本发明的一个实施例提供的一种面包屑导航的生成方法的流程的示意图。如图2所示,该方法包括:
步骤201:获取页面目录树,页面目录树包括:多个节点及节点间层级关系。
步骤202:获取目标页面的链接地址,并将目标页面的链接地址拆分成多个子路径;其中,目标页面对应于页面目录树中的一个节点。
步骤203:从多个子路径中,确定目标页面对应的当前子路径。
步骤204:将当前子路径与页面目录树中节点的节点路径进行匹配,并将匹配到的节点确定当前子路径对应的当前目标节点。
步骤205:获取当前子路径的下一子路径。
在目标页面的链接地址中,可利用路径分隔符'/',获取当前子路径的下一子路径。下一子路径为当前路径的下级路径。
步骤206:在页面目录中,获取当前目标节点的至少一个下级节点。
步骤207:将下一子路径与至少一个下级节点的节点路径分别进行匹配,并将匹配到的下级节点确定为下一子路径对应的下一目标节点。
从当前目标节点的至少一个下级节点中,匹配出下一子路径对应的下一目标节点,下一目标节点为当前目标节点的下级节点。如此反复操作,可获得从前至后都具有层次关系的多个目标节点。
步骤208:确定下一子路径是否存在下级路径。
若存在,还有子路径未处理,则执行步骤209。若否,所有子路径均已处理,则执行步骤210。
步骤209:将下一子路径设置为当前子路径。
重新执行步骤205-207,确定出子路径对应的目标节点,直至所有目标节点都处理完毕。
步骤210:根据多个目标节点的节点信息,生成目标页面的导航配置数组,导航配置数组中包括多个导航配置元素,导航配置元素与目标节点一一对应。
步骤211:利用导航配置数组,生成目标页面的面包屑导航。
在本发明实施例中,从目标页面的根子路径开始,依次确定出各子路径对应的目标节点。从当前目标节点的至少一个下级节点中,匹配出下一子路径对应的下一目标节点,下一子路径为当前子路径的下级节点。如此反复操作,获得从前至后都具有层次关系的多个目标节点,从而生成导航配置数组,以展示出目标页面对应的面包屑导航。
图3是本发明的一个实施例提供的又一种面包屑导航的生成方法的流程的示意图。如图3所示,该方法包括:
步骤301:获取页面目录树,页面目录树包括:多个节点及节点间层级关系。
步骤302:获取目标页面的链接地址,并将目标页面的链接地址拆分成多个子路径;其中,目标页面对应于页面目录树中的一个节点。
步骤303:将多个子路径分别与页面目录树中节点的节点路径进行匹配,得到具有层级关系的多个目标节点。
步骤304:获取多个目标节点中的当前目标节点。
步骤305:确定当前目标节点的上层路径、相对路径及节点标题。
上层路径为当前目标节点的上级节点对应的访问路径。通过上层路径可访问上级节点对应的页面。相对路径为当前目标节点相对于上层路径所在的路径。相对路径用于描述当前目标节点与其上级节点所在目录之间的相对关系,根据当前目标节点的上层路径以及相对路径,即可查找到当前目标节点对应的页面。
例如,某个三层页面目录树结构如下:一级目录/二级目录/详细页。详细页对应页面的链接地址为:http://www.abc123.com/path1/detail。则该页面目录树对应3个节点:
节点1:题目为一级目录,对应子路径为'/';
节点2:题目为二级目录,对应子路径为'/path1';
节点3:题目为详细页,对应子路径为'/detail'。
对于节点2,其上层路径为'/',其相对路径为'/path1'。对于节点3,其上层路径为'/path1',其相对路径为'/detail'。
步骤306:确定当前目标节点中是否对应有路径参数。
若是,则执行步骤307。若否,则执行步骤308。
步骤307:利用上层路径、相对路径及路径参数,生成当前目标节点的节点路径。
对于有路径参数的节点,可利用路径参数动态生成节点路径。例如,对于上述节点3,其上层路径为'/path1',其相对路径为'/detail',通过接口或其他方式获取到的路径参数为'xyz',则该节点的节点路径为'/path1/detail?a=xyz',或'/path1/detail?name=xyz'等,生成的节点路径的形式可根据具体需求进行设定。
步骤308:拼接上层路径及相对路径,生成当前目标节点的节点路径。
对于没有路径参数的节点,可拼接上层路径及相对路径,生成当前目标节点的节点路径。如上所述,对于上述节点3,其上层路径为'/path1',其相对路径为'/detail',则该节点的节点路径为'/path1/detail'。
步骤309:生成当前目标节点对应的导航配置元素,导航配置元素包括:当前目标节点的节点标题及当前目标节点的节点路径。
步骤310:确定是否还有未处理的目标节点。
若存在,则还有未处理的目标节点,执行步骤311。若不存在,则所有目标节点均处理完毕,执行步骤312。
步骤311:将获取当前节点的下一节点,并将下一节点确定为新的当前节点。
重新执行步骤305-309,确定出子路径对应的目标节点,直至所有目标节点都处理完毕。
步骤312:利用导航配置数组,生成目标页面的面包屑导航。
部分面包屑导航需要依赖异步获取的数据,而现有技术的方案中没有涉及到根据上下文中的变量动态生成面包屑的部分。在本发明实施例中,通过路径参数可动态生成面包屑导航的路径部分,使面包屑导航的生成方式更加灵活。
在本发明的一个实施例中,确定当前目标节点的节点标题,包括:确定当前目标节点中是否对应有标题参数;若是,则利用标题参数,生成当前目标节点的节点标题;若否,则从页面目录树中,获取当前目标节点的节点标题。通过标题参数可动态生成面包屑导航的节点标题部分,可根据具体情况使面包屑导航的显示不同的标题。
为使本发明实施例的方法更加便于理解,下面以一个具体实施例进行讲解。本本发明实施例的方案会提供一个渲染面包屑导航的方法,当在某个页面上需要面包屑导航,在该页面上直接调用该方法即可,无需在不同的页面上定义不同的面包屑配置。并且对于某些面包屑需要通过接口等异步手段获取的数据作为参数也提供了解决方法。图4是本发明的一个实施例提供的再一种面包屑导航的生成方法的流程的示意图。如图4所示,方案整体流程主要分以下几步:
步骤S01:定义整个Web应用的目录树。
目录树的数据结构如下:
Figure BDA0003213021560000111
Figure BDA0003213021560000121
getCrumb()用于返回当前节点的节点路径和节点标题。该方法传入三个参数,分别为:上层路径、内容参数及当前节点。在需要展示面部屑导航的目标页面上直接调用该方法即可,无需在不同的页面上定义不同的面包屑配置。
步骤S02:定义根据应用目录配置和当前页面的链接地址(pathname)自动生成面包屑导航配置的方法。该方法会根据当前页面的pathname来递归匹配上面的应用目录配置树,生成一份渲染面包屑导航需要的配置数组。若当前目录配置存在方法getCrumb则传入对应参数获取返回值后生成对应配置。
到这一步完成了根据当前页面地址自动生成面包屑导航的配置数组,这时加上一个渲染面包屑导航的方法即可完成面包屑导航根据当前URL的自动渲染。
步骤S03:定义一个面包屑对象,该对象上存在属性loading,如果属性loading被设置为true,生成配置数组的方法将停止工作。当该对象的context属性被设置上动态生成面包屑导航需要的数据,并且loading属性重置成false后,触发面包屑导航配置数组的自动生成,将context属性作为第二个参数传递给存在于应用目录配置项下的getCrumb方法,在配置数组生成完成后,自动根具该配置数组完成渲染。
步骤S04:当URL为http://abc.com/manage/list/detail?a=1时,动态生成的面包屑配置数据结构如下:[{path:'/',title:'首页'},{path:'/manage',title:'管理页'},{path:'/manage/list',title:'列表页'},{path:'/manage/list/detail?a=1',title:'详情页'}]。除了path可以被动态修改,title也具备动态修改的能力,只要在getCrumb方法下返回自定义的title即可。
步骤S05:定义渲染面包屑配置的方法,完成对于面包屑配置的渲染。同一份面包屑配置传入不同的渲染方法即可渲染处不同的样式。
本发明实施例的方案中,解决每次使用面包屑导航都需要在对应页面手动编写配置数组,让该配置可以根据当前页面URL自动生成。对于需要额外参数的面包屑配置可以根据相关数据动态生成。
本发明实施例的方案的关键点在于根据Web应用的目录树加上当前页面的URL可以自动生成当前页面的面包屑导航,无需单独页面单独配置,并且可以依据面包屑导航需要的参数动态修改静态的配置渲染正确的面包屑导航。
图5是本发明的一个实施例提供的一种面包屑导航的生成装置的结构示意图。如图5所示,该装置包括:
目录树获取模块501,用于获取页面目录树,所述页面目录树包括:多个节点及节点间层级关系;
地址获取模块502,用于获取目标页面的链接地址,并将所述目标页面的链接地址拆分成多个子路径;其中,所述目标页面对应于所述页面目录树中的一个节点;
匹配模块503,用于将所述多个子路径分别与所述页面目录树中节点的节点路径进行匹配,得到具有层级关系的多个目标节点;
数组生成模块504,用于根据所述多个目标节点的节点信息,生成所述目标页面的导航配置数组,所述导航配置数组中包括多个导航配置元素,所述导航配置元素与所述目标节点一一对应;
导航生成模块505,用于利用所述导航配置数组,生成所述目标页面的面包屑导航。
可选地,匹配模块503具体用于:
从所述多个子路径中,确定所述目标页面对应的当前子路径;
将所述当前子路径与所述页面目录树中节点的节点路径进行匹配,并将匹配到的节点确定所述当前子路径对应的当前目标节点。
可选地,匹配模块503还用于:
利用路径分隔符,在所述目标页面的链接地址中,获取所述当前子路径的下一子路径;
在所述页面目录中,获取所述当前目标节点的至少一个下级节点;
将所述下一子路径与所述至少一个下级节点的节点路径分别进行匹配,并将匹配到的下级节点确定为所述下一子路径对应的下一目标节点。
可选地,数组生成模块504具体用于:
获取所述多个目标节点中的当前目标节点;
确定所述当前目标节点的节点信息,所述节点信息包括:节点标题及节点路径;
根据所述当前目标节点的节点信息,生成所述当前目标节点对应的导航配置元素,所述导航配置元素包括:所述当前目标节点的节点标题及所述当前目标节点的节点路径。
可选地,数组生成模块504具体用于:
确定所述当前目标节点的上层路径及相对路径;
确定所述当前目标节点中是否对应有路径参数;
若是,则利用所述上层路径、所述相对路径及所述路径参数,生成所述当前目标节点的节点路径;
若否,则拼接所述上层路径及所述相对路径,生成所述当前目标节点的节点路径。
可选地,数组生成模块504具体用于:
确定所述当前目标节点中是否对应有标题参数;
若是,则利用所述标题参数,生成所述当前目标节点的节点标题;
若否,则从所述页面目录树中,获取所述当前目标节点的节点标题。
可选地,导航生成模块505具体用于:
获取所述面包屑导航的渲染信息;
利用所述渲染信息及所述导航配置数组,生成所述目标页面的面包屑导航。
本发明实施例提供了一种电子设备,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现上述任一实施例的方法。
图6示出了可以应用本发明实施例的面包屑导航的生成方法及装置的示例性系统架构600。
如图6所示,系统架构600可以包括终端设备601、602、603,网络604和服务器605。网络604用以在终端设备601、602、603和服务器605之间提供通信链路的介质。网络604可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备601、602、603通过网络604与服务器605交互,以接收或发送消息等。终端设备601、602、603上可以安装有各种网页浏览器应用。
终端设备601、602、603可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
终端设备601、602、603发送目标页面的访问请求。服务器605获取访问请求,并将目标页面的链接地址拆分成多个子路径,将多个子路径分别与页面目录树中节点的节点路径进行匹配,得到具有层级关系的多个目标节点,根据多个目标节点的节点信息,生成目标页面的导航配置数组,再利用导航配置数组,生成目标页面的面包屑导航。
需要说明的是,本发明实施例所提供的面包屑导航的生成方法一般由服务器605执行,相应地,面包屑导航的生成装置一般设置于服务器605中。
应该理解,图6中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
下面参考图7,其示出了适于用来实现本发明实施例的终端设备的计算机系统700的结构示意图。图7示出的终端设备仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图7所示,计算机系统700包括中央处理单元(CPU)701,其可以根据存储在只读存储器(ROM)702中的程序或者从存储部分708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM 703中,还存储有系统700操作所需的各种程序和数据。CPU 701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
以下部件连接至I/O接口705:包括键盘、鼠标等的输入部分706;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分707;包括硬盘等的存储部分708;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分709。通信部分709经由诸如因特网的网络执行通信处理。驱动器710也根据需要连接至I/O接口705。可拆卸介质711,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器710上,以便于从其上读出的计算机程序根据需要被安装入存储部分708。
特别地,根据本发明公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本发明公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分709从网络上被下载和安装,和/或从可拆卸介质711被安装。在该计算机程序被中央处理单元(CPU)701执行时,执行本发明的系统中限定的上述功能。
需要说明的是,本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
附图中的流程图和框图,图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中,例如,可以描述为:目录树获取模块、地址获取模块、匹配模块及数组生成模块。其中,这些模块的名称在某种情况下并不构成对该模块本身的限定,例如,目录树获取模块还可以被描述为'获取页面目录树,所述页面目录树包括:多个节点及节点间层级关系的模块'。
作为另一方面,本发明还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的设备中所包含的;也可以是单独存在,而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该设备执行时,使得该设备包括:
获取页面目录树,所述页面目录树包括:多个节点及节点间层级关系;
获取目标页面的链接地址,并将所述目标页面的链接地址拆分成多个子路径;其中,所述目标页面对应于所述页面目录树中的一个节点;
将所述多个子路径分别与所述页面目录树中节点的节点路径进行匹配,得到具有层级关系的多个目标节点;
根据所述多个目标节点的节点信息,生成所述目标页面的导航配置数组,所述导航配置数组中包括多个导航配置元素,所述导航配置元素与所述目标节点一一对应;
利用所述导航配置数组,生成所述目标页面的面包屑导航。
根据本发明实施例的技术方案,将目标页面的链接地址拆分成多个子路径,将多个子路径分别与页面目录树中节点的节点路径进行匹配,得到具有层级关系的多个目标节点,根据多个目标节点的节点信息,生成目标页面的导航配置数组,再利用导航配置数组,生成目标页面的面包屑导航。因此,能够自动生成目标页面的导航配置数组,相比手动编排目标页的屑导航配置数组的方式,减轻了相关人员的工作量且具有较高效率。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,取决于设计要求和其他因素,可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。

Claims (10)

1.一种面包屑导航的生成方法,其特征在于,包括:
获取页面目录树,所述页面目录树包括:多个节点及节点间层级关系;
获取目标页面的链接地址,并将所述目标页面的链接地址拆分成多个子路径;其中,所述目标页面对应于所述页面目录树中的一个节点;
将所述多个子路径分别与所述页面目录树中节点的节点路径进行匹配,得到具有层级关系的多个目标节点;
根据所述多个目标节点的节点信息,生成所述目标页面的导航配置数组,所述导航配置数组中包括多个导航配置元素,所述导航配置元素与所述目标节点一一对应;
利用所述导航配置数组,生成所述目标页面的面包屑导航。
2.根据权利要求1所述的方法,其特征在于,所述将所述多个子路径分别与所述页面目录树中节点的节点路径进行匹配,得到具有层级关系的多个目标节点,包括:
从所述多个子路径中,确定所述目标页面对应的当前子路径;
将所述当前子路径与所述页面目录树中节点的节点路径进行匹配,并将匹配到的节点确定所述当前子路径对应的当前目标节点。
3.根据权利要求2所述的方法,其特征在于,所述将匹配到的节点确定所述当前子路径对应的当前目标节点之后,还包括:
获取所述当前子路径的下一子路径;
在所述页面目录中,获取所述当前目标节点的至少一个下级节点;
将所述下一子路径与所述至少一个下级节点的节点路径分别进行匹配,并将匹配到的下级节点确定为所述下一子路径对应的下一目标节点。
4.根据权利要求1所述的方法,其特征在于,所述根据所述多个目标节点的节点信息,生成所述目标页面的导航配置数组,包括:
获取所述多个目标节点中的当前目标节点;
确定所述当前目标节点的节点信息,所述节点信息包括:节点标题及节点路径;
根据所述当前目标节点的节点信息,生成所述当前目标节点对应的导航配置元素,所述导航配置元素包括:所述当前目标节点的节点标题及所述当前目标节点的节点路径。
5.根据权利要求4所述的方法,其特征在于,所述确定所述当前节点的节点信息,包括:
确定所述当前目标节点的上层路径及相对路径;
确定所述当前目标节点中是否对应有路径参数;
若是,则利用所述上层路径、所述相对路径及所述路径参数,生成所述当前目标节点的节点路径;
若否,则拼接所述上层路径及所述相对路径,生成所述当前目标节点的节点路径。
6.根据权利要求4所述的方法,其特征在于,所述确定所述当前节点的节点信息,包括:
确定所述当前目标节点中是否对应有标题参数;
若是,则利用所述标题参数,生成所述当前目标节点的节点标题;
若否,则从所述页面目录树中,获取所述当前目标节点的节点标题。
7.根据权利要求1所述的方法,其特征在于,所述利用所述导航配置数组,生成所述目标页面的面包屑导航,包括:
获取所述面包屑导航的渲染信息;
利用所述渲染信息及所述导航配置数组,生成所述目标页面的面包屑导航。
8.一种面包屑导航的生成装置,其特征在于,包括:
目录树获取模块,用于获取页面目录树,所述页面目录树包括:多个节点及节点间层级关系;
地址获取模块,用于获取目标页面的链接地址,并将所述目标页面的链接地址拆分成多个子路径;其中,所述目标页面对应于所述页面目录树中的一个节点;
匹配模块,用于将所述多个子路径分别与所述页面目录树中节点的节点路径进行匹配,得到具有层级关系的多个目标节点;
数组生成模块,用于根据所述多个目标节点的节点信息,生成所述目标页面的导航配置数组,所述导航配置数组中包括多个导航配置元素,所述导航配置元素与所述目标节点一一对应;
导航生成模块,用于利用所述导航配置数组,生成所述目标页面的面包屑导航。
9.一种电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-7中任一所述的方法。
10.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-7中任一所述的方法。
CN202110936380.XA 2021-08-16 2021-08-16 面包屑导航的生成方法和装置 Pending CN113626747A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110936380.XA CN113626747A (zh) 2021-08-16 2021-08-16 面包屑导航的生成方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110936380.XA CN113626747A (zh) 2021-08-16 2021-08-16 面包屑导航的生成方法和装置

Publications (1)

Publication Number Publication Date
CN113626747A true CN113626747A (zh) 2021-11-09

Family

ID=78385650

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110936380.XA Pending CN113626747A (zh) 2021-08-16 2021-08-16 面包屑导航的生成方法和装置

Country Status (1)

Country Link
CN (1) CN113626747A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114969579A (zh) * 2022-04-18 2022-08-30 武汉心络科技有限公司 面包屑导航的生成方法、装置及计算机可读存储介质

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114969579A (zh) * 2022-04-18 2022-08-30 武汉心络科技有限公司 面包屑导航的生成方法、装置及计算机可读存储介质

Similar Documents

Publication Publication Date Title
US10303689B2 (en) Answering natural language table queries through semantic table representation
CN113010827B (zh) 页面渲染方法、装置、电子设备以及存储介质
CN112416425B (zh) App构建方法、装置、计算机设备及存储介质
WO2021023149A1 (zh) 一种动态返回报文的方法和装置
US11275805B2 (en) Dynamically tagging webpages based on critical words
CN113010405A (zh) 一种应用程序的测试方法和装置
CN113760276A (zh) 一种生成页面代码的方法和装置
WO2020199659A1 (zh) 用于确定推送优先级信息的方法和装置
CN113626747A (zh) 面包屑导航的生成方法和装置
CN117234582A (zh) 一种项目代码处理方法、装置、电子设备及存储介质
CN111382953A (zh) 一种动态流程生成方法和装置
CN110647327A (zh) 基于卡片的用户界面动态控制的方法和装置
US20220215018A1 (en) Iterative query expansion for document discovery
CN114880020A (zh) 软件开发工具包管理方法、相关装置及计算机程序产品
CN113656041A (zh) 数据处理方法、装置、设备及存储介质
US10922366B2 (en) Self-adaptive web crawling and text extraction
CN108664535B (zh) 信息输出方法和装置
CN113704242A (zh) 一种数据处理方法和装置
CN113127430A (zh) 镜像信息处理方法、装置、计算机可读介质及电子设备
US11693720B1 (en) Deploying schematically enriched document content as representational state transfer application programming interfaces
CN115221178B (zh) 数据表绑定方法、装置、电子设备和计算机可读介质
US20230409628A1 (en) Static and dynamic nbmp function image retrieval and scale ranking
CN116383266A (zh) 一种云资源检索方法、装置、设备和存储介质
CN113760271A (zh) 一种生成用于描述页面的代码的方法和装置
CN116610706A (zh) 一种数据血缘分析方法、服务器和系统

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination