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

 更新时间:2019年09月20日 11:24:40   作者:qq_39098505  
今天小编就为大家分享一篇SSM+layUI 根据登录信息显示不同的页面方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

最近在用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>

以上这篇SSM+layUI 根据登录信息显示不同的页面方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JS TypeScript的Map对象及联合类型实战

    JS TypeScript的Map对象及联合类型实战

    这篇文章主要介绍了JS TypeScript的Map对象及联合类型实战,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-08-08
  • TypeScript与JavaScript多方面阐述对比相同点和区别

    TypeScript与JavaScript多方面阐述对比相同点和区别

    TypeScript和JavaScript在开发交互式网页方面有许多相似之处,在提供TypeScript与 JavaScript的直接比较时,我们可以说JavaScript是一种轻量级的解释型动态语言,用于增强HTML网页,TypeScript是JavaScript的增强版,这意味着TypeScript是JavaScript和其他一些特性的组合
    2024-07-07
  • JavaScript利用Date实现简单的倒计时实例

    JavaScript利用Date实现简单的倒计时实例

    在日常开发的时候经常遇到关于倒计时的需求,下面这篇文章就给主要介绍了JavaScript利用Date实现倒计时效果的方法示例,文中主要实现了倒计时和倒计时结束抢购的按钮才可以被点击的效果,有需要的朋友可以参考借鉴。
    2017-01-01
  • JS+flash实现chrome和ie浏览器下同时可以复制粘贴

    JS+flash实现chrome和ie浏览器下同时可以复制粘贴

    chrome和ie同时可以复制粘贴,想必大家一直思索的问题在本文将有一个不错的实现,下面为大家介绍下JS+flash是如何实现的,感兴趣的朋友可以参考下
    2013-09-09
  • 代码详解javascript模块加载器

    代码详解javascript模块加载器

    本篇文章通过代码示例给大家详细分析了javascript基础内容模块加载器的相关知识点,一起学习下。
    2018-03-03
  • js作用域和作用域链及预解析

    js作用域和作用域链及预解析

    这篇文章主要介绍了js作用域和作用域链及预解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • BootstrapTable请求数据时设置超时(timeout)的方法

    BootstrapTable请求数据时设置超时(timeout)的方法

    使用bootstrapTable获取数据时,有时由于网络或者服务器的原因,无法及时获取到数据,页面显示一直处于等待状态。为了改善效果,考虑设置超时,请求发送后超时即显示无数据,过段时间重新发起请求
    2017-01-01
  • JavaScript实现点击单元格改变背景色的方法

    JavaScript实现点击单元格改变背景色的方法

    这篇文章主要介绍了JavaScript实现点击单元格改变背景色的方法,涉及JavaScript响应鼠标事件动态操作页面元素属性的相关技巧,需要的朋友可以参考下
    2016-02-02
  • Javascript 实现广告后加载 可加载百度谷歌联盟广告

    Javascript 实现广告后加载 可加载百度谷歌联盟广告

    本文主要介绍一种新的广告后加载的方式,支持自定义HTML广告、百度联盟广告和谷歌联盟广告。这种方式在页面加载完成后执行,不影响内容的显示,对用户更加友好。
    2016-05-05
  • antDesign 自定义分页样式的实现代码

    antDesign 自定义分页样式的实现代码

    这篇文章主要介绍了antDesign 自定义分页样式的实现代码,这里用到了自定义指令,如果大家用不到可以按照自己的实际效果开发,本文通过实例代码给大家详细讲解,需要的朋友可以参考下
    2022-10-10

最新评论