Easyui (二)

程序员文章站 2024-02-05 12:01:10

...

文章目录

权限的简单实现，二星权限

权限的简单实现，二星权限

所谓权限：指的是系统中的资源，资源包括菜单资源（学习情况报表，账号审核…）以及按钮资源
所谓角色：指的是系统中的权限集合(每一个角色对应着哪些权限集合)

现象：同一个菜单，不同的人能看到的内容是不一样。

1、一星权限设计（用户权限多对一）
?执行数据库脚本
?建立实体类
?创建dao
?Web层创建
?更改展示的树形菜单

实现思路：通过账号和密码查询是为了获取菜单的id 获取到里面的menuid后可加载对应的菜单或以及子菜单

2、二星权限设计（用户权限多对多）
?执行数据库脚本sql
?修改原有的实体类
?建立实体类
?创建dao方法
?再写一个权限集合表方法
?新增webservlet的方法
?新增登入界面，跳入前端树形菜单展示每个对应的权限集合菜单

实现思路：用户查询登陆表有数据代表已注册通过uid 查到中间表（一个uid查中间表的方法）获取到一个权限集合对应多个数据再进行遍历uid查到的集合然后拼接每一个map集合的menuHid（这个menuHid的集合就是子节点方法用in可得到多组父子关系）

实例：我们需要用到三张表，一张用户表，一张中间表，一张权限表
首先我从前台登陆之后查询中间表对应的uid的集和，然后展示对应的菜单项
Easyui (二) 前台界面,

<%@ 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">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/easyui5/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/easyui5/themes/icon.css">
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/easyui5/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/easyui5/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/index.js"></script>
<title>easyui</title>
</head>
<body class="easyui-layout">
	<input type="hidden" value="${menuHid }" id="menuHid">//隐藏域传值，这里的值是从login界面传过来的
	<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">north region</div>
	<div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:10px;">
		后台管理界面的菜单
		<ul id="tt"></ul>  //树状展示
	</div>
	<div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
	<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region</div>
	<div data-options="region:'center',title:'Center'">
		<div id="tab" class="easyui-tabs" style="">   
		    <div title="Tab1" style="padding:20px;display:none;">   
		        欢迎来到王者荣耀，敌军还有30秒到达战场！！    
		    </div>   
		</div>  		
	</div>
</body>
</html>

引入的js界面，是不是感到menuHid来历不明，哈哈哈，不急请看我慢慢到来

$(function(){
	$('#tt').tree({    
	    url:'menuAction.action?methodName=treeMenu&&menuHid='+$("#menuHid").val(),//这里不能用${}的，
	    onClick:function(node){
	    	var content = '<iframe scrolling="no" frameborder="0" src="'+node.attributes.menuURL+'" width="99%" height="99%"></iframe>';
	    	if($('#tab').tabs('exists',node.text)){
	    		$('#tab').tabs('select',node.text);
	    	}else{
	    		$('#tab').tabs('add',{    
		    	    title:node.text,    
		    	    content:content,    
		    	    closable:true,    
		    	    tools:[{    
		    	        iconCls:'icon-mini-refresh',    
		    	        handler:function(){    
		    	            alert('refresh');    
		    	        }    
		    	    }]    
		    	}); 
	    	}

	    }
	});  
})

这个是我们的登录界面的代码

<form action="${pageContext.request.contextPath }/userAction.action?methodName=login" method="post">
	uid:<input type="text" name="uid">
	upwd:<input type="text" name="uname">
	<input type="submit">
</form>

这里就是我们表单提交到的地方，也是我们两星权限的精华所在

