正文

（十四）角色管理（ztree插件的基本使用）

专注改变人生。  专注改变人生。  2022-08-26  788

关键词：

　1. 建表

角色表

菜单表

角色-菜单(这个表中的role_id和menuu_id都不能被设置为主键，否则当插入一个新角色的时候，一个角色可能拥有多个菜单（role_id重复），一个菜单可能被多个角色拥有（menu_id重复）。)

2. main.jsp：用户登录之后显示的主界面。

<!DOCTYPE html ">
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>后台管理工作平台</title>
</head>
<frameset>
    <frame src="center.jsp" name="mainFrame" id="mainFrame" />
</frameset>
<body>
</body>
</html>

3.　center.jsp：本页面包含两个页面，其中left.jsp是菜单栏，而<%=path%>/roleAction!list表示调用action中的list方法，显示数据库中全部的角色记录。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    overflow:hidden;
}
-->
</style></head>

<body>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="8" bgcolor="#353c44">&nbsp;</td>
    <td width="147" valign="top"><iframe height="100%" width="100%" border="0" frameborder="0" src="left.jsp" name="leftFrame" id="leftFrame" title="leftFrame"></iframe></td>
    <td width="10" bgcolor="#add2da">&nbsp;</td>
    <td valign="top"><iframe height="100%" width="100%" border="0" frameborder="0" src="<%=path%>/roleAction!list" name="rightFrame" id="rightFrame" title="rightFrame"></iframe></td>
    <td width="8" bgcolor="#353c44">&nbsp;</td>
  </tr>
</table>
</body>
</html>

left.jsp：<%=path%>/roleAction!add ：调用actionj的add方法，add方法将跳转到add.jsp页面，以供用户添加角色信息。

<%=path%>/roleAction!list　　：调用action中的list方法，list方法将展示数据库中所有角色数据，以供用户操作（删除、编辑等）.

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="<%=path%>/script/admin/jquery.js"></script>
<script type="text/javascript" src="<%=path%>/script/admin/chili-1.7.pack.js"></script>
<script type="text/javascript" src="<%=path%>/script/admin/jquery.easing.js"></script>
<script type="text/javascript" src="<%=path%>/script/admin/jquery.dimensions.js"></script>
<script type="text/javascript" src="<%=path%>/script/admin/jquery.accordion.js"></script>
<script language="javascript">
    jQuery().ready(function(){
        jQuery('#navigation').accordion({
            header: '.head',
            navigation1: true, 
            event: 'click',
            fillSpace: true,
            animated: 'bounceslide'
        });
    });
</script>
<style type="text/css">
<!--
body {
    margin:0px;
    padding:0px;
    font-size: 12px;
}
#navigation {
    margin:0px;
    padding:0px;
    width:147px;
}
#navigation a.head {
    cursor:pointer;
    background:url(images/main_34.gif) no-repeat scroll;
    display:block;
    font-weight:bold;
    margin:0px;
    padding:5px 0 5px;
    text-align:center;
    font-size:12px;
    text-decoration:none;
}
#navigation ul {
    border-width:0px;
    margin:0px;
    padding:0px;
    text-indent:0px;
}
#navigation li {
    list-style:none; display:inline;
}
#navigation li li a {
    display:block;
    font-size:12px;
    text-decoration: none;
    text-align:center;
    padding:3px;
}
#navigation li li a:hover {
    background:url(images/tab_bg.gif) repeat-x;
        border:solid 1px #adb9c2;
}
-->
</style>
</head>
<body>
<div  style="height:100%;">
  <ul id="navigation">
    <li> <a class="head">角色管理</a>
      <ul>
        <li><a href="<%=path%>/roleAction!add" target="rightFrame">添加角色</a></li>
        <li><a href="<%=path%>/roleAction!list" target="rightFrame">角色列表</a></li>
      </ul>
    </li>

  </ul>
</div>
</body>
</html>

add.jsp : 添加角色的页面，包含一个ztree树形结构，以及按ajax方式来提交数据（当用户填好信息之后，点击button按钮触发saveData（）方法，这个发送JQuery.post()

方法向服务端请求数据，服务端将数据返回后展示）。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>角色添加</title>
<style type="text/css">
<!--
body {
    margin-left: 3px;
    margin-top: 0px;
    margin-right: 3px;
    margin-bottom: 0px;
}

.STYLE1 {
    color: #e1e2e3;
    font-size: 12px;
}

.STYLE6 {
    color: #000000;
    font-size: 12;
}

.STYLE10 {
    color: #000000;
    font-size: 12px;
    text-align: right;
}

