实现如下:
<!-- 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>