在登录状态时隐藏登录和注册按钮

「爱情、让人受尽委屈。」 2023-07-15 13:49 122阅读 0赞

具体思路：

用户进入首页，此时是未登录状态，则显示登陆|注册按钮，登陆以后则显示用户名。

我们可以使用控件显示隐藏来实现，先判断当前session中是否有用户数据，如果有数据我们将登陆|注册按钮进行隐藏，如果没有数据则将用户名等组件隐藏。

实现代码：

登陆注册组件，注意该组件id ‘logAndReg’

用户登录状态组件，id为 ‘users’，除了当前整个组件id 我们还应给用户名的span起一个id来记录当前span中是否有用户数据（我使用的security安全框架从session中获取的用户名）

<dl class="collapsible_menu" id="users">
 				<dt>
 					
 <security:authentication property="principal.username"/>
 
 					
 					
 				</dt>
 				<dd><a rel="nofollow" href="jianli.jsp">我的简历</a></dd>
 				<dd><a href="collections.html">我收藏的职位</a></dd>
 				<dd class="btm"><a href="subscribe.html">我的订阅</a></dd>
 				<dd><a href="create.jsp">我要招人</a></dd>
 				<dd><a href="accountBind.html">帐号设置</a></dd>
 				<dd class="logout"><a rel="nofollow" href="${pageContext.request.contextPath}/logout.do">退出</a></dd>
 			</dl>

通过js实现来具体隐藏

<%--未登陆时显示登陆 登陆时显示用户--%>
 <script type="text/javascript" >
 	window.onload=	function ()
 	{
 		 var u1 =document.getElementById("logAndReg");//获取登录注册组件id
 		var u2 =document.getElementById("users");//获取用户信息组件id
 
 
 		var spans = $("#uname").html();//获取span的数据
 
 		if (spans !='')//判断当前span数据是否为空
 		{
 			u1.style.visibility="hidden";//数据不为空则隐藏登录注册组件
 		}else{
 			u2.style.visibility="hidden";//数据为空则隐藏用户信息组件
 		}
 
 	}