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 进阶篇1 正则表达式,cookie管理,userData
Mar 14 Javascript
jquery Mobile入门—多页面切换示例学习
Jan 08 Javascript
jquery实现简单易懂的图片展示小例子
Nov 21 Javascript
JavaScript作用域与作用域链深入解析
Dec 06 Javascript
javascript实现左右控制无缝滚动
Dec 31 Javascript
SublimeText自带格式化代码功能之reindent
Dec 27 Javascript
JS函数定义方式的区别介绍
Mar 22 Javascript
JQuery 又谈ajax局部刷新
Nov 27 jQuery
解决vue项目打包后提示图片文件路径错误的问题
Jul 04 Javascript
vue中的过滤器实例代码详解
Jun 06 Javascript
基于PHP pthreads实现多线程代码实例
Jun 24 Javascript
react使用antd表单赋值,用于修改弹框的操作
Oct 29 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实现的四则运算表达式计算实现代码
2011/08/02 PHP
php5.3 注意事项说明
2013/07/01 PHP
php一些错误处理的方法与技巧总结
2013/08/10 PHP
ThinkPHP CURD方法之page方法详解
2014/06/18 PHP
PHP的时间戳与具体时间转化的简单实现
2016/06/13 PHP
php 与 nginx 的处理方式及nginx与php-fpm通信的两种方式
2018/09/28 PHP
PHP实现微信申请退款功能
2018/10/01 PHP
thinkphp5框架路由原理与用法详解
2020/02/11 PHP
不使用中间变量,交换int型的 a, b两个变量的值。
2010/10/29 Javascript
js如何实现设计模式中的模板方法
2013/07/23 Javascript
jquery根据name属性查找的小例子
2013/11/21 Javascript
jQuery中delegate和on的用法与区别详细解析
2014/01/26 Javascript
javascript实现数组去重的多种方法
2016/03/14 Javascript
老生常谈原生JS执行环境与作用域
2016/11/22 Javascript
bootstrap使用validate实现简单校验功能
2016/12/02 Javascript
通过一个简单的例子学会vuex与模块化
2017/11/22 Javascript
jQuery 改变P标签文本值方法
2018/02/24 jQuery
vue实现a标签点击高亮方法
2018/03/17 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
2019/01/19 Javascript
使用Angular Cli如何创建Angular私有库详解
2019/01/30 Javascript
前后端常见的几种鉴权方式(小结)
2019/08/04 Javascript
JavaScript实现前端倒计时效果
2021/02/09 Javascript
用PyQt进行Python图形界面的程序的开发的入门指引
2015/04/14 Python
python实现的简单RPG游戏流程实例
2015/06/28 Python
Python变量和数据类型详解
2017/02/15 Python
Python父目录、子目录的相互调用方法
2019/02/16 Python
Python逐行读取文件中内容的简单方法
2019/02/26 Python
python中with语句结合上下文管理器操作详解
2019/12/19 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
python map比for循环快在哪
2020/09/21 Python
python 如何区分return和yield
2020/09/22 Python
python中使用np.delete()的实例方法
2021/02/01 Python
大学开学计划书
2014/04/30 职场文书
哈姆雷特读书笔记
2015/06/29 职场文书
vue3如何优雅的实现移动端登录注册模块
2021/03/29 Vue.js
nginx从安装到配置详细说明(安装,安全配置,防盗链,动静分离,配置 HTTPS,性能优化)
2022/02/12 Servers