页面中用一个hidden标签:
<c:if test="${!empty user}">
当前用户:${user.userName}
<input type="hidden" id="useractor" name="useractor" value="${user.actor}"/>
</c:if>
然后在js中用这样获得:
alert($("#useractor").val());
目的是为了把用户的角色传过去,这样不同的用户可访问的内容不同,以控制它们的权限,其实完全没必要这么做,因为用户在登录成功之后,用户信息就已经保存在Session中,在各个页面之间是共享的,可以直接在页面上使用user,而无需其他地方传值.
top.jsp文件:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/pages/common/global.jsp"%>
<%@ taglib uri="myhellotag" prefix="user" %>
<%
Calendar c = Calendar.getInstance();
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ include file="/pages/common/jquery.jsp"%>
<script src="${contextPath }/js/simpleajax.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>高德软件</title>
<link rel="stylesheet" href="${contextPath }/css/topstyle.css" type="text/css"></link>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.STYLE1 {
font-size: 12px;
color: #FFFFFF;
}
.STYLE2 {font-size: 9px}
.STYLE3 {
color: #033d61;
font-size: 12px;
}
-->
</style>
<style>
* {
margin: 0 auto;
padding: 0;
border: 0;
}
body {
font: 12px "宋体";
color: #FFF;
}
.lable {
background: url(${contextPath }/images/frame/top_lable.jpg) no-repeat;
width: 126px;
height: 28px;
float: left;
}
.lable p {
margin-top: 8px;
}
.menu {
background: url(${contextPath }/images/frame/top_menu.jpg) no-repeat;
width: 348px;
height: 28px;
float: right;
}
.menu ul {
margin: 8px 0 0 45px;
list-style: none;
}
.menu li {
display: inline;
}
.menu a {
float: left;
text-decoration: none;
padding-left: 2px;
}
.menu a:hover {
text-decoration: none;
}
.menu a span {
display: block;
padding-right: 10px;
color: #FFF;
}
.menu a:hover span {
color: #004c7e;
}
.menu_left {
background: url(${contextPath }/images/frame/menu_left.jpg) no-repeat;
width: 155px;
height: 22px;
float: left;
margin: 3px 0 0 6px;
text-align: center;
}
.menu_left p {
margin-top: 5px;
}
.menu_list {
width: 100%;
height: 25px;
}
.menu_list ul {
margin: 0;
padding: 4px 0 0 1px;
list-style: none;
}
.menu_list li {
display: inline;
}
.menu_list a {
float: left;
text-decoration: none;
}
.menu_list a span {
display: block;
padding: 4px 10px 0 10px;
font: 12px "宋体" color : #004c7e;
}
.menu_list a:hover span {
color: #FFF;
border: 1px solid #004c7e;
}
.menu_list a:hover {
background: url(${contextPath }/images/frame/menu_list.jpg) repeat-x;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="70" background="${contextPath }/images/frame/main_05.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="24"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="270" height="24" background="${contextPath }/images/frame/main_03.gif"> </td>
<td width="505" background="${contextPath }/images/frame/main_04.gif"> </td>
<td> </td>
<td width="21"><img src="${contextPath }/images/frame/main_07.gif" width="21" height="24"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="38"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="270" height="38" background="${contextPath }/images/frame/toplogo.jpg"> </td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="77%" height="25" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table></td>
<td width="220" valign="bottom" nowrap="nowrap">
<div align="right">
<span class="STYLE1">
<span class="STYLE2">■</span>
今天是:<%=c.get(Calendar.YEAR) + "年" + (c.get(Calendar.MONTH) + 1) + "月" + c.get(Calendar.DATE)%>日
星期<%=String.valueOf(c.get(Calendar.DAY_OF_WEEK)).replace("2", "一").replace("3", "二").replace("4", "三").replace("5", "四").replace("6", "五").replace("7", "六").replace("1", "日")%>
</span>
</div>
</td>
</tr>
</table></td>
<td width="21"><img src="${contextPath }/images/frame/main_11.gif" width="21" height="38"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="8" style=" line-height:8px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="270" background="${contextPath }/images/frame/main_29.gif" style=" line-height:8px;"> </td>
<td width="505" background="${contextPath }/images/frame/main_30.gif" style=" line-height:8px;"> </td>
<td style=" line-height:8px;"> </td>
<td width="21" style=" line-height:8px;"><img src="${contextPath }/images/frame/main_31.gif" width="21" height="8"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="28" background="${contextPath }/images/frame/main_36.gif">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="177" height="28" background="${contextPath }/images/frame/main_32.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" height="22"> </td>
<td width="59%" valign="bottom">
<div align="center" class="STYLE1">
<c:if test="${!empty user}">
当前用户:${user.userName}
<input type="hidden" id="useractor" name="useractor" value="${user.actor}"/>
</c:if>
</div>
</td>
<td width="21%"> </td>
</tr>
</table></td>
<td background="${contextPath }/images/frame/main_36.gif">
<div id="navi" class="menu_list">
<ul>
<li id="b_1"><a
href="javascript:changeNavigate(1, '${contextPath }/pages/mainframe/left.jsp', '${contextPath }/pages/mainframe/rightindex.jsp');"><span>首页</span></a></li>
<li id="b_2"><a style="font-weight:bold;"
href="javascript:changeNavigate(2, '${contextPath }/pages/schedule/scheduleNavigate.jsp', '${contextPath }/pages/mainframe/rightindex.jsp');"><span>统计分析</span></a></li>
<li id="b_3"><a
href="javascript:changeNavigate(3, '${contextPath }/pages/bandwidth/bandwidthNavigate.jsp', '${contextPath }/pages/mainframe/rightindex.jsp');"><span>带宽信息</span></a></li>
<li id="b_4"><a
href="javascript:changeNavigate(4, '${contextPath }/pages/logdownload/logdownloadNavigate.jsp', '${contextPath }/pages/mainframe/rightindex.jsp');"><span>日志下载</span></a></li>
<li id="b_5"><a
href="javascript:changeNavigate(5, '${contextPath }/pages/mainframe/left.jsp', '${contextPath }/pages/mainframe/rightindex.jsp');"><span>在线支持</span></a></li>
<li id="b_6"><a
href="javascript:changeNavigate(6, '${contextPath }/pages/user/userNavigate.jsp', '${contextPath }/pages/mainframe/rightindex.jsp');"><span><user:myhellotag></user:myhellotag></span></a></li>
<li id="b_7"><a
href="javascript:changeNavigate(7, '${contextPath }/pages/mainframe/left.jsp', '${contextPath }/pages/mainframe/rightindex.jsp');"><span>帮助</span></a></li>
</ul>
</div>
</td>
<td width="50"><div align="center"><a href="javascript:logout();" ><img src="${contextPath }/images/frame/main_20.gif" width="48" height="19"></a></div></td>
<td width="21"><img src="${contextPath }/images/frame/main_37.gif" width="21" height="28"></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
<script>
<!--
var colorArray=new Array("#706c9c","#4f8088","#628b62","#8d668d","#806b94","#588271","#ab7a4e","#769049","#598ab6","#935c62","#8b8746");
var classArray=new Array("blueadd1","cyan","green","purple","indigo","blueadd2","orange","red","blue","olivine","yellow");
function heartBreak(){
$.ajax({url:'${contextPath}/pages/common/heartbreak.jsp',cache:false});
}
setInterval('heartBreak()',10000);
function index() {
window.parent.location = "${contextPath }/pages/mainframe/main.jsp";
}
function logout() {
window.parent.location = "${contextPath }/pages/j_acegi_logout";
}
function changeNavigate(num, leftURL, rightURL) {
$('#navi > ul').children("li").removeClass();
$('#navi > ul').children("li").addClass('line');
var div=document.getElementById('navi');
$('#b_'+(num)).addClass("blue");
if(num-1>=0) {
$('#b_'+(num)).prev('li').removeClass();
}
$('#navi').css('borderBottomColor',colorArray[num]);
alert($("#useractor").val());
leftURL += "?useractor=" + $("#useractor").val();
window.parent.frames["mainFrame"].frames["centerFrame"].frames["leftFrame"].location = leftURL;
window.parent.frames["mainFrame"].frames["centerFrame"].frames["rightFrame"].location = rightURL;
}
function cancelButLi(){
$('#navi > ul').children("li").removeClass();
$('#navi > ul').children("li").addClass('line');
}
function changeButLi(num,url){
if(num<0)
return;
cancelButLi();
var div=document.getElementById('navi');
$('#b_'+(num)).addClass("blue");
if(num-1>=0)
$('#b_'+(num)).prev('li').removeClass();
$('#navi').css('borderBottomColor',colorArray[num]);
if(url!=null&&url!=""){
window.location=url;
}
}
try{
Keeper.addListener('cometAction',refreshPage);
}catch(e){}
--></script>
userNavigate.jsp文件:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/pages/common/global.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ include file="/pages/common/jquery.jsp"%>
<script src="${contextPath }/js/simpleajax.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>高德软件</title>
<link rel="stylesheet" href="${contextPath }/css/results.css" type="text/css" />
<link rel="stylesheet" href="${contextPath }/css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="${contextPath }/js/tipswindown/tipswindown.css" type="text/css" media="all" />
<script src="${contextPath }/js/tipswindown/jquery.js"></script>
<script src="${contextPath }/js/tipswindown/tipswindown.js"></script>
<script src="${contextPath }/js/simpleajax.js"></script>
<script type="text/javascript" src="${contextPath}/js/My97DatePicker/WdatePicker.js" defer="defer"></script>
<script><!--
function gotoPage(currentPage,form) {
goto_Page(currentPage,form,"actionDiv");
}
function addAccount(){
$("#actionDiv").load("${contextPath }/accountAction.do?method=addAccount");
$("#chance_search_div").hide();
}
--></script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.STYLE1 {
font-size: 12px;
color: #FFFFFF;
}
.STYLE3 {
font-size: 12px;
color: #033d61;
}
-->
</style>
<style type="text/css">
.menu_title SPAN {
FONT-WEIGHT: bold; LEFT: 3px; COLOR: #ffffff; POSITION: relative; TOP: 2px
}
.menu_title2 SPAN {
FONT-WEIGHT: bold; LEFT: 3px; COLOR: #FFCC00; POSITION: relative; TOP: 2px
}
</style>
<script>
var he=document.body.clientHeight-105
document.write("<div id=tt style=height:"+he+";overflow:hidden>")
</script>
</head>
<body>
<table width="165" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="28" background="${contextPath }/images/frame/main_40.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="19%"> </td>
<td width="81%" height="20"><span class="STYLE1">管理菜单</span></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top"><table width="151" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="23" background="${contextPath }/images/frame/main_47.gif" id="imgmenu1" class="menu_title" onMouseOver="this.className='menu_title2';" onClick="showsubmenu(1)" onMouseOut="this.className='menu_title';" style="cursor:hand"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="18%"> </td>
<td width="82%" class="STYLE1">用户管理</td>
</tr>
</table></td>
</tr>
<tr>
<td background="${contextPath }/images/frame/main_51.gif" id="submenu1">
<div class="sec_menu" >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="16%" height="25"><div align="center"><img src="${contextPath }/images/frame/left.gif" width="10" height="10" /></div></td>
<td width="84%" height="23"><table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" style="cursor:hand" οnmοuseοver="this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#7bc4d3'; "οnmοuseοut="this.style.borderStyle='none'" οnclick="changeNavigate('${contextPath }/pages/user/userInfo.jsp');"><span class="STYLE3">用户信息</span></td>
</tr>
</table></td>
</tr>
<c:if test="${user.actor eq 3}">
<tr>
<td height="23"><div align="center"><img src="${contextPath }/images/frame/left.gif" width="10" height="10" /></div></td>
<td height="23"><table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" style="cursor:hand" οnmοuseοver="this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#7bc4d3'; "οnmοuseοut="this.style.borderStyle='none'" οnclick="changeNavigate('${contextPath }/pages/user/userAdd.jsp');"><span class="STYLE3">新建用户</span></td>
</tr>
</table></td>
</tr>
</c:if>
</table></td>
</tr>
<tr>
<td height="5"><img src="${contextPath }/images/frame/main_52.gif" width="151" height="5" /></td>
</tr>
</table></div></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="23" background="${contextPath }/images/frame/main_47.gif" id="imgmenu2" class="menu_title" οnmοuseοver="this.className='menu_title2';" οnclick="showsubmenu(2)" οnmοuseοut="this.className='menu_title';" style="cursor:hand"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="18%"> </td>
<td width="82%" class="STYLE1">系统管理</td>
</tr>
</table></td>
</tr>
<tr>
<td background="${contextPath }/images/frame/main_51.gif" id="submenu2"><div class="sec_menu" >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="16%" height="25"><div align="center"><img src="${contextPath }/images/frame/left.gif" width="10" height="10" /></div></td>
<td width="84%" height="23"><table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" style="cursor:hand" οnmοuseοver="this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#7bc4d3'; "οnmοuseοut="this.style.borderStyle='none'" οnclick="changeNavigate('${contextPath }/pages/mainframe/construction.jsp');"><span class="STYLE3">系统配置</span></td>
</tr>
</table></td>
</tr>
<tr>
<td height="23"><div align="center"><img src="${contextPath }/images/frame/left.gif" width="10" height="10" /></div></td>
<td height="23"><table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" style="cursor:hand" οnmοuseοver="this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#7bc4d3'; "οnmοuseοut="this.style.borderStyle='none'" οnclick="changeNavigate('${contextPath }/pages/mainframe/construction.jsp');"><span class="STYLE3">数据更新</span></td>
</tr>
</table></td>
</tr>
<tr>
<td height="23"><div align="center"><img src="${contextPath }/images/frame/left.gif" width="10" height="10" /></div></td>
<td height="23"><table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" style="cursor:hand" οnmοuseοver="this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#7bc4d3'; "οnmοuseοut="this.style.borderStyle='none'" οnclick="changeNavigate('${contextPath }/pages/mainframe/construction.jsp');"><span class="STYLE3">网站维护</span></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="5"><img src="${contextPath }/images/frame/main_52.gif" width="151" height="5" /></td>
</tr>
</table>
</div></td>
</tr>
</table> </td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
</table>
</td>
</tr>
</table></td>
</tr>
<tr>
<td height="18" background="${contextPath }/images/frame/main_58.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="18" valign="bottom"><div align="center" class="STYLE3">版本:2012V1.0</div></td>
</tr>
</table></td>
</tr>
</table>
<script>
function showsubmenu(sid) {
whichEl = eval("submenu" + sid);
imgmenu = eval("imgmenu" + sid);
if(whichEl.style.display == "none") {
eval("submenu" + sid + ".style.display=\"\";");
imgmenu.background="${contextPath }/images/frame/main_47.gif";
} else {
eval("submenu" + sid + ".style.display=\"none\";");
imgmenu.background="${contextPath }/images/frame/main_48.gif";
}
}
function changeNavigate(url) {
window.parent.frames["rightFrame"].location = url;
}
</script>
</body>
</html>
看下面这段代码:
<tr>
<td colspan="4" bgcolor="#FFFFFF">
<div align="center">
<input type="button" value="修改" class="buttonC"
οnclick="javascript:modifyUser('${contextPath }/userAction.do?method=toUpdateUser&userId=${user.userId }','actionDiv');"/>
</div>
</td>
</tr>
主要是这一句代码:
οnclick="javascript:modifyUser('${contextPath }/userAction.do?method=toUpdateUser&userId=${user.userId }','actionDiv');"
是想让看一下${user.userId }的用法,直接往js里面传值。
现在看来有好多东西自己想都想不到,唉,还是要多经历!