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中Math对象使用说明
Jan 16 Javascript
Javascript var变量隐式声明方法
Oct 19 Javascript
js中if语句的几种优化代码写法
Mar 12 Javascript
jQuery获取注册信息并提示实现代码
Apr 21 Javascript
jQuery实现表头固定效果的实例代码
May 24 Javascript
JS关闭窗口或JS关闭页面的几种代码分享
Oct 25 Javascript
开发插件的两个方法jquery.fn.extend与jquery.extend
Nov 21 Javascript
AngularJS实现标签页的两种方式
Sep 05 Javascript
详解闭包解决jQuery中AJAX的外部变量问题
Feb 22 Javascript
jQuery控制元素隐藏和显示
Mar 03 Javascript
three.js实现圆柱体
Dec 30 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
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 magic quotes的详解
2013/06/17 PHP
PHP 输出URL的快捷方式示例代码
2013/09/22 PHP
静态html文件执行php语句的方法(推荐)
2016/11/21 PHP
php 运算符与表达式详细介绍
2016/11/30 PHP
PHP实现的简单排列组合算法应用示例
2017/06/20 PHP
JavaScipt基本教程之JavaScript语言的基础
2008/01/16 Javascript
FF IE兼容性的修改小结
2009/09/02 Javascript
在Python中使用glob模块查找文件路径的方法
2015/06/17 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
2015/08/21 Javascript
JS实现的手机端精简幻灯片效果
2016/09/05 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
2018/07/25 Javascript
vue中实现点击按钮滚动到页面对应位置的方法(使用c3平滑属性实现)
2019/12/29 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
2020/01/04 Javascript
Vue实现小购物车功能
2020/12/21 Vue.js
[04:03]DOTA2英雄梦之声_第02期_风暴之灵
2014/06/30 DOTA
详解Python各大聊天系统的屏蔽脏话功能原理
2016/12/01 Python
Python正则表达式教程之一:基础篇
2017/03/02 Python
python 实现一次性在文件中写入多行的方法
2019/01/28 Python
对Python3中列表乘以某一个数的示例详解
2019/07/20 Python
python3将变量写入SQL语句的实现方式
2020/03/02 Python
Django+boostrap 美化admin后台的操作
2020/03/11 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
Python经典五人分鱼实例讲解
2021/01/04 Python
SpringBoot首页设置解析(推荐)
2021/02/11 Python
Python LMDB库的使用示例
2021/02/14 Python
印度手工编织服装和家居用品商店:Fabindi
2019/10/07 全球购物
Moss Bros官网:英国排名第一的西装店
2020/02/26 全球购物
保护环境倡议书300字
2014/05/19 职场文书
婚纱店策划方案
2014/05/22 职场文书
企业文化宣传标语
2014/06/09 职场文书
本科毕业生应聘自荐信范文
2014/06/26 职场文书
党的群众路线教育实践活动领导班子整改措施
2014/10/28 职场文书
公务员年度考核评语
2014/12/31 职场文书
病危通知单
2015/04/17 职场文书
追悼会家属答谢词
2015/09/29 职场文书
Python-OpenCV实现图像缺陷检测的实例
2021/06/11 Python