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

avatar 2017年08月30日17:47:33 1 4773 views
博主分享免费Java教学视频,B站账号:Java刘哥 ,长期提供技术问题解决、项目定制:本站商品点此
本文将介绍如何实现二级菜单,实现起来很简单。

先看效果动图





数据表如下




其中 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
  • 个人淘宝
  • 店铺名:言曌博客咨询部

  • (部分商品未及时上架淘宝)
avatar

发表评论

avatar 登录者:匿名
匿名评论,评论回复后会有邮件通知

  

已通过评论:1   待审核评论数:0
  1. avatar 向天空大声的呼喊

    我想看全部的代码