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


Posted in Javascript onSeptember 20, 2019

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

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

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

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

下面是系统的登录界面

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

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

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 根据登录信息显示不同的页面方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 渐变下拉菜单
Dec 15 Javascript
jquery中ajax调用json数据的使用说明
Mar 17 Javascript
js jquery分别实现动态的文件上传操作按钮的添加和删除
Jan 13 Javascript
jquery实现无限分级横向导航菜单的方法
Mar 12 Javascript
详解webpack+angular2开发环境搭建
Jun 28 Javascript
基于JS实现移动端左滑删除功能
Jul 28 Javascript
原生JS+Canvas实现五子棋游戏
May 28 Javascript
基于JS实现html中placeholder属性提示文字效果示例
Apr 19 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
Aug 27 Javascript
node crawler如何添加promise支持
Feb 01 Javascript
js抽奖转盘实现方法分析
May 16 Javascript
jquery实现异步文件上传ajaxfileupload.js
Oct 23 jQuery
使用Layui搭建后台管理界面的操作方法
Sep 20 #Javascript
layui问题之模拟table表格中的选中按钮选中事件的方法
Sep 20 #Javascript
小程序使用watch监听数据变化的方法详解
Sep 20 #Javascript
基于layui内置模块(element常用元素的操作)
Sep 20 #Javascript
解决Layui中templet中a的onclick参数传递的问题
Sep 20 #Javascript
解决layui动态添加的元素click等事件触发不了的问题
Sep 20 #Javascript
微信小程序里引入SVG矢量图标的方法
Sep 20 #Javascript
You might like
小偷PHP+Html+缓存
2006/12/20 PHP
让PHP开发者事半功倍的十大技巧小结
2010/04/20 PHP
php xml常用函数的集合(比较详细)
2013/06/06 PHP
php mysql操作mysql_connect连接数据库实例详解
2016/12/26 PHP
PHP的mysqli_select_db()函数讲解
2019/01/23 PHP
在laravel框架中实现封装公共方法全局调用
2019/10/14 PHP
jquery实现心算练习代码
2010/12/06 Javascript
JavaScript编程的10个实用小技巧
2014/04/18 Javascript
JavaScript中的lastIndexOf()方法使用详解
2015/06/06 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
2016/02/19 Javascript
浅谈js中调用函数时加不加括号的问题
2016/07/28 Javascript
bootstrap 表单验证使用方法
2017/01/11 Javascript
Nodejs多站点切换Htpps协议详解及简单实例
2017/02/23 NodeJs
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
2017/05/19 jQuery
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
BootStrap table实现表格行拖拽效果
2018/12/01 Javascript
微信小程序按钮点击跳转页面详解
2019/05/06 Javascript
vue实现登录页面的验证码以及验证过程解析(面向新手)
2019/08/02 Javascript
探索浏览器页面关闭window.close()的使用详解
2020/08/21 Javascript
js实现点击选项置顶动画效果
2020/08/25 Javascript
NestJs使用Mongoose对MongoDB操作的方法
2021/02/22 Javascript
[06:24]DOTA2 2015国际邀请赛中国区预选赛第二日TOP10
2015/05/27 DOTA
Python 列表(List)操作方法详解
2014/03/11 Python
利用QT写一个极简单的图形化Python闹钟程序
2015/04/07 Python
Python 列表(List) 的三种遍历方法实例 详解
2017/04/15 Python
Python3环境安装Scrapy爬虫框架过程及常见错误
2019/07/12 Python
解决安装新版PyQt5、PyQT5-tool后打不开并Designer.exe提示no Qt platform plugin的问题
2020/04/24 Python
ProBikeKit英国:在线公路自行车之家
2017/02/10 全球购物
什么是servlet
2012/05/08 面试题
成人教育自我鉴定
2013/11/01 职场文书
班主任经验交流会主持词
2014/04/01 职场文书
护理专业自荐信范文
2015/03/06 职场文书
2016年4月份红领巾广播稿
2015/12/21 职场文书
车位出租协议书范本
2016/03/19 职场文书
maven依赖的version声明控制方式
2022/01/18 Java/Android