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 相关文章推荐
通过ifame指向的页面高度调整iframe的高度
Oct 05 Javascript
IE本地存储userdata的一个bug说明
Jul 01 Javascript
JavaScript闭包实例讲解
Apr 22 Javascript
跟我学习javascript的call(),apply(),bind()与回调
Nov 16 Javascript
jquery.cookie.js的介绍与使用方法
Feb 09 Javascript
使用jQuery操作DOM的方法小结
Feb 27 Javascript
laydate 显示结束时间不小于开始时间的实例
Aug 11 Javascript
JQuery元素快速查找与操作
Apr 22 jQuery
js实现时分秒倒计时
Dec 03 Javascript
JS实现购物车基本功能
Nov 08 Javascript
JavaScript代码实现简单计算器
Dec 27 Javascript
JavaScript 事件捕获冒泡与捕获详情
Nov 11 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基础知识:类与对象(5) static
2006/12/13 PHP
php处理斐波那契数列非递归方法
2012/02/04 PHP
ThinkPHP验证码和分页实例教程
2014/08/22 PHP
YII CLinkPager分页类扩展增加显示共多少页
2016/01/29 PHP
老司机传授Ubuntu下Apache+PHP+MySQL环境搭建攻略
2016/03/20 PHP
Yii2中关联查询简单用法示例
2016/08/10 PHP
phpcms中的评论样式修改方法
2016/10/21 PHP
PHP去除字符串最后一个字符的三种方法实例
2017/03/01 PHP
laravel ORM关联关系中的 with和whereHas用法
2019/10/16 PHP
JS面向对象编程浅析
2011/08/28 Javascript
jquery的ajax简单结构示例代码
2014/02/17 Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
2014/06/16 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
2015/08/07 Javascript
浅谈js内置对象Math的属性和方法(推荐)
2016/09/19 Javascript
localStorage的黑科技-js和css缓存机制
2017/02/06 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
2017/12/28 Javascript
vue.js中$set与数组更新方法
2018/03/08 Javascript
如何以Angular的姿势打开Font-Awesome详解
2018/04/22 Javascript
JavaScript 实现同时选取多个时间段的方法
2019/10/17 Javascript
React Hooks 实现和由来以及解决的问题详解
2020/01/17 Javascript
手把手教您实现react异步加载高阶组件
2020/04/07 Javascript
Vue解决echart在element的tab切换时显示不正确问题
2020/08/03 Javascript
[01:02:06]LGD vs Mineski Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
python中的多重继承实例讲解
2014/09/28 Python
详细探究Python中的字典容器
2015/04/14 Python
python解决汉字编码问题:Unicode Decode Error
2017/01/19 Python
Linux(Redhat)安装python3.6虚拟环境(推荐)
2018/05/05 Python
Python中的Django基本命令实例详解
2018/07/15 Python
python中bs4.BeautifulSoup的基本用法
2019/07/27 Python
Python3中FuzzyWuzzy库实例用法
2020/11/18 Python
联想澳大利亚官网:Lenovo Australia
2018/01/18 全球购物
Groupon比利时官方网站:特卖和网上购物高达-70%
2019/08/09 全球购物
运行时异常与一般异常有何异同?
2014/01/05 面试题
医院护士专业个人的求职信
2013/12/09 职场文书
五水共治捐款倡议书
2014/05/14 职场文书
邀请函样本
2015/02/02 职场文书