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

发表评论

目前评论:2

  • avatar 向天空大声地呼喊

    我想看全部的代码