SSM博客实战(4)–二级菜单的实现

本文将介绍如何实现二级菜单,实现起来很简单。

先看效果动图

SSM博客实战(4)–二级菜单的实现

 

数据表如下

SSM博客实战(4)–二级菜单的实现

其中 pid 表是父级分类的id,pid=0表示为该分类为一级目录,pid=1表示该分类为id=1的子分类...

order 是分类的排序,icon是分类名前的字体图标。

 

视图层代码

其他层代码没什么特别的,这里就不贴出了。这里贴一下 jsp 页面代码

  1. <c:forEach items="${categoryList}" var="category">
  2.          <c:if test="${category.pid==0}">
  3.              <li>
  4.                  <a href="#">
  5.                      <i class="${category.icon}"></i>
  6.                      <span class="font-text">${category.name}&nbsp;</span>
  7.                  </a>
  8.                  <ul>
  9.                      <c:forEach items="${categoryList}" var="cate">
  10.                          <c:if test="${cate.pid==category.id}">
  11.                              <li>
  12.                                  <a href="#">${cate.name}</a>
  13.                              </li>
  14.                          </c:if>
  15.                      </c:forEach>
  16.                  </ul>
  17.              </li>
  18.          </c:if>
  19.      </c:forEach>

 

其实,主要是用了两个 forEach 语句和 if 语句

 

本文链接:https://liuyanzhao.com/6125.html

  • 微信
  • 交流学习,有偿服务
  • weinxin
  • 博客/Java交流群
  • 资源分享,问题解决,技术交流。群号:590480292
  • weinxin
言曌

发表评论

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:1   其中:访客  1   博主  0

    • avatar 向天空大声地呼喊

      我想看全部的代码