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

avatar 2017年08月30日17:47:33 1 4872 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
历史上的今天
八月
30日
  • 微信
  • 交流学习，资料分享
  • weinxin
  • 个人淘宝
  • 店铺名：言曌博客咨询部

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

发表评论

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

  

已通过评论：1   待审核评论数：0
  1. avatar 向天空大声的呼喊
    回复 2018年08月30日 16:32:30

    我想看全部的代码