實現如下：

<!-- Sidebar Menu -->

      </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>