SSM+layUI 根據(jù)登錄信息顯示不同的頁面方法
最近在用SSM+layUI做自己的一個小項目,用到要根據(jù)登錄信息顯示不同頁面的問題,和大家分享下,如有不足,歡迎指出。
在開始之前先給大家看下效果
用戶登錄之前,登錄位置顯示的是登錄。
下面是系統(tǒng)的登錄界面
用戶登錄之后的頁面,原來的登錄位置信息變化了。
鼠標(biāo)放上去:
下面放上處理的代碼,主要是在jsp中嵌入java代碼,判斷用戶有沒有登錄來實(shí)現(xiàn)的,如果有更好的方法,歡迎留言:
<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 根據(jù)登錄信息顯示不同的頁面方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JS?TypeScript的Map對象及聯(lián)合類型實(shí)戰(zhàn)
這篇文章主要介紹了JS?TypeScript的Map對象及聯(lián)合類型實(shí)戰(zhàn),文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-08-08TypeScript與JavaScript多方面闡述對比相同點(diǎn)和區(qū)別
TypeScript和JavaScript在開發(fā)交互式網(wǎng)頁方面有許多相似之處,在提供TypeScript與 JavaScript的直接比較時,我們可以說JavaScript是一種輕量級的解釋型動態(tài)語言,用于增強(qiáng)HTML網(wǎng)頁,TypeScript是JavaScript的增強(qiáng)版,這意味著TypeScript是JavaScript和其他一些特性的組合2024-07-07JavaScript利用Date實(shí)現(xiàn)簡單的倒計時實(shí)例
在日常開發(fā)的時候經(jīng)常遇到關(guān)于倒計時的需求,下面這篇文章就給主要介紹了JavaScript利用Date實(shí)現(xiàn)倒計時效果的方法示例,文中主要實(shí)現(xiàn)了倒計時和倒計時結(jié)束搶購的按鈕才可以被點(diǎn)擊的效果,有需要的朋友可以參考借鑒。2017-01-01JS+flash實(shí)現(xiàn)chrome和ie瀏覽器下同時可以復(fù)制粘貼
chrome和ie同時可以復(fù)制粘貼,想必大家一直思索的問題在本文將有一個不錯的實(shí)現(xiàn),下面為大家介紹下JS+flash是如何實(shí)現(xiàn)的,感興趣的朋友可以參考下2013-09-09BootstrapTable請求數(shù)據(jù)時設(shè)置超時(timeout)的方法
使用bootstrapTable獲取數(shù)據(jù)時,有時由于網(wǎng)絡(luò)或者服務(wù)器的原因,無法及時獲取到數(shù)據(jù),頁面顯示一直處于等待狀態(tài)。為了改善效果,考慮設(shè)置超時,請求發(fā)送后超時即顯示無數(shù)據(jù),過段時間重新發(fā)起請求2017-01-01JavaScript實(shí)現(xiàn)點(diǎn)擊單元格改變背景色的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)點(diǎn)擊單元格改變背景色的方法,涉及JavaScript響應(yīng)鼠標(biāo)事件動態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下2016-02-02Javascript 實(shí)現(xiàn)廣告后加載 可加載百度谷歌聯(lián)盟廣告
本文主要介紹一種新的廣告后加載的方式,支持自定義HTML廣告、百度聯(lián)盟廣告和谷歌聯(lián)盟廣告。這種方式在頁面加載完成后執(zhí)行,不影響內(nèi)容的顯示,對用戶更加友好。2016-05-05antDesign 自定義分頁樣式的實(shí)現(xiàn)代碼
這篇文章主要介紹了antDesign 自定義分頁樣式的實(shí)現(xiàn)代碼,這里用到了自定義指令,如果大家用不到可以按照自己的實(shí)際效果開發(fā),本文通過實(shí)例代碼給大家詳細(xì)講解,需要的朋友可以參考下2022-10-10