AdminLTE使用动态include实现多套菜单

实现如下:

<!-- Sidebar Menu -->

      <ul class="sidebar-menu" data-widget="tree">
      <jsp:include page="/WEB-INF/jsp/common/module/${module }.jsp" />

      </ul>

module 变量从后台获取,不同module 包含不同的菜单列表。

顶部菜单切换,当前选中的菜单处于活跃状态且不可点击。

<div class="collapse navbar-collapse pull-left" id="navbar-collapse">
          <ul class="nav navbar-nav">
            <li <c:if test="${module eq 'report' }">class="active"</c:if>>
            <a href="<c:if test="${module != 'report' }">${ctx }/report/level1/level2/level3.do</c:if>#">数据展报</a>
            </li>
            <li <c:if test="${module eq 'analysis' }">class="active"</c:if>>
            <a href="<c:if test="${module != 'analysis' }">${ctx }/system/admin.do</c:if>#">数据分析</a>
            </li>
            <li <c:if test="${module eq 'search' }">class="active"</c:if>>
            <a href="<c:if test="${module != 'search' }">${ctx }/system/config.do</c:if>#">数据查询</a>
            </li>
          </ul>
      </div>

其中一套菜单:report.jsp

<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" %>
<%@ include file="/WEB-INF/common/taglibs.jsp" %>
<!-- <li class="header">HEADER</li> -->


<li class="treeview" id="user">
  <a href="#"><i class="fa fa-link"></i> <span>数据展报</span>
    <span class="pull-right-container">
        <i class="fa fa-angle-left pull-right"></i>
      </span>
  </a>
  <ul class="treeview-menu">
    <li id="user-home"><a href="${ctx }/demonstration/pageTwo.do"><i class="fa fa-circle-o"></i>业务展报</a></li>
    <li id="user-home"><a href="${ctx }/demonstration/pageTwo.do"><i class="fa fa-circle-o"></i>平台展报</a></li>
  </ul>
</li>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值