如何用Bootstrap和Spring Boot实现长尾词面包屑导航？

本文共计1101个文字，预计阅读时间需要5分钟。

面包装导航介绍：一种常见的网站内容型网站，如CMS等都会有这种面包屑导航。总结起来，它有以下优势：让用户了解当前所在的位置，以及当前页面在整个网站中的位置；体现了网站的架构。

面包屑导航介绍

一般的内容型网站，例如CMS都会有这种面包屑导航。总结起来它有以下优势：

让用户了解目前所在的位置，以及当前页面在整个网站中所在的位置；

体现了网站的架构层级；提高了用户体验；

减少返回到上一级页面的操作；

实现效果

那我们应该如何实现？我看网上多数都是只提供静态实现，

这里我结合bootstrap 和 spring boot以及mysql来做一个完整的例子。

表结构设计

图里面的菜单其实是分级维护上下级关系的。我这里用到了2级，表里有level字段标记。

点击第1级加载第2级分类，点击第2级分类名称则展示面包屑导航。