public String login(HttpServletRequest req, HttpServletResponse resp) {
		try {
			List<Map<String, Object>> list = this.userDao.list(req.getParameterMap(), null);
			if (list != null && list.size() > 0) {
				List<Map<String, Object>> listMenu = this.userDao.listMenu(req.getParameter("uid"), null);//从表单接收到UID的值，查询我们的中间表
				StringBuilder sb = new StringBuilder();
				for (Map<String, Object> map : listMenu) {//查到我们的中间表不止有一个值，所以需要遍历
					sb.append("," + map.get("menuId"));//把值附到sb里
				}
				req.setAttribute("menuHid", sb.substring(1));//这里就是我们前面提到的menuHid的来源，去掉第一个逗号
			} else {
				return "login";
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
		return "index";
	}

下面就是我们userdao的两个方法

public List<Map<String, Object>> list(Map<String, String[]> paMap, PageBean pageBean)
			throws InstantiationException, IllegalAccessException, SQLException {//登录方法
		String sql = "select * from t_easyui_user_version2 where true";
		String uid = JsonUtils.getParamVal(paMap, "uid");
		String upwd = JsonUtils.getParamVal(paMap, "upwd");
		if (StringUtils.isNotBlank(uid)) {
			sql = sql + " and uid=" + uid;
		}
		if (StringUtils.isNotBlank(upwd)) {
			sql = sql + " and uname" + upwd;
		}

		return super.executeQuery(sql, pageBean);
	}

//查询中间表
public List<Map<String, Object>> listMenu(String uid, PageBean pageBean)
			throws InstantiationException, IllegalAccessException, SQLException {
		String sql = "select * from t_easyui_usermenu where true";
		if (StringUtils.isNotBlank(uid)) {
			sql = sql + " and uid=" + uid;
			System.out.println(sql);
		}

		return super.executeQuery(sql, pageBean);
	}

MenuDao 方法，下面我有在每个方法的里面写syso有兴趣的话可以看以下它们的执行顺序，

package dao;

import java.sql.SQLException;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import entity.TreeNode;
import util.JsonBaseDao;
import util.JsonUtils;
import util.PageBean;
import util.StringUtils;

public class MenuDao extends JsonBaseDao {

	/**
	 * 
	 * @param map
	 *            req.getParameterMap
	 * @param pagebean
	 *            分页
	 * @return
	 * @throws Exception
	 */
	public List<TreeNode> list(Map<String, String[]> map, PageBean pagebean) throws Exception {
		List<Map<String, Object>> listMenu = this.listMenuSef(map, pagebean);
		List<TreeNode> treeNodeList = new ArrayList<>();
		menuList2TreeNodeList(listMenu, treeNodeList);
		System.out.println(1);
		return treeNodeList;

	}

//第一次调用的方法，用来展示他们的上一级。不然递归会出错
	public List<Map<String, Object>> listMenuSef(Map<String, String[]> map, PageBean pagebean)
			throws InstantiationException, IllegalAccessException, SQLException {
		String sql = " select * from t_easyui_menu where true ";
		String id = JsonUtils.getParamVal(map, "menuHid");
		System.out.println("2");
		if (StringUtils.isNotBlank(id)) {
			sql = sql + " and menuid in (" + id + ")";
		} else {
			sql = sql + " and menuid=-1";
		}
		return super.executeQuery(sql, pagebean);
	}

	/**
	 * 查询menu表的数据
	 * 
	 * @param map
	 * @param pagebean
	 * @return
	 * @throws SQLException
	 * @throws IllegalAccessException
	 * @throws InstantiationException
	 */
	public List<Map<String, Object>> listMenu(Map<String, String[]> map, PageBean pagebean)
			throws InstantiationException, IllegalAccessException, SQLException {
		String sql = " select * from t_easyui_menu where true ";
		String id = JsonUtils.getParamVal(map, "id");
		if (StringUtils.isNotBlank(id)) {
			sql = sql + " and parentid=" + id;
		} else {
			sql = sql + " and parentid=-1";
		}
		System.out.println(3);
		return super.executeQuery(sql, pagebean);
	}

	/**
	 * 单个转格式 menu表的数据不符合easyUI树形展示的数据格式 需要转换成easyUI所能识别的格式
	 * 
	 * @throws SQLException
	 * @throws IllegalAccessException
	 * @throws InstantiationException
	 * 
	 * @throws Exception
	 *
	 */
	public void menu2TreeNode(Map<String, Object> map, TreeNode treeNode)
			throws InstantiationException, IllegalAccessException, SQLException {
		treeNode.setId(map.get("Menuid").toString());
		treeNode.setText(map.get("Menuname").toString());
		treeNode.setAttributes(map);

		System.out.println(4);
		// treeNode.setChildren(children);
		Map<String, String[]> jspMap = new HashMap<>();
		jspMap.put("id", new String[] { treeNode.getId() });
		List<Map<String, Object>> listMenu = this.listMenu(jspMap, null);
		List<TreeNode> treeNdeList = new ArrayList<>();
		try {
			menuList2TreeNodeList(listMenu, treeNdeList);
		} catch (Exception e) {
			e.printStackTrace();
		}
		treeNode.setChildren(treeNdeList);
	}

	/**
	 * @throws Exception
	 *
	 *
	 */
	public void menuList2TreeNodeList(List<Map<String, Object>> mapList, List<TreeNode> treeNodeList) throws Exception {
		TreeNode treeNode = null;

		for (Map<String, Object> map : mapList) {
			treeNode = new TreeNode();
			menu2TreeNode(map, treeNode);
			treeNodeList.add(treeNode);
		}
		System.out.println(5);

	}

}

如果这个小东西对你有帮助的话，就麻烦您动以下小手点亮以下吧！！！谢谢支持

Easyui (二)

文章目录

权限的简单实现，二星权限

Easyui (二)

【easyui二】

easyui（二）

easyui（二）

ThinkPHP323扩展之二维码

用MySQL内建复制来最佳化可用性（二）_PHP教程

PHP – EasyUI DataGrid 资料存的方式介绍_php教程

php新手做ecshop二次开发有前途？该怎么处理

ae怎么制作动态二维码? ae二维码动画的制作方法

二维数组默认值为空如何判断为空时不执行if内代码

Easyui (二)

文章目录

权限的简单实现，二星权限

Easyui (二)

【easyui二】

easyui（二）

easyui（二）

ThinkPHP323扩展之二维码

用MySQL内建复制来最佳化可用性（二）_PHP教程

PHP – EasyUI DataGrid 资料存的方式介绍_php教程

php新手做ecshop二次开发有前途？该怎么处理

ae怎么制作动态二维码? ae二维码动画的制作方法

二维数组默认值为空 如何判断为空时不执行if内代码

二维数组默认值为空如何判断为空时不执行if内代码