后台权限管理的菜单设计

一、功能需求：
1、主界面分三块：header、menu和main
如下图

2、menu菜单栏和header都是抽取出来的jsp页面，是可以重复利用的。
点击menu不同的选项main页面可以显示不同的模块，点击退出可以退出系统。
3、不同的角色进入系统后看到的菜单有所不同，如何简单实现呢？

二、解决方案：
1、主界面的分块一般用frameset结合frame使用。

<frameset rows="50,*"> 
<frame  src="header.htm" > 
<frameset cols="200,*">
    <frame src="menu.htm" > 
    <frame src="index.htm" name="view_frame" >   
</frameset>
</frameset>

2、menu中的按钮要用target标注

<div class="list-group">
  <a href="#" class="list-group-item active">
   本科生管理
  </a>
  <a href="index.htm"  target="view_frame"  class="list-group-item">课程管理</a>
  <a href="addSite.htm"  target="view_frame"  class="list-group-item">添加课程</a>
  <a href="manageLessonBuild.htm"   target="view_frame" class="list-group-item">课程建设管理</a>   
</div>  

3、header里的退出按钮 如何退出frame呢？

<a href="#" onclick="logout()"><i class="fa fa-sign-out fa-fw"></i>退出</a>

<script>
       function logout(){
        parent.window.location ="logout.htm";  
         }
</script>   

注意：spring mvc里head是保留字，如果直接使用head命名会报错，建议改为header。

4、使用JSTL标签实现判断并隐藏按钮
JSTL里有if标签，好像可以判断，但这里不能使用，因为JSTL的if标签没有else。我们的需求是如果是某种角色就显示相应的菜单项，否则不显示。
建议使用标签
如下：

 <c:choose> 
 <c:when  test="${1==0}" >  //如果角色没有该权限则隐藏按钮
  <p hidden="hidden"><a href="lessonBuildUpdate.htm"  target="view_frame" class="list-group-item">课程建设信息更新</a></p>
 </c:when>
 <c:otherwise>            //否则正常显示该按钮
 <a href="lessonBuildUpdate.htm"  target="view_frame" class="list-group-item">课程建设信息更新</a>
 </c:otherwise>
 </c:choose>