.STYLE19 {
    color: #344b50;
    font-size: 12px;项目中jquery插件ztree使用记录
　　最近公司要求做一个关于后台的管理系统。在这个mvvm模式横行的年代，虽然这里用jquery做项目可能有点不符合时代的潮流，但是管他呢，能做出来先在说呗（公司以后要改用angular或者vue来统一前端的制作方式），个人觉得j...  查看详情  
                
ztreed的使用
ZTree树型结构插件一。介绍。当用户具有模块管理权限时候，一定要先具有父菜单Saas的访问权限。。zTree是一个依靠jQuery实现的多功能“树插件”。																				应用场景：权限菜单二：文案提供的使用文件，看附件三：...  查看详情  
                
使用ztree插件构建树形菜单
...的有以下几点：zTree是一个依靠jQuery实现的多功能“树插件”。优异的性能、灵活的配置、多种功能的组合是zTree最大优点。支持JSON数据支持静态和Ajax异步加载节点数据支持任意更换皮肤/自定义图标支持极其灵活的checkbox...  查看详情  
                
ztree权限树，用户角色
下载相应的jar包，放入webapp下面创建相应的tree.jsp里面的id,pId,target,url这些属性固定属性可以和你的实体类里面的属性相对应，pId0表示根菜单pId1表示一级菜单看demo怎么使用的可以照着来用  查看详情  
                
ztreejquery-ztree的基本使用
1.zTree的下载地址　　https://gitee.com/zTree/zTree_v3　　API文档：http://www.treejs.cn/v3/api.php2.引入需要的文件　　<scripttype="text/javascript"src="../libs/ztree/jquery.ztree.core.js"></script>　　<scriptt  查看详情  
                
使用ztree展示树形菜单结构
...s.cn/v3/main.php#_zTreeInfo一、功能简介在权限系统中，实现给角色指定菜单权限的功能。主要包括以下几点：读取全部菜单项，并以树形结构展现；勾选角色拥有的菜单权限，保存入库；重新编辑角色权限时，默认选中角色已有的菜...  查看详情  
                
jenkins用户权限管理
...nStrategy插件  开启权限全局安全配置  创建角色在系统管理页面进入ManageandAssignRoleGlobalroles（全局角色）：管理员等高级用户可以创建基于全局的角色Projectroles（项目角色）：针对某个或者某些项目的角色Slaveroles...  查看详情  
                
javascript之jquery-8jquery使用插件(ztree树插件jqueryui插件)
...ee是利用jQuery的核心代码，实现一套能完成常用功能的Tree插件 -兼容IE、FireFox、Chrome等主流浏览器 -支持JSON数据 -支持一次性静态生成和Ajax异步加载两种方式 -支持tree的节点移动、编辑、删除zTree使用步骤 -step  查看详情  
                
unityrainai插件基本使用（二)(代码片段)
...了路径导航和障碍物规避。但是这样我们并没有让我们的角色学会思考，他只是机械的去完成一些步骤，这并不能体现Rain插件的智能。一个角色他应该有多个不同的状态，待机，巡逻，发现，追逐，攻击等等。并且能够思考，...  查看详情  
                
jenkins用户角色权限管理(代码片段)
文章目录背景安装插件管理角色全局角色项目角色节点角色管理用户分配角色背景Jenkins一般用作团队项目持续集成环境，所以就会设计多用户的情况，我们需要为不同人员设置不同的角色，进行权限管理。可以使用Ro...  查看详情  
                
jenkins用户角色权限管理(代码片段)
文章目录背景安装插件管理角色全局角色项目角色节点角色管理用户分配角色背景Jenkins一般用作团队项目持续集成环境，所以就会设计多用户的情况，我们需要为不同人员设置不同的角色，进行权限管理。可以使用Ro...  查看详情  
                
ztree的使用
...实现树形结构的关系。一般会出现在部门的上下级关系，角色权限的分配等模块中...zTree格式要求：即Json的复杂格式　　[{id:"..",pId:"..",name:"..",checked:"true/false"}]id：标识当前的id；pId：父节点的id；name：节点名称（就是在页面上...  查看详情  
                
ztree优秀的jquery树插件
zTree优秀的jquery树插件,文档详细，渲染快使用方法：1、引用zTree的js和css文件　　<linkhref="~/Content/zTree_v3/css/zTreeStyle/zTreeStyle.css"rel="stylesheet"/><scriptsrc="~/Content/zTree_v3/js/jquery.ztree.core.min.js">  查看详情  
                
（转）openfire源码学习之十四：插件管理
转：http://blog.csdn.net/huwenfeng_2011/article/details/43418433Plugin管理Openfire把插件模块加入到容器分为以下步骤：l 通过classloader加载lib目录下载的所有jarl 通过classloader加载dir目录下的所有文件l 定位和加载module.xml到contextl   查看详情  
                
docker(二十四)-docker使用portainer搭建可视化界面
Portainer介绍Portainer是Docker的图形化管理工具，提供状态显示面板、应用模板快速部署、容器镜像网络数据卷的基本操作（包括上传下载镜像，创建容器等操作）、事件日志显示、容器控制台操作、Swarm集群和服务等集中管理和操...  查看详情  
                
ztree使用随笔
...公司人员组织架构的树状图，后来选用了依赖jQuery的zTree插件来实现，主要是该插件功能齐全，性能稳定，个性化编辑方便，遂选用了这个插件。我记录了一下根据自身需求定制化修改的几项功能：这是树状图最终的样子 　...  查看详情  
                
ztree使用教程
...现的多功能“树插件”。被广泛应用在系统的权限管理中，本文讲解zTree的一般应用zTree 官网 http://www.treejs.cn/v3/main.php#_zTreeInfo1、zTree官网下载ztree 下载好后放到项目相关目录下2、编写相关代码引入相关js、css文...  查看详情  
                
040角色管理-bos
一、添加角色	1.role_add.jsp页面调整，编号更改为add		2.对于授权属性，设置ztree的勾选效果：setting的check属性设置为true即可			varsetting={			data:{				key:{					title:"t"				},				simpleData:{					enable:true				}			},			check:{				enable:tr  查看详情