老规矩,一个小广告: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>