后台权限管理的菜单设计

简介: 一、功能需求: 1、主界面分三块:header、menu和main 如下图 2、menu菜单栏和header都是抽取出来的jsp页面,是可以重复利用的。 点击menu不同的选项main页面可以显示不同的模块,点击退出可以退出系统。 3、不同的角色进入系统后看到的菜单有所不同,如何简单实现呢?二、解决方案: 1、主界面的分块一般用frameset结合frame使

一、功能需求:
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>
目录
相关文章
|
1月前
|
前端开发 安全 数据安全/隐私保护
管理系统的按钮权限控制
【2月更文挑战第11天】
39 0
|
6月前
|
小程序 NoSQL JavaScript
【易售小程序项目】”我的“界面实现+“信息修改“界面实现+登出账号实现+图片上传组件【基于若依管理系统开发】
【易售小程序项目】”我的“界面实现+“信息修改“界面实现+登出账号实现+图片上传组件【基于若依管理系统开发】
58 0
|
编解码 前端开发 JavaScript
初做后台界面要注意哪些问题
平时由于项目时间紧张,往往没有多的时间去设计后台界面,刚好开年这段时间没有什么事情,老大让我们基于Element的规范制作一套通用的模板,来满足日常的需要,让工程师自己就可以根据模板规范搭建出还不错的界面效果,但是平时很少设计后台界面同时对于Element也不太熟悉,具体该如何下手呢?下面我主要从三个方面来进行。
初做后台界面要注意哪些问题
|
10月前
|
SQL Java Spring
人事管理项目-动态加载用户菜单
人事管理项目-动态加载用户菜单
|
10月前
|
JSON JavaScript 前端开发
人事管理项目-动态加载用户菜单2
人事管理项目-动态加载用户菜单2
|
10月前
|
JSON 前端开发 数据格式
人事管理项目-动态加载用户菜单3
人事管理项目-动态加载用户菜单3
人事管理项目-动态加载用户菜单3
|
缓存 JavaScript 前端开发
手把手教你怎么实现一个后台管理系统——菜单权限篇(一)
手把手教你怎么实现一个后台管理系统——菜单权限篇(一)
手把手教你怎么实现一个后台管理系统——菜单权限篇(一)
|
前端开发 Java 数据库
给角色分配菜单的功能后台代码的编写 | 学习笔记
快速学习给角色分配菜单的功能后台代码的编写
123 0
给角色分配菜单的功能后台代码的编写 | 学习笔记
|
数据安全/隐私保护 开发者 微服务
权限管理-删除菜单 | 学习笔记
快速学习 权限管理-删除菜单
91 0
权限管理-删除菜单 | 学习笔记
|
前端开发 JavaScript 算法
如何实现后台管理系统的权限路由和权限菜单
本文是继 前端如何一键生成多维度数据可视化分析报表 实战的最后一篇文章, 主要介绍如何实现后台管理系统的权限路由和权限菜单. 希望通过这3篇文章的复盘和实战, 可以让大家开发企业应用的时候更加游刃有余.
352 0