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 相关文章推荐
javascript 面向对象全新理练之数据的封装
Dec 03 Javascript
原创javascript小游戏实现代码
Aug 19 Javascript
js 控制页面跳转的5种方法
Sep 09 Javascript
基于bootstrap实现广告轮播带图片和文字效果
Jul 22 Javascript
EditPlus中的正则表达式 实战(2)
Dec 15 Javascript
jQuery实现选项卡功能(两种方法)
Mar 08 Javascript
Google 爬虫如何抓取 JavaScript 的内容
Apr 07 Javascript
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
Aug 30 Javascript
简单说说angular.json文件的使用
Oct 29 Javascript
Angular6 发送手机验证码按钮倒计时效果实现方法
Jan 08 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
Dec 15 Javascript
JavaScript实现队列结构过程
Dec 06 Javascript
使用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
phpMyadmin 用户权限中英对照
2010/04/02 PHP
php检查日期函数checkdate用法实例
2015/03/19 PHP
分享PHP源码批量抓取远程网页图片并保存到本地的实现方法
2015/12/01 PHP
PHP面向对象程序设计之对象生成方法详解
2016/12/02 PHP
用js实现的仿sohu博客更换页面风格(简单版)
2007/03/22 Javascript
CSS和Javascript简单复习资料
2010/06/29 Javascript
基于jquery的鼠标拖动效果代码
2012/05/30 Javascript
如何使用Javascript正则表达式来格式化XML内容
2013/07/04 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
2014/06/26 Javascript
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
2016/06/21 Javascript
jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
2016/09/23 Javascript
微信小程序  modal弹框组件详解
2016/10/27 Javascript
VUE实现表单元素双向绑定(总结)
2017/08/08 Javascript
nodejs实现超简单生成二维码的方法
2018/03/17 NodeJs
学习node.js 断言的使用详解
2019/03/18 Javascript
django js 实现表格动态标序号的实例代码
2019/07/12 Javascript
js prototype和__proto__的关系是什么
2019/08/23 Javascript
jquery实现进度条状态展示
2020/03/26 jQuery
javascript实现支付宝滑块验证码效果
2020/07/24 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
用map函数来完成Python并行任务的简单示例
2015/04/02 Python
python随机生成指定长度密码的方法
2015/04/04 Python
Python的Django框架中TEMPLATES项的设置教程
2015/05/29 Python
Python读取键盘输入的2种方法
2015/06/16 Python
Python统计文件中去重后uuid个数的方法
2015/07/30 Python
Python3.6 Schedule模块定时任务(实例讲解)
2017/11/09 Python
python实现拓扑排序的基本教程
2018/03/11 Python
Pandas 数据框增、删、改、查、去重、抽样基本操作方法
2018/04/12 Python
竞选宣传委员演讲稿
2014/05/24 职场文书
教师暑期培训感言
2014/08/15 职场文书
企业宣传稿范文
2015/07/23 职场文书
公司规章制度范本
2015/08/03 职场文书
医院病假条范文
2015/08/17 职场文书
工作违纪的检讨书范文
2019/07/09 职场文书
python 破解加密zip文件的密码
2021/04/22 Python