jsp&Servlet(2)

老规矩，一个小广告：www.java1234.com

前台得到session

HttpSession session = request.getSession();
 session.setAttribute("currentUser", currentUser);

<%
	//权限验证
	if(session.getAttribute("currentUser")==null){
		response.sendRedirect("index.jsp");
		return;
	}
%>

 得到了session后 是在后面的页面上要加上上面的JS代码进行判断：

运用easyui的layout的使用：

<body class="easyui-layout">

用四个<div>进行四个方向（北中西下）

easyui的tab的使用：

div 属性加上 class="easyui-tabs" id="tabs" fit="true" border="false" 【class是为了让easyui识别，id为了后面的调用，fit属性是适应页面，border是有没有边界线】

其他的属性：region 「north,center,west,south」title 标题  split用鼠标调整大小

style="padding-top: 100px" 【style属性有：padding-top距离上边距离 background-color：用小工具取 overflow-y：hidden width：单位px】

easyui的tree的使用：

div里面嵌套一个

<ul id="tree"></ul>

<script type="text/javascript">
	$(function(){
		//数据
		var treeData=[{
			text:"运营部",
			children:[{
				text:"班级信息管理",
				attributes:{
					url:"gradeInfoManage.jsp"
				}
			},{
				text:"学生信息管理",
				attributes:{
					url:"studentInfoManage.jsp"
				}
				
			}]
		}];
		
		//实例化树菜单
		$("#tree").tree({
			data:treeData,
			lines:true,
			onClick:function(node){
				if(node.attributes){
					openTab(node.text,node.attributes.url);
				}
			}
		});
		
		//新增tab
		function openTab(text,url){
			if($("#tabs").tabs('exists',text)){
				$("#tabs").tabs('select',text);
			}else{
				var content="<iframe frameborder='0' scrolling='auto' style='width:100%;height:100%;' src="+url+"></iframe>";
				$("#tabs").tabs('add',{
					title:text,
					closable:true,
					content:content
				});
			}
		}
		
	});


</script>

 

 

 

posted on 2013-06-21 17:52  鱼东鱼  阅读(299)  评论(0)  编辑  收藏  举报

导航