SpringBoot -- 链接高亮
一、什么是链接高亮?
点击菜单栏,跳转到相应页面,同时点击的按钮颜色显示高亮,效果如下:
二、这样做的好处
链接高亮,能够让用户清晰明了的知道各个菜单按钮对应的页面,这也是系统必不可少的一个小细节。
三、如何实现链接高亮?
在菜单栏的每一个按钮上写着标识符相对应的页面, th:class="${activeUri==‘main.html’ ? ‘nav-link active’:‘nav-link’}" 这一句是在判断跳转的页面与当前按钮标识符定义的页面是否一致,若一致则当前按钮高亮。