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 03 Javascript
jquery 与NVelocity 产生冲突的解决方法
Jun 13 Javascript
修复ie8&amp;chrome下window的resize事件多次执行
Oct 20 Javascript
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
Jan 20 Javascript
jQuery 重复加载错误以及修复方法
Dec 16 Javascript
解析javascript瀑布流原理实现图片滚动加载
Mar 10 Javascript
Bootstrap文件上传组件之bootstrap fileinput
Nov 25 Javascript
在AngularJs中设置请求头信息(headers)的方法及不同方法的比较
Sep 04 Javascript
Vue infinite update loop的问题解决
Apr 23 Javascript
微信小程序 云开发模糊查询实现解析
Sep 02 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
Mar 05 Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
Oct 21 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图片处理类 phpThumb参数用法介绍
2012/03/11 PHP
PHP5常用函数列表(分享)
2013/06/07 PHP
PHPExcel简单读取excel文件示例
2016/05/26 PHP
php封装的mysqli类完整实例
2016/10/18 PHP
PHP实现获取第一个中文首字母并进行排序的方法
2017/05/09 PHP
PHP ADODB实现分页功能简单示例
2018/05/25 PHP
php使用curl模拟浏览器表单上传文件或者图片的方法
2018/11/10 PHP
PHP+jQuery实现即点即改功能示例
2019/02/21 PHP
javascript options属性集合操作代码
2009/12/28 Javascript
jquery中eq和get的区别与使用方法
2011/04/14 Javascript
jWiard 基于JQuery的强大的向导控件介绍
2011/10/28 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
2013/07/02 Javascript
JS实现点击按钮自动增加一个单元格的方法
2015/03/09 Javascript
scroll事件实现监控滚动条并分页显示(zepto.js)
2016/12/18 Javascript
Bootstrap面板使用方法
2017/01/16 Javascript
Vue.js实现的表格增加删除demo示例
2018/05/22 Javascript
JS实现可视化文件上传
2018/09/08 Javascript
JavaScript实现简单计算器功能
2019/12/19 Javascript
vue实现图片上传预览功能
2019/12/23 Javascript
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
2020/04/11 Javascript
闭包在python中的应用之translate和maketrans用法详解
2014/08/27 Python
Python中函数的用法实例教程
2014/09/08 Python
python写的一个squid访问日志分析的小程序
2014/09/17 Python
在Python中使用第三方模块的教程
2015/04/27 Python
python实现八大排序算法(1)
2017/09/14 Python
Python基于BeautifulSoup和requests实现的爬虫功能示例
2019/08/02 Python
wxpython自定义下拉列表框过程图解
2020/02/14 Python
Python简单实现词云图代码及步骤解析
2020/06/04 Python
Python基于tkinter canvas实现图片裁剪功能
2020/11/05 Python
瑞典轮胎在线:Tirendo.se
2018/06/21 全球购物
Deichmann英国:德国鞋类零售商
2021/01/30 全球购物
个人自我鉴定怎么写
2013/10/28 职场文书
计算机专业大学生的自我评价
2013/11/14 职场文书
银行贷款承诺书
2014/03/29 职场文书
优秀团员事迹材料2000字
2014/08/20 职场文书
2015年基层党建工作汇报材料
2015/06/25 职场文书