欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

SSM+layUI 根据登录信息显示不同的页面方法

时间:2021-03-24 10:28:45|栏目:JavaScript代码|点击:

最近在用SSM+layUI做自己的一个小项目,用到要根据登录信息显示不同页面的问题,和大家分享下,如有不足,欢迎指出。

在开始之前先给大家看下效果

用户登录之前,登录位置显示的是登录。

下面是系统的登录界面

用户登录之后的页面,原来的登录位置信息变化了。

鼠标放上去:

下面放上处理的代码,主要是在jsp中嵌入java代码,判断用户有没有登录来实现的,如果有更好的方法,欢迎留言:

<ul class="layui-nav" lay-filter="">
  <li class="layui-nav-item layui-this"><a href="/why123/user/saveUser" rel="external nofollow" style="font-size:20px;">首页</a></li>
  <li class="layui-nav-item "><a href="/why123/news/forwardNews" rel="external nofollow" style="font-size:20px;">新闻</a></li>
  <li class="layui-nav-item "><a href="#" rel="external nofollow" rel="external nofollow" style="font-size:20px;">家庭活动</a></li>
  <li class="layui-nav-item ">
  <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" style="font-size:20px;">家庭相册</a>
  <dl class="layui-nav-child"> <!-- 二级菜单 -->
   <dd><a href="" style=" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" font-size:15px;">个人相册</a></dd>
   <dd><a href="" style=" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" font-size:15px;">他人相册</a></dd>
   <dd><a href="" style=" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" font-size:15px;">热门相册</a></dd>
  </dl>
 </li> 
 <li class="layui-nav-item"><a href="#" rel="external nofollow" rel="external nofollow" style="font-size:20px;">意见反馈</a></li>
 <li class="nav-user">
 <% String userName=(String)session.getAttribute("userName");
 if(userName==null){ %>
 <div>
 <a href="/why123/login/userLogin" rel="external nofollow" class="nav-denglu">登录</a>
 </div>
 <%}else{%>
 <div class="user-msg">
  <ul class="layui-nav nav-userlogin">
  <li class="layui-nav-item">
  <a href="" style=" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" font-size:18px;"><img src="plug-in/images/people/renwu.jpg" class="layui-nav-img" style="width:40px;height:40px;">${sessionScope.userName}</a>
  <dl class="layui-nav-child">
   <dd><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" style="font-size:18px;">修改信息</a></dd>
   <dd><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" style="font-size:18px;">个人管理</a></dd>
   <dd><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" style="font-size:18px;">注销</a></dd>
  </dl>
  </li>
   </ul>
 </div>
 <%} %>
 </li>
 </ul>

上一篇:JavaScript实现横向滑出的多级菜单效果

栏    目:JavaScript代码

下一篇:微信小程序中的onLoad详解及简单实例

本文标题:SSM+layUI 根据登录信息显示不同的页面方法

本文地址:http://www.codeinn.net/misctech/86797.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有