CN113127776A - 面包屑路径生成方法、装置及终端设备 - Google Patents
面包屑路径生成方法、装置及终端设备 Download PDFInfo
- Publication number
- CN113127776A CN113127776A CN201911418054.9A CN201911418054A CN113127776A CN 113127776 A CN113127776 A CN 113127776A CN 201911418054 A CN201911418054 A CN 201911418054A CN 113127776 A CN113127776 A CN 113127776A
- Authority
- CN
- China
- Prior art keywords
- page
- routing
- path
- information
- routing information
- 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
Links
- 235000012813 breadcrumbs Nutrition 0.000 title claims abstract description 73
- 238000000034 method Methods 0.000 title claims abstract description 56
- 238000004590 computer program Methods 0.000 claims description 20
- 238000012545 processing Methods 0.000 claims description 6
- 238000000605 extraction Methods 0.000 claims description 2
- 230000010365 information processing Effects 0.000 abstract description 2
- 230000006870 function Effects 0.000 description 11
- 230000008569 process Effects 0.000 description 6
- 230000004044 response Effects 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000013461 design Methods 0.000 description 3
- 238000010586 diagram Methods 0.000 description 3
- 230000001960 triggered effect Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 241000692870 Inachis io Species 0.000 description 1
- 230000003190 augmentative effect Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000013524 data verification Methods 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 239000000284 extract Substances 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 239000003550 marker Substances 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000008520 organization Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000010792 warming Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请适用于互联网信息处理技术领域,提供了面包屑路径生成方法,包括:接收页面加载指令,获取所述页面加载指令对应的页面路由信息,将所述页面路由信息与预设路由配置表进行比对,得到所述页面路由信息对应的路由路径,所述预设路由配置表包括页面路由信息与路由路径的对应关系,基于所述路由路径生成所述页面加载指令对应的面包屑路径。本申请还提供了面包屑路径生成装置及终端,提高了面包屑路径生成的效率,也降低了手动填写路由信息的出错率。上述方法适用于存在大量分级内容的大型网站,可以帮助用户确定访问页面的位置,以提高用户的体验度。
Description
技术领域
本申请属于互联网信息处理技术领域,尤其涉及一种面包屑路径生成方法、装置及终端设备。
背景技术
面包屑路径(Breadcrumb Navigation)是应用于网站或者网络程序上的,帮助用户找到自身位置的二级导航标记,在存在大量的分级内容的网站上我们经常能够看到面包屑路径的使用,在一些引导性的网络应用上也能够见到,它们的作用就像一个进度条,指引着用户当前的进度。
面包屑路径最简单的形式是水平排列的文字链接。在大型网站的面包屑路径设计中,往往在生成面包屑时,通常会根据页面的不同,而每次需要给面包屑传递新的路径内容以重新配置面包屑。
由于每一次引用组件都需要手动填写完整的路由信息,尤其页面层次较深会使提供的路由信息变得复杂,导致了面包屑路径生成时的效率较低的问题。
发明内容
本申请实施例提供了面包屑生成方法、装置及终端设备,可以解决通过页面路由信息与预设路由配置表进行匹配,自动生成面包屑路径,无需从外部偶去相应的路由信息的问题。
第一方面,本申请实施例提供了一种面包屑路径生成方法,包括:
接收页面加载指令,获取所述页面加载指令对应的页面路由信息;
将所述页面路由信息与预设路由配置表进行比对,得到所述页面路由信息对应的路由路径,所述预设路由配置表包括页面路由信息与路由路径的对应关系;
基于所述路由路径生成所述页面加载指令对应的面包屑路径。
可选地,所述接收页面加载指令,获取所述页面加载指令对应的页面路由信息包括:
接收页面加载指令,获取页面加载指令对应的页面源代码;
遍历所述页面源代码,提取所述页面源代码中的页面路由信息。
可选地,所述接收页面加载指令,获取所述页面加载指令对应的页面路由信息包括:
从所述页面加载指令的网页链接中提取出标识信息;
根据所述标识信息在所述预设路由配置表中查找出对应的路由路径并得到所述页面路由信息。
可选地,所述从所述页面加载指令的网页链接中提取出标识信息,包括:
在页面加载时,采用堆栈缓存方式将所述网页链接与所述预设路由配置表中的路径信息进行比对得到所述标识信息。
可选地,在接收页面加载指令,获取所述页面加载指令对应的页面路由信息之前,包括:
当接收到表创建指令时,获取所述表创建指令中的各个页面的页面路由信息和路由路径的对应关系;
根据所述各个页面的页面路由信息和路由路径的对应关系创建所述预设路由配置表。
第二方面,本申请实施例提供了一种面包屑路径生成装置,包括:
获取模块,用于接收页面加载指令,获取所述页面加载指令对应的页面路由信息;
比对模块,用于将所述页面路由信息与预设路由信息配置表进行比对,得到所述页面路由信息对应的路由路径,所述预设路由信息配置表包括页面路由信息与路由路径的对应关系;
生成模块,用于基于所述路由路径生成所述页面加载指令对应的面包屑路径。
第三方面,本申请实施例提供了一种终端设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述面包屑路径生成方法。
第四方面,本申请实施例提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述面包屑路径生成方法。
本申请实施例与现有技术相比存在的有益效果是:通过在页面加载时,获取页面加载指令对应的页面路由信息,将所述页面路由信息与与预设路由配置表进行比对,得到所述页面路由信息对应的路由路径,所述预设路由配置表包括页面路由信息与路由路径的对应关系,基于所述路由路径生成所述页面加载指令对应的面包屑路径。通过上述面包屑路径生成方法,可以避免不同页面需要手动填写完整的路由信息而出现提取路由路径不及时的问题,在页面加载时获取页面加载指令并得到相应的页面路由信息,根据页面路由信息与预设路由配置表进行匹配得到该页面的路由路径使各个页面生成完整的面包屑路径,提高了面包屑路径生成的效率,也降低了手动填写路由信息的出错率。上述方法适用于存在大量分级内容的大型网站,可以帮助用户确定访问页面的位置,以提高用户的体验度。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的面包屑路径生成方法的实现流程示意图;
图2是本申请另一实施例提供的面包屑路径生成方法的实现流程示意图;
图3是本申请实施例提供的面包屑路径生成装置的结构示意图;
图4是本申请实施例提供的终端设备的结构示意图。
具体实施方式
以下描述中,为了说明而不是为了限定,提出了诸如特定系统结构、技术之类的具体细节,以便透彻理解本申请实施例。然而,本领域的技术人员应当清楚,在没有这些具体细节的其它实施例中也可以实现本申请。在其它情况中,省略对众所周知的系统、装置、电路以及方法的详细说明,以免不必要的细节妨碍本申请的描述。
应当理解,当在本申请说明书和所附权利要求书中使用时,术语“包括”指示所描述特征、整体、步骤、操作、元素和/或组件的存在,但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
还应当理解,在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合,并且包括这些组合。
如在本申请说明书和所附权利要求书中所使用的那样,术语“如果”可以依据上下文被解释为“当...时”或“一旦”或“响应于确定”或“响应于检测到”。类似地,短语“如果确定”或“如果检测到[所描述条件或事件]”可以依据上下文被解释为意指“一旦确定”或“响应于确定”或“一旦检测到[所描述条件或事件]”或“响应于检测到[所描述条件或事件]”。
另外,在本申请说明书和所附权利要求书的描述中,术语“第一”、“第二”、“第三”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
在本申请说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此,在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例,而是意味着“一个或多个但不是所有的实施例”,除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”,除非是以其他方式另外特别强调。
图1为本申请一实施例提供的面包屑生成方法的流程诗意图,如图1所示,该实施例的面包屑生成方法包括以下S101至S103。
S101:接收页面加载指令,获取所述页面加载指令对应的页面路由信息;
在本实施例中,以存在大量分级内的网站为例,该网站的各个页面可以单独进行路由配置,也可以对整个网站进行路由配置生成相应的路由表,以记录每个页面或整个网站的路径。
需要说明的是,在接收到用户输入网址、关键词搜索、点击菜单、页面跳转等访问页面时生成相应的页面加载指令,根据所述页面加载指令获取该页面的页面路由信息,所述页面路由信息可以是开发者编写在页面源代码中的内容,也可以是系统配置好的根目录或者根节点与子节点的路径。
应理解,在接收页面加载指令时,可以采用编解码的方式获取该页面加载指令,触发执行输出与输入的页面加载指令对应的输出结果,该输出结果可以包括文字内容、动态图片、语音信息等。在接收到页面加载指令时获取对应的页面路由信息,可以通过公用组件快速提取该页面的路由关键信息如带有path的字符串或者注解,从而精准得到该页面的页面路由信息。
S102:将所述页面路由信息与预设路由配置表进行比对,得到所述页面路由信息对应的路由路径,所述预设路由配置表包括页面路由信息与路由路径的对应关系;
在本实施例中,路由配置表可以是对单页面进行配置,也可以是对整个网站或者系统进行配置的。其中,单页面的页面路由信息是在前端单页面实现的,可以在较为常见的React、Vue等框架下构建一个单页面应用,若在浏览器上改变路由,且在不请求服务器的情况下渲染不同的内容,则需要配置后端的路由,便于理解,优选单页面路由配置,该路由配置可以采用路由匹配路由加回调的方式实现,具体可以配置路由模式、添加或删除路由、监听路由变化并调用对应路由回调及暴露路由跳转函数等路由配置过程。
需要说明的是,预设路由配置表可以是一个系统的所有路由信息,也可以是每个页面单独配置的路由信息。每个路由均包含唯一的关键信息,以及该关键信息对应唯一路径,该唯一路径可以是一个关键字或多段字符串,例如id、key等。
应理解,将所述页面路由信息与预设路由配置表进行比对,可以是关键字匹配,或者通过路由查表的方式进行匹配,在所述预设路由配置表中匹配到所述页面路由信息时,公用组件可以快速精准地判断出所述预设路由配置表的具体信息,并获取该页面的路由路径,直至到根节点页面的完整路由路径,从而节省了了从外部传入路由路径的时间。
S103:基于所述路由路径生成所述页面加载指令对应的面包屑路径。
在本实施例中,为了便于理解,以下为路由配置的代码。
具体地,当进入布控页面时,此时页面路由为/face/face-monitor,面包屑组件获取到关键信息/face-monitor,从而进一步获取到其父级以上的信息,最后生成了“人脸->人脸布控”或者“人脸>人脸布控”的面包屑路径。
需要说明的是,每个页面都有多个组件,包含公用组件和面包屑组件等,面包屑组件用于生成面包屑路径供用户点击或浏览的,面包屑路径使用户能快速知晓访问当前页面的位置,也可以作为网站导航。
应理解,组件(Component)是对数据和方法的简单封装,组件包括属性和方法,属性是组件数据的简单访问者,方法是组件的一些简单而可见的功能,使用组件可以实现拖放式编程、快速地属性处理以及真正的面向对象设计。常见的组件有用户界面组件、图表组件、报表组件及表格组件等。而面包屑路径是在组件内部完成,为了便于说明,将其定义为面包屑组件,基于路由路径生成完整的面包屑路径,这样可以实现在单页面的面包屑路径,以此类推,多页面或者页面跳转时,只需调用该页面的组件获取该页面加载时对应的页面路由信息并与预设路由配置表进行比对来生成面包屑路径,无需传递额外参数,节省了系统资源。
可选地,所述接收页面加载指令,获取所述页面加载指令对应的页面路由信息包括:
接收页面加载指令,获取页面加载指令对应的页面源代码;
在本实施例中,在接收到页面加载指令之前,可以是用户的点击、开发者编写的页面跳转指令等,页面的显示内容都是页面源代码编辑的,具体可以采用HTML、JAVA、PHP等编程语言,页面加载也可以是后台更新触发进行的,具体的根据实际框框设定,此处不做具体限定。
遍历所述页面源代码,提取所述页面源代码中的页面路由信息。
在本实施例中,以HTML语法规则将图片、文字等内容,在浏览器显示出来的代码为网页源代码,即页面源代码。查看页面源代码可以通过手动方式或者代码指令执行的,其中,手动查看可以通过打开一个网页后点击鼠标的右键就会有“查看原文件”,操作鼠标右键->查看源文件即可弹出一个记事本,而记事本内容就是此网页的HTML代码。而代码指令是通过代码的编辑、编译和运行来实现获取所述页面源代码中的页面路由信息的,通过遍历页面源代码并筛选出该页面的页面路由信息如带有path的代码行。此处优选采用自动获取该页面的页面路由信息,无需输入额外的查询参数,从而便捷地提取页面路由信息。
可选地,所述接收页面加载指令,获取所述页面加载指令对应的页面路由信息包括:
从所述页面加载指令的网页链接中提取出标识信息;
页面加载指令可以是用户点击或者输入的网页链接,标识信息可以由英文单词组成或者汉字词组,常见的由符号“/”进行分隔,具体的以某云端知识库语雀为例,该网站的网址为“https://www.yuque.com”,点击产品功能时,页面加载时网页的地址栏显示“https://www.yuque.com/yuque/help”,其中“/help”为该页面的标识信息,触发提取该网页的标识信息。
根据所述标识信息在所述预设路由配置表中查找出对应的路由路径并得到所述页面路由信息。
预设路由配置表包括页面路由信息与路由路径的对应关系,该对应关系可以是单页面的页面路由信息与一张预设路由配置表对应,也可以是多个页面的页面路由信息与一张预设路由配置表对应,具体的根据实际情况设定,此处不作具体限定。
在本实施例中,在接收页面加载指令时,可以从页面加载时的网页链接中获取标识信息,根据该标识信息的唯一性,将该标识信息直接与预设路由配置表进行比对查找出对应的路由路径,可以采用字符串匹配法得到包含该标识信息的路由路径,例如标识信息可以是布控(monitor),从预设路由配置表中查找出该页面的该标识信息对应的路由路径,再从该路由路径往上一级即父级查找出所有关于该标识信息的路由路径,之后按照从首页即根节点到该页面的顺序排列,生成的面包屑路径可以表示为“人像应用>人像布控>布控管理”,从而使用户准确地知晓访问页面的位置,也可以使用户在访问某大型网站时,已手动关闭网页时需要再次访问带来便捷,一定程度上也节省了用户需要在同一网站上了解相关信息的时间。
可选地,所述从所述页面加载指令的网页链接中提取出标识信息,包括:
在页面加载时,采用堆栈缓存方式将所述网页链接与所述预设路由配置表中的路径信息进行比对得到所述标识信息。
在本实施例中,所述预设路由配置表采用堆栈,堆栈是一种数据项按序排列的两种数据结构,只能在一端(栈顶)对数据项进行插入和删除,可以存储数据和地址,堆栈是一个在计算机科学中经常使用的抽象数据类型。堆栈中的物体具有一个特性:最后一个放入堆栈中的物体总是被最先拿出来,这个特性通常称为后进先出(LIFO)队列。堆栈中定义了一些操作。两个最重要的是PUSH和POP。PUSH操作在堆栈的顶部加入一个元素。POP操作相反,在堆栈顶部移去一个元素,并将堆栈的大小减一。
需要说明的是,本实施例中的标识信息可以采用堆栈缓存方式与预设路由配置表进行比对,栈是一级缓存,通常被调用时处于存储空间中,调用完毕立即释放;堆是存放在二级缓存中,生命周期由虚拟机的垃圾回收算法来决定。通过堆栈缓存方式可以保证预设路由配置表的数据完整性,也节省了系统的存储空间。
可选地,在接收页面加载指令,获取所述页面加载指令对应的页面路由信息之前,包括:
当接收到表创建指令时,获取所述表创建指令中的各个页面的页面路由信息和路由路径的对应关系;
预设路由配置表的配置可以是在接收到表创建指令时,获取表创建指令中的各个页面的页面路由信息和路由路径的对应关系,其中,预设路由配置表可以是一张或多张线性表,主要包括关键信息和路由路径,关键信息可以包括id、key等,该路由路径可以表示该页面在整个网站或者系统的具体位置,通常采用栈的数据结构。
根据所述各个页面的页面路由信息和路由路径的对应关系创建所述预设路由配置表。
各个页面的页面路由是开发者在编辑页面代码自定义的,路由路径是路由表保存的各种传输路径的相关数据,可以提供将异构网络互联的机制,可以实现将一个数据包从一个网络发送到另一个网络,可以实现跟踪页面或者页面的正常跳转。
图2是本申请另一实施例提供的面包屑路径生成方法的实现流程示意图,如图2所示,在另一实施例中,预设路由配置表还可以采用以下S201至S203的方案进行配置,具体包括:
S201:获取页面路由中各个组件的路由源代码,其中,所述路由源代码包括各个类的位置处添加有注解;
具体地,每个页面包含用于显示不同内容的多个组件,组件主要包括属性和方法,如图片、语音等,每个组件在预设路由配置表中均以源代码的形式进行编辑并保存,路由源代码中包括接口、类、方法及其属性等信息。为了便于后续维护,以Java语言进行路由配置为例,开发者可以对每个组件对应的类进行注解,可以在带有path的代码行或代码段进行注解。
需要说明的是,通过在路由源代码的类的位置处添加注解,通过该注解提取类的相关信息,如类信息及其属性信息等。类的相关信息可以包含用于生成路由文档的路由数据,该注解可以是用户自定义注解,以通过该自定义的注解提取到用于生成路由文档所需要的路由数据,如路由路径、路由名称、路由描述、路由例子、路由所在组件的组件名称和组件标识、功能标识、路由类型、支持版本、参数名称、参数类型、参数描述、参数可用的例子和参数支持的版本等。
应理解,在组件的类的不同位置处添加不同的注解,以提取组件的源代码中对应的类信息,通过添加自定义的注解:第一注解、第二注解、第三注解和第四注解,以提取出路由数据。上述四个自定义的注解所实现的功能不同,各注解中所对应的注解参数也不完全相同,其中,第一注解用于注解页面路由对应的类,第二注解用于注解该第一注解,对第一注解的注解参数进行文档补充说明,第三注解用于注解页面路由对应的类的属性,第四注解用于注解该第三注解,对该第三注解中的注解参数进行文档补充说明。
S202:解析各个路由源代码的注解得到所述路由源代码对应的类信息;
具体地,在创建组件时需要编写该组件的属性和类,路由源代码的注解可以是对代码行或段进行注释,通过执行命令获取带有“//”、“/**/”等的所有数据,例如“pathface;//人脸”,从路由源代码中获取到该“人脸”对应的类信息进行记录,可以按照获取先后顺序进行排列,具体可以根据实际情况,此处不作限定。
S203:根据所述类信息生成各个所述组件的路由数据,并将所述路由数据进行编码得到所述页面的预设路由配置表。
具体地,类信息可以包括用于生成页面路由信息所需要的路由数据,通过解析类信息得到组件的路由数据,如每个组件的页面路由指令、路由名称、路由路径、路由描述、路由例子、路由所在组件的组件名称、组件标识、功能标志、类名、路由类型等。
需要说明的是,对得到的路由数据进行编码处理,以得到轻量化或易于处理的数据类型并生成编码文件,可以将路由数据编码成JSON格式数据生成JSON文件,JSON采用完全独立于编程语言的文本格式来存储和标识数据,易于解析和生成,可用于数据校验,同时JSON是一种轻量级的数据交换格式,能够将路由数据有效快速地进行传输。编码文件记载有用于页面路由信息生成的路由数据,将该路由数据结合指定模板生成页面路由文档,该页面路由信息可以HTML格式呈现,也可以WORD、TXT等格式呈现。页面路由信息包含目录列表和每个路由的页面内容,该目录列表包括每个组件的页面路由命令和路由名称,页面内容包括路由名称、路由路径、路由描述等信息。
应理解,本实施例通过根据编码文件生成页面路由的页面路由信息,从而准确获得了页面路由所需要的路由数据,将路由数据编码成编码文件,以检查路由数据的完整性和正确性,从而实现了页面路由信息的精准生成,提高路由配置表的可读性和路由数据的完整性。
可选地,在获取页面路由中各个组件的路由源代码之前,包括:
通过使用关键字段创建自定义的注解;
具体地,注解包括描述该注解的注解参数,通过使用编程语言所属的关键字创建爱你自定义注解,可以通过使用Java语言中的@interface关键字创建自定义的注解及该注解对应的注解参数。
需要说明的是,本实施例可以通过@interface关键字创建自定义的第一注解@Route、第二注解@RouteDoc、第三注解@Autowired和第四注解@AutowiredDoc。其中,第一注解用于注解页面路由的Java类,第一注解的注解参数可以包括路由命令,如页面路由命令路径(path)、路由命令名称(name)、页面路由命令路径位于同一资源定位符(URL)的路径部分,用于表示页面路由路径,是由功能的必备数据,路由命令名称是路由命令的注解解释,用于文档标识。第二注解用于注解第一注解,对第一注解的注解参数进行文档补充说明,第二注解的注解参数可以包括路由命令描述(des)、路由命令例子(eg)、路由开始支持的版本(minVer)。第三注解用于注解页面路由中的Java类的属性,第三注解的注解参数可以包括路由参数,如页面路由参数名称(name),命令是否必须携带该参数(required)。第四注解用于注解第三注解,对第三注解中的注解参数进行温昂补充说明,第四注解的注解参数可以包括路由参数,如页面路由参数名称(name)、页面路由参数描述(desc)、参数可用于例子(eg)、使用参数的值的范围(limit)、路由参数开始支持的版本(minVer)。
按照设定的注解规则,将所述注解添加到各个所述组件的源代码对应的类的位置处。
注解规则可以包括该注解所要求添加的位置、注解所实现的功能、该注解所对应的注解参数以及解析该注解所得到的信息等。将注解分别添加到各个组件的源代码的相应的类的位置处,以获得类信息,类信息包括用于生成页面路由信息的路由数据。
可选地,在生成所述面包屑路径之后,显示所述面包屑路径。
本实施例中,在生成面包屑路径之后,通过解码的方式将该面包屑信息显示在面包屑组件对应的页面位置处供用户浏览或点击。面包屑路径适用于层级较深的网站和独立不交叉的网站结构,由于面包屑路径是线性结构的,因此网站内容必然划分的非常清晰,且不存在交叉,否则,面包屑的路径就不是惟一的,同一分类可能出现不同的路径中,让用户感到困惑。可以生成“主页>栏目页>文章页面”的形成显示在页面,也可以是“关键词>栏目页>文章页”的形式显示在页面,或者用箭头隔开,通过生成面包屑路径,可以提现网站的架构层级,能够有助于用户快速学习和了解网站内容和组织方式,从而形成好的位置感,也可以为用户提供返回各个层级的快速入口,提高了用户的便捷操作性。
本申请提供的一种面包屑生成方法,通过在页面加载时,获取页面加载指令对应的页面路由信息,将所述页面路由信息与与预设路由配置表进行比对,得到所述页面路由信息对应的路由路径,所述预设路由配置表包括页面路由信息与路由路径的对应关系,基于所述路由路径生成所述页面加载指令对应的面包屑路径。通过上述面包屑路径生成方法,可以避免不同页面需要手动填写完整的路由信息而出现提取路由路径不及时的问题,在页面加载时获取页面加载指令并得到相应的页面路由信息,根据页面路由信息与预设路由配置表进行匹配得到该页面的路由路径使各个页面生成完整的面包屑路径,提高了面包屑路径生成的效率,也降低了手动填写路由信息的出错率。上述方法适用于存在大量分级内容的大型网站,可以帮助用户确定访问页面的位置,以提高用户的体验度。
图3示出了本申请实施例提供的一种面包屑路径生成装置300,如图3所示,所述面包屑路径生成装置300包括:
获取模块310,用于接收页面加载指令,获取所述页面加载指令对应的页面路由信息;
比对模块320,用于将所述页面路由信息与预设路由配置表进行比对,得到所述页面路由信息对应的路由路径,所述预设路由配置表包括页面路由信息与路由路径的对应关系;
生成模块330,用于基于所述第一路由路径生成所述页面加载指令对应的面包屑路径。
可选地,所述获取模块310包括:
第一获取单元,用于接收页面加载指令,获取页面加载指令对应的页面源代码;
第二获取单元,用于遍历所述页面源代码,提取所述页面源代码中的页面路由信息。
可选地,所述获取模块310还包括提取单元和查找单元,所述获取单元接收页面加载指令,获取所述页面加载指令对应的页面路由信息包括:
所述提取单元用于从所述页面加载指令的网页链接中提取出标识信息;
所述查找单元用于根据所述标识信息在所述预设路由配置表中查找出对应的路由路径。
可选地,所述提取单元从所述页面加载指令的网页链接中提取出标识信息,包括:
在页面加载时,采用堆栈缓存方式将所述网页链接与所述预设路由配置表中的路径信息进行比对得到所述标识信息。
可选地,所述获取模块310还包括第三获取单元和创建单元,在接收页面加载指令,获取所述页面加载指令对应的页面路由信息之前,包括:
所述第三获取单元用于当接收到表创建指令时,获取所述表创建指令中的各个页面的页面路由信息和路由路径的对应关系;
所述创建单元用于根据所述各个页面的页面路由信息和路由路径的对应关系创建所述预设路由配置表。
请参阅图4,图4是本申请实施例还提供的终端设备400的结构示意图,终端设备400包括存储器410、至少一个处理器420以及存储在所述存储器410中并可在所述处理器420上运行的计算机程序430,所述处理器420执行所述计算机程序430时实现上述的面包屑路径生成方法。
终端设备400可以是桌上型计算机、手机、平板电脑、可穿戴设备、车载设备、增强现实(augmented reality,AR)/虚拟现实(virtual reality,VR)设备、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本、个人数字助理(personal digital assistant,PDA)等终端设备上,本申请实施例对终端设备的具体类型不作任何限制。
该终端设备400可包括但不仅限于处理器420、存储器410。本领域技术人员可以理解,图4仅仅是终端设备400的举例,并不构成对终端设备400的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件,例如还可以包括输入输出设备等。
所称处理器420可以是中央处理单元(Central Processing Unit,CPU),该处理器420还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
所述存储器410在一些实施例中可以是终端设备400的内部存储单元,例如终端设备400的硬盘或内存。所述存储器410在另一些实施例中也可以是所述终端设备400的外部存储设备,例如终端设备400上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。进一步地,所述存储器410还可以既包括终端设备400的内部存储单元也包括外部存储设备。所述存储器410用于存储操作系统、应用程序、引导装载程序(Boot Loader)、数据以及其他程序等,例如所述计算机程序的程序代码等。所述存储器410还可以用于暂时地存储已经输出或者将要输出的数据。
需要说明的是,上述生成装置/单元之间的信息交互、执行过程等内容,由于与本申请方法实施例基于同一构思,其具体功能及带来的技术效果,具体可参见方法实施例部分,此处不再赘述。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将所述装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中,上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。另外,各功能单元、模块的具体名称也只是为了便于相互区分,并不用于限制本申请的保护范围。上述辅助拍摄装置中单元、模块的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
本申请实施例还提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现可实现上述各个方法实施例中的步骤。
本申请实施例提供了一种计算机程序产品,当计算机程序产品在移动终端上运行时,使得移动终端执行时实现可实现上述各个方法实施例中的步骤。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请实现上述实施例方法中的全部或部分流程,可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一计算机可读存储介质中,该计算机程序在被处理器执行时,可实现上述各个方法实施例的步骤。其中,所述计算机程序包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质至少可以包括:能够将计算机程序代码携带到终端设备的任何实体或装置、记录介质、计算机存储器、只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、电载波信号、电信信号以及软件分发介质。例如U盘、移动硬盘、磁碟或者光盘等。在某些司法管辖区,根据立法和专利实践,计算机可读介质不可以是电载波信号和电信信号。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述或记载的部分,可以参见其它实施例的相关描述。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请的范围。
在本申请说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此,在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例,而是意味着“一个或多个但不是所有的实施例”,除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”,除非是以其他方式另外特别强调。
在本申请所提供的实施例中,应该理解到,所揭露的装置/网络设备和方法,可以通过其它的方式实现。例如,以上所描述的装置/网络设备实施例仅仅是示意性的,例如,所述模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口,装置或单元的间接耦合或通讯连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
以上所述实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围,均应包含在本申请的保护范围之内。
Claims (10)
1.一种面包屑路径生成方法,其特征在于,包括:
接收页面加载指令,获取所述页面加载指令对应的页面路由信息;
将所述页面路由信息与预设路由配置表进行比对,得到所述页面路由信息对应的路由路径,所述预设路由配置表包括页面路由信息与路由路径的对应关系;
基于所述路由路径生成所述页面加载指令对应的面包屑路径。
2.根据权利要求1所述的面包屑路径生成方法,其特征在于,所述接收页面加载指令,获取所述页面加载指令对应的页面路由信息包括:
接收页面加载指令,获取页面加载指令对应的页面源代码;
遍历所述页面源代码,提取所述页面源代码中的页面路由信息。
3.根据权利要求1所述的面包屑路径生成方法,其特征在于,所述接收页面加载指令,获取所述页面加载指令对应的页面路由信息包括:
从所述页面加载指令的网页链接中提取出标识信息;
根据所述标识信息在所述预设路由配置表中查找出对应的路由路径。
4.根据权利要求3所述的面包屑路径生成方法,其特征在于,所述从所述页面加载指令的网页链接中提取出标识信息,包括:
在页面加载时,采用堆栈缓存方式将所述网页链接与所述预设路由配置表中的路径信息进行比对得到所述标识信息。
5.根据权利要求1所述的面包屑路径生成方法,其特征在于,在接收页面加载指令,获取所述页面加载指令对应的页面路由信息之前,包括:
当接收到表创建指令时,获取所述表创建指令中的各个页面的页面路由信息和路由路径的对应关系;
根据所述各个页面的页面路由信息和路由路径的对应关系创建所述预设路由配置表。
6.一种面包屑路径生成装置,其特征在于,包括:
获取模块,用于接收页面加载指令,获取所述页面加载指令对应的第一页面路由信息;
比对模块,用于将所述第一页面路由信息与预设路由配置表进行比对,得到所述第一页面路由信息对应的第一路由路径,所述预设路由配置表包括页面路由信息与路由路径的对应关系;
生成模块,用于基于所述第一路由路径生成所述页面加载指令对应的面包屑路径。
7.根据权利要求6所述的面包屑路径生成装置,其特征在于,所述获取模块包括:
第一获取单元,用于接收页面加载指令,获取页面加载指令对应的页面源代码;
第二获取单元,用于遍历所述页面源代码,提取所述页面源代码中的页面路由信息。
8.根据权利要求6所述的面包屑路径生成装置,其特征在于,所述获取模块包括:
提取单元,用于从所述页面加载指令的网页链接中提取出标识信息;
查找单元,用于根据所述标识信息在所述预设路由配置表中查找出对应的路由路径。
9.一种终端设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至5任一项所述的方法。
10.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至5任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911418054.9A CN113127776A (zh) | 2019-12-31 | 2019-12-31 | 面包屑路径生成方法、装置及终端设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911418054.9A CN113127776A (zh) | 2019-12-31 | 2019-12-31 | 面包屑路径生成方法、装置及终端设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113127776A true CN113127776A (zh) | 2021-07-16 |
Family
ID=76770668
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911418054.9A Pending CN113127776A (zh) | 2019-12-31 | 2019-12-31 | 面包屑路径生成方法、装置及终端设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113127776A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113645138A (zh) * | 2021-08-09 | 2021-11-12 | 杭州安恒信息技术股份有限公司 | 一种路由配置生成方法、装置、电子设备及存储介质 |
CN114969579A (zh) * | 2022-04-18 | 2022-08-30 | 武汉心络科技有限公司 | 面包屑导航的生成方法、装置及计算机可读存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107748676A (zh) * | 2017-11-10 | 2018-03-02 | 郑州云海信息技术有限公司 | 一种基于云海iop平台创建导航条的方法 |
CN108710630A (zh) * | 2018-04-02 | 2018-10-26 | 阿里巴巴集团控股有限公司 | 一种页面导航方法、装置及设备 |
CN110308900A (zh) * | 2019-06-27 | 2019-10-08 | 广州华多网络科技有限公司 | 页面路由文档的生成方法、装置、计算机设备及存储介质 |
CN110347942A (zh) * | 2019-05-31 | 2019-10-18 | 深圳壹账通智能科技有限公司 | 页面跳转方法、装置、存储介质及计算机设备 |
-
2019
- 2019-12-31 CN CN201911418054.9A patent/CN113127776A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107748676A (zh) * | 2017-11-10 | 2018-03-02 | 郑州云海信息技术有限公司 | 一种基于云海iop平台创建导航条的方法 |
CN108710630A (zh) * | 2018-04-02 | 2018-10-26 | 阿里巴巴集团控股有限公司 | 一种页面导航方法、装置及设备 |
CN110347942A (zh) * | 2019-05-31 | 2019-10-18 | 深圳壹账通智能科技有限公司 | 页面跳转方法、装置、存储介质及计算机设备 |
CN110308900A (zh) * | 2019-06-27 | 2019-10-08 | 广州华多网络科技有限公司 | 页面路由文档的生成方法、装置、计算机设备及存储介质 |
Non-Patent Citations (1)
Title |
---|
陈刚: "《C++高级进阶教程》", 31 October 2008, 武汉大学出版社, pages: 251 - 254 * |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113645138A (zh) * | 2021-08-09 | 2021-11-12 | 杭州安恒信息技术股份有限公司 | 一种路由配置生成方法、装置、电子设备及存储介质 |
CN113645138B (zh) * | 2021-08-09 | 2022-12-09 | 杭州安恒信息技术股份有限公司 | 一种路由配置生成方法、装置、电子设备及存储介质 |
CN114969579A (zh) * | 2022-04-18 | 2022-08-30 | 武汉心络科技有限公司 | 面包屑导航的生成方法、装置及计算机可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110362370B (zh) | 一种网页语言的切换方法、装置及终端设备 | |
US6675355B1 (en) | Redline extensible markup language (XML) schema | |
US9009664B2 (en) | Structural search of source code | |
CN109522018B (zh) | 页面处理方法、装置及存储介质 | |
WO2018000998A1 (zh) | 界面生成方法、装置和系统 | |
US9098481B2 (en) | Increasing accuracy in determining purpose of fields in forms | |
CN108717437B (zh) | 搜索结果展示方法、装置及存储介质 | |
US20130031456A1 (en) | Generating a structured document guiding view | |
CN108090104B (zh) | 用于获取网页信息的方法和装置 | |
CN106648569B (zh) | 目标序列化实现方法和装置 | |
CN111831384A (zh) | 语言切换方法和装置、设备及存储介质 | |
JP2023541186A (ja) | 可視化ページレンダリング方法、装置、機器及び記憶媒体 | |
CN112765516A (zh) | 页面内容的展示方法和装置、存储介质、电子装置 | |
CN112527291A (zh) | 网页生成方法、装置、电子设备及存储介质 | |
CN110851136A (zh) | 数据获取方法、装置、电子设备及存储介质 | |
CN111241496B (zh) | 确定小程序特征向量的方法、装置和电子设备 | |
US10489024B2 (en) | UI rendering based on adaptive label text infrastructure | |
CN113127776A (zh) | 面包屑路径生成方法、装置及终端设备 | |
CN110308907B (zh) | 数据转换方法、装置、存储介质及电子设备 | |
US20170090915A1 (en) | Multi-language code search index | |
CN115599386A (zh) | 代码生成方法、装置、设备及存储介质 | |
CN113360106B (zh) | 一种网页打印方法和装置 | |
CN113495730A (zh) | 资源包的生成及解析方法和装置 | |
CN104778232A (zh) | 一种基于长查询的搜索结果的优化方法和装置 | |
US20210312141A1 (en) | Content management systems for providing automated translation of content items |
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 |