易居住房11（过滤器拦截+图片轮播）

最新推荐文章于 2021-06-20 15:44:15 发布

Suoh_Mikoto

最新推荐文章于 2021-06-20 15:44:15 发布

阅读量223

点赞数

本文链接：https://blog.csdn.net/Suoh_Mikoto/article/details/102855307

版权

在“易居住房10”的基础上进行增加或修改代码

过滤器拦截
“yiju”中添加“filter”包，在“filter”包中添加“LoginFilter.java”
在这里插入图片描述
“LoginFilter.java”代码如下

package com.yiju.filter;

import com.yiju.bean.UserInfo;

import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;

public class LoginFilter implements Filter {
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {

    }

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        HttpServletRequest request= (HttpServletRequest) servletRequest;
        HttpServletResponse response= (HttpServletResponse) servletResponse;
        HttpSession session=request.getSession();
        String path=request.getContextPath();
        String url=request.getRequestURI();
        UserInfo userInfo= (UserInfo) session.getAttribute("user");
        if (userInfo==null && url.indexOf("login2.do")==-1
                && url.indexOf("findFourHouse.do")==-1
                && url.indexOf("main.jap")==-1
                && url.indexOf("login.jsp")==-1
                && url.indexOf("index.jsp")==-1
                && (!"/".equals(url))
        ){
            response.sendRedirect(path+"/pages/login.jsp");
        } else {
            filterChain.doFilter(request,response);
        }
    }

    @Override
    public void destroy() {

    }
}

“web.xml”增加代码

   <!-- 拦截 -->
  <filter>
    <filter-name>loginFilter</filter-name>
    <filter-class>com.yiju.filter.LoginFilter</filter-class>
  </filter>
  <filter-mapping>
    <filter-name>loginFilter</filter-name>
    <url-pattern>*.do</url-pattern>
    <url-pattern>*.jsp</url-pattern>
  </filter-mapping>

“UserController.java”增加代码

	@RequestMapping("logout.do")
    public String logout(HttpSession session){
        session.removeAttribute("user");
        return "redirect:../index.jsp";
    }

修改“basehead.jsp”如下

<!--头部最上方的框-->
<div class="header">
    <div class="width1190">
        <div class="fl" style="font-size: 14px">您好，欢迎来到<a href="../index.jsp">易居住房信息平台！</a></div>
        <div class="fr">
            <% UserInfo userInfo= (UserInfo) request.getSession().getAttribute("user");%>
            <% if (userInfo==null){%>
            <a href="${pageContext.request.contextPath}/pages/login.jsp" style="font-size: 14px" target="_blank"><strong>登录</strong></a> |
            <a href="${pageContext.request.contextPath}/pages/signup.jsp" style="font-size: 14px" target="_blank"><strong>注册</strong></a>
            <%} else {%>
            <a href="${pageContext.request.contextPath}/pages/personal.jsp" style="font-size: 14px" target="_blank"><strong>你好！${user.phone}</strong></a>
            <%}%>
            <a  style="font-size: 14px">欢迎使用</a>　|
            <a href="${pageContext.request.contextPath}/pages/personal.jsp" style="font-size: 14px" target="_blank"><strong>个人中心</strong></a> |
            <a href="${pageContext.request.contextPath}/user/" style="font-size: 14px"><strong>退出</strong></a> |
            <a href="javascript:;" onclick="" style="font-size: 14px">加入收藏</a> |
            <a href="javascript:;" onclick="" style="font-size: 14px">设为首页</a>
        </div>
        <div class="clears"></div>
    </div><!--width1190/-->
</div>
<!--头部最上方的框-->

页面效果
未登录只显示首页内容，任意点击都会跳转到登录页面，登录成功后“登录|注册”变为“你好！手机号”，例如下图
在这里插入图片描述
图片轮播

在“main.jsp”的<head></head>里的包后增加代码

    <script type="text/javascript">
        var picsArr=new Array();
        picsArr[0]="images/lunbotu/fang1.jpg"
        picsArr[1]="images/lunbotu/fang2.jpg"
        picsArr[2]="images/lunbotu/fang3.jpg"
        var index=0;
        var timer=0;
        window.onload=showPic;

        function showNext() {
            clearTimeout(timer);
            showPic();
        }
        function showPic() {
            if(index<(picsArr.length-1)){
                index++;
            }else {
                index=0;
            }
            document.getElementById("pic").src=picsArr[index];
            timer=setTimeout("showPic()",2000);
        }
        function showPre() {
            showPrePic()
        }
        function showPrePic() {
            if(index>0){
                index--;
            }else {
                index=picsArr.length-1;
            }
            document.getElementById("pic").src=picsArr[index];
        }
    </script>

页面效果
首页图片每隔2秒自动轮播，点击左右键可分别跳到上一张，下一张
在这里插入图片描述

Suoh_Mikoto

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
易居住房11（过滤器拦截+图片轮播）

在“易居住房10”的基础上进行增加或修改代码过滤器拦截“yiju”中添加“filter”包，在“filter”包中添加“LoginFilter.java”“LoginFilter.java”代码如下package com.yiju.filter;import com.yiju.bean.UserInfo;import javax.servlet.*;import javax.s...
复制链接

扫一扫