easyUI_03（Tree后端工作）

最新推荐文章于 2024-05-06 08:49:13 发布

Gorgeous_Tang

最新推荐文章于 2024-05-06 08:49:13 发布

阅读量183

点赞数 1

文章标签： easyui 前端 javascript

本文链接：https://blog.csdn.net/weixin_65479202/article/details/124619643

版权

权限

RBAC模型（Role-Based Access Control：基于角色的访问控制）

RBAC的组成：用户、角色和权限。

User（用户）：每个用户都有唯一的UID识别，并被授予不同的角色
Role（角色）：不同角色具有不同的权限
Permission（权限）：访问权限
用户-角色映射：用户和角色之间的映射关系
角色-权限映射：角色和权限之间的映射

RBAC（Role-Based Access Control）-基于角色的访问控制，模型是20世纪90年代研究出来的一种新模型，但从本质上讲，这种模型是对前面描述的访问矩阵模型的扩展。这种模型的基本概念是把许可权（Permission）与角色（Role）联系在一起，用户通过充当合适橘色的成员而获得该角色的许可权。

导包：

界面代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>后台管理首页</title>
<!-- 通过include指令引入easyui-link.jsp页面 -->
<%@ include file="/static/common/easyui-link.jsp"%>
<script type="text/javascript">
	console.log(xpath);
</script>

<!-- 树形菜单 -->
<script type="text/javascript">
	$(function() {
		$("#menuTree").tree({
			url : xpath + '/PromissionList',
			onClick : function(node) {
				addoDiv(node);
			}
		});
	});

	/* 封装一个新增方法 */
	// add a new tab panel    
	function addoDiv(node) {
		/* 设置点击上一级菜单无选项卡出现 */
		if (node.id == -1) {
			return;
		}
		/* 通过exists判断选项卡是否存在 */
		let flag = $('#oDiv').tabs('exists', node.text);
		if (flag == true) {
			$('#oDiv').tabs('select', node.text);
			return;
		}

		$('#oDiv').tabs(
				'add',
				{
					title : node.text,
					content : node.text,
					closable : true,

				});
	}
</script>
</head>
<body>
	<div data-options="fit:true" class="easyui-layout">
		<!-- 头部 -->
		<div data-options="region:'north',title:'后台管理系统',split:true"
			style="height: 30px;"></div>
		<div data-options="region:'south',title:'首页底部',split:true"
			style="height: 100px;">
			<div class="form-group" style="margin-top: 20px;">
				<p>&copy;&copy;所有版权信息归碰哒鬼集团所有</p>
			</div>
		</div>
		<div data-options="region:'west',title:'后台菜单',split:true"
			style="width: 160px;">
			<ul id="menuTree" class="easyui-tree">


			</ul>
		</div>
		<div data-options="region:'center',title:'内容展示📕'"
			style="padding: 5px; background: #eee;">
			<!-- 选项卡 -->
			<div id="oDiv" class="easyui-tabs" data-options="fit:true"></div>

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