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 相关文章推荐
通过下拉框的值来确定输入框是否可以为空的代码
Oct 18 Javascript
用jquery.sortElements实现table排序
May 04 Javascript
jQuery中ajax的post()方法用法实例
Dec 26 Javascript
jquery实现键盘左右翻页特效
Apr 30 Javascript
Js实现简单的小球运动特效
Feb 18 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
May 17 Javascript
javascript中BOM基础知识总结
Feb 14 Javascript
利用jsonp与代理服务器方案解决跨域问题
Sep 14 Javascript
Javascript实现运算符重载详解
Apr 07 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
Sep 19 Javascript
深入浅析Node.js 事件循环、定时器和process.nextTick()
Oct 22 Javascript
Vue 中获取当前时间并实时刷新的实现代码
May 12 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
使用 eAccelerator加速PHP代码的方法
2007/09/30 PHP
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
基于php的CMS中展示文章类实例分析
2015/06/18 PHP
PHP 自动加载的简单实现(推荐)
2016/08/12 PHP
thinkPHP中_initialize方法实例分析
2016/12/05 PHP
自己封装的javascript事件队列函数版
2014/06/12 Javascript
jQuery窗口、文档、网页各种高度的精确理解
2014/07/02 Javascript
JavaScript中window.showModalDialog()用法详解
2014/12/18 Javascript
DOM基础教程之使用DOM控制表单
2015/01/20 Javascript
Spring mvc 接收json对象
2015/12/10 Javascript
jQuery中选择器的基础使用教程
2016/05/23 Javascript
JavaScript实现短暂提示框功能
2018/04/04 Javascript
使用javascript做在线算法编程
2018/05/25 Javascript
Bootstrap Table 双击、单击行获取该行及全表内容
2018/08/31 Javascript
jquery 动态遍历select 赋值的实例
2018/09/12 jQuery
微信小程序实现form表单本地储存数据
2019/06/27 Javascript
详解vue 组件的实现原理
2020/11/12 Javascript
[00:52]DOTA2国际邀请赛
2020/02/21 DOTA
Python读取键盘输入的2种方法
2015/06/16 Python
Python网站验证码识别
2016/01/25 Python
Python+OpenCV目标跟踪实现基本的运动检测
2018/07/10 Python
利用python实现汉字转拼音的2种方法
2019/08/12 Python
Django 实现xadmin后台菜单改为中文
2019/11/15 Python
python import 上级目录的导入
2020/11/03 Python
使用Python制作一个数据预处理小工具(多种操作一键完成)
2021/02/07 Python
使用CSS3创建动态菜单效果
2015/07/10 HTML / CSS
如何查看浏览器对html5的支持情况
2020/12/15 HTML / CSS
字符串str除首尾字符外的其他字符按升序排列
2013/03/08 面试题
如何用JQuery进行表单验证
2013/05/29 面试题
小学教师个人先进事迹材料
2014/05/17 职场文书
学校安全防火方案
2014/06/07 职场文书
计算机应用应届生求职信
2014/07/12 职场文书
亮剑观后感300字
2015/06/05 职场文书
z-index不起作用
2021/03/31 HTML / CSS
Vue OpenLayer测距功能的实现
2022/04/20 Vue.js
Python+pyaudio实现音频控制示例详解
2022/07/23 Python