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 相关文章推荐
js网页中的(运行代码)功能实现思路
Feb 04 Javascript
jquery使用hide方法隐藏指定id的元素
Mar 30 Javascript
jquery.map()方法的使用详解
Jul 09 Javascript
javascript实现label标签跳出循环操作
Mar 06 Javascript
通过原生JS实现为元素添加事件的方法
Nov 23 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
Nov 25 Javascript
jQuery select自动选中功能实现方法分析
Nov 28 Javascript
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
Dec 05 jQuery
JavaScript中字符串的常用操作方法及特殊字符
Mar 18 Javascript
微信小程序登录数据解密及状态维持实例详解
May 06 Javascript
JS实现水平遍历和嵌套递归操作示例
Aug 15 Javascript
node+vue实现文件上传功能
May 28 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
AJAX for PHP简单表数据查询实例
2007/01/02 PHP
ThinkPHP模板输出display用法分析
2014/11/26 PHP
PHP微信发送推送消息乱码的解决方法
2019/02/28 PHP
javascript的事件描述
2006/09/08 Javascript
jQuery中的常用事件总结
2009/12/27 Javascript
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
2013/01/04 Javascript
canvas 弹幕效果(实例分享)
2017/01/11 Javascript
JavaScript编写的网页小游戏,很给力
2017/08/18 Javascript
使用JavaScript实现点击循环切换图片效果
2017/09/03 Javascript
配置eslint规范项目代码风格
2019/03/11 Javascript
Vue源码学习之关于对Array的数据侦听实现
2019/04/23 Javascript
js canvas实现星空连线背景特效
2019/11/01 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
2020/07/15 Javascript
javascript实现打砖块小游戏(附完整源码)
2020/09/18 Javascript
vue.js+element 默认提示中英文操作
2020/11/11 Javascript
Python Deque 模块使用详解
2014/07/04 Python
Linux下将Python的Django项目部署到Apache服务器
2015/12/24 Python
Python解惑之整数比较详解
2017/04/24 Python
python从内存地址上加载python对象过程详解
2020/01/08 Python
Python实现实时数据采集新型冠状病毒数据实例
2020/02/04 Python
Python解释器及PyCharm工具安装过程
2020/02/26 Python
Python importlib模块重载使用方法详解
2020/10/13 Python
详解Sticky Footer 绝对底部的两种套路
2017/11/03 HTML / CSS
HTML5地理定位实例
2014/10/15 HTML / CSS
Evisu官方网站:日本牛仔品牌,时尚街头设计风格
2016/12/30 全球购物
英国家喻户晓的折扣商场:TK Maxx
2017/05/26 全球购物
选购世界上最好的美妆品:Cult Beauty
2017/11/03 全球购物
联想瑞士官方网站:Lenovo Switzerland
2017/11/19 全球购物
机电专业大学生职业规划书范文
2014/02/25 职场文书
环保建议书600字
2014/05/14 职场文书
工商行政管理专业求职书
2014/05/23 职场文书
庆六一文艺汇演活动方案
2014/08/26 职场文书
住宿生擅自离校检讨书
2014/09/22 职场文书
刑事附带民事代理词
2015/05/25 职场文书
九年级语文教学反思
2016/03/03 职场文书
Vue+TypeScript中处理computed方式
2022/04/02 Vue.js