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入门知识简介
Mar 04 Javascript
js判断iframe内的网页是否滚动到底部触发事件
Mar 18 Javascript
JS获取表格内指定单元格html内容的方法
Mar 31 Javascript
JavaScript类型检测之typeof 和 instanceof 的缺陷与优化
Jan 13 Javascript
js实现数组冒泡排序、快速排序原理
Mar 08 Javascript
详解PHP后期静态绑定分析与应用
Mar 21 Javascript
详解vuex状态管理模式
Nov 01 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
Dec 24 Javascript
Vue实现一个图片懒加载插件
Mar 11 Javascript
浅谈JS的二进制家族
May 09 Javascript
Angular性能优化之第三方组件和懒加载技术
May 10 Javascript
Axios代理配置及封装响应拦截处理方式
Apr 07 Vue.js
使用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 UBB 解析实现代码
2011/11/27 PHP
PHP内存缓存Memcached类实例
2014/12/08 PHP
简单的自定义php模板引擎
2016/08/26 PHP
Yii2框架制作RESTful风格的API快速入门教程
2016/11/08 PHP
php验证码生成器
2017/05/24 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
初识javascript 文档碎片
2010/07/13 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
JavaScript中变量提升 Hoisting
2012/07/03 Javascript
js在数组中删除重复的元素自保留一个(两种实现思路)
2014/08/22 Javascript
jQuery中ajax的post()方法用法实例
2014/12/26 Javascript
jquery使用正则表达式验证email地址的方法
2015/01/22 Javascript
javascript基本数据类型和转换
2017/03/17 Javascript
Express 配置HTML页面访问的实现
2020/11/01 Javascript
[06:44]2014DOTA2国际邀请赛-钥匙体育馆开战 开幕式振奋人心
2014/07/19 DOTA
python 中的int()函数怎么用
2017/10/17 Python
python实现随机漫步算法
2018/08/27 Python
pytorch 修改预训练model实例
2020/01/18 Python
Python持续监听文件变化代码实例
2020/07/22 Python
css3实现超立体3D图片侧翻倾斜效果
2014/04/16 HTML / CSS
西班牙创意礼品和小工具网上商店:Curiosite
2016/07/26 全球购物
Nuts.com:优质散装,批发坚果、干果和巧克力等
2017/03/21 全球购物
Lookfantastic德国官网:英国知名美妆购物网站
2017/06/11 全球购物
SkinCeuticals官网:美国药妆品牌
2018/04/19 全球购物
Linux上比较文件的命令都有哪些
2012/02/24 面试题
大学生毕业自我鉴定范文
2013/09/19 职场文书
3.15国际消费者权益日主题活动活动总结
2014/03/16 职场文书
销售顾问工作计划书
2014/08/15 职场文书
离退休人员聘用协议书
2014/11/24 职场文书
幼儿园欢迎词范文
2015/01/26 职场文书
个人收入证明范本
2015/06/12 职场文书
入团申请书格式
2019/06/20 职场文书
小学秋季运动会加油口号及加油稿
2019/08/19 职场文书
Python中OpenCV实现简单车牌字符切割
2021/06/11 Python
vue生命周期钩子函数以及触发时机
2022/04/26 Vue.js
nginx七层负载均衡配置详解
2022/07/15 Servers