如何实现动态导航栏

在实际运用场景中,类似淘宝,京东的导航栏。用户登录状态和未登录状态时的导航栏是不一样的。

那么如何实现呢。有两种方法,在这里,我主要讲其中的一种,那么我们现在开始吧!

实现:在首页对用户id进行判断,当存在说明登录中,否则就是未登录。

然后相对应的给出导航栏。


要在登录成功时将用户Id存到Session里面

session.setAttribute("userId", userId);	

获取当前路径

<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>

编写两个状态的导航栏

未登录状态

登录状态

首页使用EL的c:choose进行判断选择

导入EL

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!--根据用户id是否存在进行判断显示导航栏的内容  -->
<c:choose>
			<c:when test="${sessionScope.userId ==null}">
            <!--未登录状态导航栏-->
			<%@include file="../head.jsp" %>
			</c:when>
			<c:otherwise>
            <!--登录成功状态导航栏-->
			<%@include file="../test/headSuccess.jsp" %>
			</c:otherwise>
</c:choose>

好了,动态导航栏就这样实现了,记得点赞哦,小编也挺辛苦的

发布了10 篇原创文章 · 获赞 11 · 访问量 384

猜你喜欢

转载自blog.csdn.net/weixin_44715643/article/details/103922773