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的一些看法
May 27 Javascript
javascript globalStorage类代码
Jun 04 Javascript
Bootstrap3.0学习教程之JS折叠插件
May 27 Javascript
JavaScript 继承详解(六)
Oct 11 Javascript
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
微信小程序实现页面浮动导航
Jan 28 Javascript
使用vuepress搭建静态博客的示例代码
Feb 14 Javascript
vue项目打包后怎样优雅的解决跨域
May 26 Javascript
小程序实现录音上传功能
Nov 22 Javascript
深入webpack打包原理及loader和plugin的实现
May 06 Javascript
小程序选项卡以及swiper套用(跨页面)
Jun 19 Javascript
用React Native制作一个简单的游戏引擎
May 27 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
php中通过正则表达式下载内容中的远程图片的函数代码
2012/01/10 PHP
网页上facebook分享功能具体实现
2014/01/26 PHP
CodeIgniter视图使用注意事项
2016/01/20 PHP
PHP autoload使用方法及步骤详解
2020/09/05 PHP
FormValidate 表单验证功能代码更新并提供下载
2008/08/23 Javascript
通过javascript设置css属性的代码
2009/12/28 Javascript
利用JQuery和JS实现奇偶行背景颜色自定义效果
2012/11/19 Javascript
js模拟hashtable的简单实例
2014/03/06 Javascript
nodejs教程之入门
2014/11/21 NodeJs
express的中间件cookieParser详解
2014/12/04 Javascript
jquery实现上下左右滑动的方法
2015/02/09 Javascript
简述JavaScript中正则表达式的使用方法
2015/06/15 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
2016/05/25 Javascript
AngularJS实践之使用NgModelController进行数据绑定
2016/10/08 Javascript
js制作支付倒计时页面
2016/10/21 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
2017/12/25 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
2018/07/10 Javascript
详解如何配置vue-cli3.0的vue.config.js
2018/08/23 Javascript
详解js模板引擎art template数组渲染的方法
2018/10/09 Javascript
使用webpack打包后的vue项目如何正确运行(express)
2018/10/26 Javascript
vue-cli2 构建速度优化的实现方法
2019/01/08 Javascript
[原创]微信小程序获取网络类型的方法示例
2019/03/01 Javascript
Python Tkinter GUI编程入门介绍
2015/03/10 Python
浅谈function(函数)中的动态参数
2017/04/30 Python
python3利用smtplib通过qq邮箱发送邮件方法示例
2017/12/03 Python
TensorFlow实现Softmax回归模型
2018/03/09 Python
TensorFlow Session使用的两种方法小结
2018/07/30 Python
完美解决python针对hdfs上传和下载的问题
2020/06/05 Python
ITK 实现多张图像转成单个nii.gz或mha文件案例
2020/07/01 Python
美国第一大药店连锁机构:Walgreens(沃尔格林)
2019/10/10 全球购物
介绍一下gcc特性
2015/10/31 面试题
介绍一下UNIX启动过程
2013/11/14 面试题
乡镇保密工作责任书
2014/07/28 职场文书
保研专家推荐信范文
2015/03/25 职场文书
为Java项目添加Redis缓存的方法
2021/05/18 Redis
springboot拦截器无法注入redisTemplate的解决方法
2021/06/27 Java/Android