(IDEA)Spring MVC(拦截器)案例---用户登录系统实现

案例解析:

d25909d685294ebe87f67848e12c9900.png

可以看到这是一个相较完善的spring mvc页面编程,相对完整的实现了拦截器功能实现、页面跳转、及handler控制器管理,根据要求我们需要对以下几个关注点,进行编写:

1.页面跳转:

        我们会给出三个jsp页面,分别是main(主界面)、login(登录界面)、及orderinfo            (订单界面),实现三个界面的跳转、重定向和数据传递。

2.登录功能:

        用户登录的界面、是我们任务放置最多的处理操作。

3.退出功能:

        退出,会清除用户信息,并返回登录界面。

4.拦截器校验登录状态:

        主要针对是否能通过用户校验来保护orderinfo页面信息的安全性,必须用户及密码正确          才能看到相应的信息内容。

用户系统流程图解:

9daca60e0ca444b5a15c2a23e1ea7985.png

案例的实践操作:

新建一个sping mvc文件,若有操作不懂,请转至作者的主页寻找第一个spring mvc配置,并在pom中配置相关的驱动和web.xml(这里不做显示/wepapp包下):

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-
4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>org.example</groupId>
    <artifactId>chapter12</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>war</packaging>
    <properties>
        <maven.compiler.source>8</maven.compiler.source>
        <maven.compiler.target>8</maven.compiler.target>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    </properties>
    <dependencies>
        <!--Spring 核心类-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-context</artifactId>
            <version>5.2.8.RELEASE</version>
        </dependency>
        <!--Spring MVC-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.2.8.RELEASE</version>
        </dependency>
        <!-- servlet -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
            <scope>provided</scope>
        </dependency>
        <!--JSP-->
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.1</version>
            <scope>provided</scope>
        </dependency>

        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>

        <dependency>
            <groupId>taglibs</groupId>
            <artifactId>standard</artifactId>
            <version>1.1.2</version>
        </dependency>
    </dependencies>
</project>

1.pojo用户数据绑定

在java包下新建pojo包,并创建Users类

package pojo;

public class Users {
    private String username;
    private String password;

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

2.控制类的创建

在java内创建controller包,并在包内新建一个UserController包,并在该类中定义跳转到系统首页、跳转到登录页面、跳转到订单信息页面、用户登录和用户退出五个方法,如图下代码显示:

package com.j2ee.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import pojo.Users;

import javax.servlet.http.HttpSession;

@Controller
public class UserController {
    @RequestMapping("/main")
    public String main()
    {
        return "main";
    }
    @RequestMapping("/tologin")
    public String tologin()
    {
        return "login";
    }
    @RequestMapping("/toOrderinfo")
    public String orderfo()
    {
        return "orderinfo";
    }

    //users:获取用户;modle:用于传递信息;session:存放数据
    @RequestMapping("/login")
    public String login(Users users, Model model,HttpSession session)
    {
        String username=users.getUsername();
        String password=users.getPassword();
        if(username!=null&&"zhangsan".equals(username)&&password!=null&&"123456".equals(password)
        )
        {
            //登录成功,跳转到首页
            session.setAttribute("users",users);
            return "forward:main";
        }else {
            //登录失败,给出失败消息,跳转到登录界面
            model.addAttribute("exp","用户名或者是密码错误");
            return "login";

        }

    }

    //退出成功,需要跳转到登录页面
    @RequestMapping("/logout")
    public String logout(HttpSession session)
    {
        session.invalidate();
//session.invalidate()表示使当前会话无效,即清除用户的会话信息。
        return "login";
    }
}

这边有个难理解点是modle和session的解释,这里作以下的归纳:

Model和HttpSession在Spring框架中都是用于在控制器和视图之间传递数据的对象,但它们有一些不同的作用和用法。

  1. Model:
  • Model是用于在请求处理方法和视图之间传递数据的对象。
  • 在处理请求的方法中,可以通过Model对象的addAttribute方法将数据添加到Model中。
  • 在视图中,可以通过表达式来访问Model中的数据,例如${attributeName}。
  • Model对象的作用范围是当前请求,即在处理当前请求期间有效。
  1. HttpSession:
  • HttpSession是用于在整个会话期间保持用户数据的对象。
  • 在处理请求的方法中,可以通过HttpSession对象来存储和获取用户的会话信息。
  • HttpSession中的数据会在用户会话期间一直保持有效,直到会话结束或手动失效。
  • 可以通过session.setAttribute方法将数据存储在会话中,通过session.getAttribute方法来获取存储的数据。
  • HttpSession通常用于在用户登录后保持用户的登录状态,或者在用户访问不同页面时保持一些用户信息。

总结:Model主要用于在请求处理方法和视图之间传递数据,作用范围是当前请求;HttpSession主要用于在整个会话期间保持用户数据,作用范围是整个会话。在实际应用中,可以根据需要选择适合的对象来传递和保持数据。

3.写入相关页面jsp

根据需求,我们需要编写3个不同的页面jsp,分别是main、orderinfo、login,当然我们所有的jsp文件都要放如wepapp/WEB-INF/pages目录下

login界面:

<%--
  Created by IntelliJ IDEA.
  User: 86188
  Date: 2024/5/16
  Time: 10:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户登录</title>
</head>
<body>
<form action="${pageContext.request.contextPath}/login" method="post">
    <div>${exp}</div>
    用户名:<input type="text" name="username"><br>
    密&nbsp;&nbsp;码:<input name="password" type="password"><br>
    <input type="submit" value="登录">

</form>

</body>
</html>

mian页面:

<%--
  Created by IntelliJ IDEA.
  User: 86188
  Date: 2024/5/16
  Time: 10:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>后台系统</title>
</head>
<body>
<li>您好:${users.username}</li>
<li ><a href="${pageContext.request.contextPath}/logout">退出</a></li>
<li ><a href="${pageContext.request.contextPath}/toOrderinfo">订单信息</a></li>
</body>
</html>

orderinfo页面:

<%--
  Created by IntelliJ IDEA.
  User: 86188
  Date: 2024/5/16
  Time: 10:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>订单信息</title>
</head>
<body>
<h2>你好:${users.username}</h2>
<a href=${pageContext.request.contextPath}/logout>退出</a>
<table border="1">
    <tr align="center">
        <td colspan="2">订单:id D3300 </td>
    </tr>
    <tr align="ceter">
        <td>001</td>
        <td>华山佛跳墙</td>
    </tr>
    <tr align="ceter">
        <td>002</td>
        <td>万山猪蹄</td>
    </tr>
    <tr align="ceter">
        <td>003</td>
        <td>武功山清煮</td>
    </tr>
</table>
</body>
</html>

4.配置拦截器拦截登录校验功能

对于整个界面来说,并不是每个请求都需要拦截,首先我们得判断当前请求是否是用户登录的相关请求,如果是则放行。如果不是用户登录的相关请求,则判断Session容器中是否存放了信息。如国Session中储存了用户信息。则表明当前用户已经登录成功,对当前请求放行。否则跳转到登录界面。

在java内创建interceptor包并且创建LoginInterceptor类包,代码如下:

package interceptor;

import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

public class LoginInterceptor implements HandlerInterceptor {

    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
       //针对登录和跳转到登录界面的请求进行放行
        String requestURI = request.getRequestURI();
        if(requestURI.indexOf("/login")>0||requestURI.indexOf("/toLogin")>0)
        {
            //直接放行
            return true;
        }
        HttpSession session = request.getSession();
        Object users = session.getAttribute("users");
        if(users!=null){
            //登录成功,放行
            return true;
        }
        //没有登录,跳转到登录页面
        request.setAttribute("exp","你还没有登录");
        //此处视图解析器不生效
        request.getRequestDispatcher("/WEB-INF/pages/login.jsp").
                forward(request,response);

        return false;
    }

    @Override
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
        HandlerInterceptor.super.postHandle(request, response, handler, modelAndView);
    }

    @Override
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
        HandlerInterceptor.super.afterCompletion(request, response, handler, ex);
    }
}

这里需要对方法中的几个参数做些解释以便了解:

  1. HttpServletRequest request:代表HTTP请求对象,通过该对象可以获取请求的信息,如请求的URI、参数、头部信息等。在这段代码中,通过request对象获取请求的URI和session信息,用于判断用户是否已登录,并进行相应的处理。

  2. HttpServletResponse response:代表HTTP响应对象,通过该对象可以向客户端发送响应数据,如重定向、返回页面内容等。在这段代码中,通过response对象进行请求转发,将请求重定向到登录页面。

  3. Object handler:代表处理器对象,即当前请求要交给哪个处理器(Controller)来处理。在这段代码中,handler参数没有被使用,因为preHandle方法主要用于请求拦截和处理,不涉及具体的处理器对象。

5.配置文件spring-mvc.xml

需要配置的内容包括包扫描、注解驱动、视图解析器、拦截器,具体配置如下:

<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="  
           http://www.springframework.org/schema/beans  
           http://www.springframework.org/schema/beans/spring-beans.xsd  
           http://www.springframework.org/schema/mvc  
           http://www.springframework.org/schema/mvc/spring-mvc.xsd  
           http://www.springframework.org/schema/context  
           http://www.springframework.org/schema/context/spring-context.xsd">
<!-- 配置 Spring MVC 要扫描的包 -->
    <context:component-scan base-package="com.j2ee.controller"/>
    <!-- 配置视图解析器 -->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

    <mvc:interceptors>
<!--        <mvc:interceptor>-->
<!--            <mvc:mapping path=""/>-->
<!--            <-->
<!--        </mvc:interceptor>-->
        <bean class="interceptor.LoginInterceptor"></bean>
    </mvc:interceptors>



</beans>

6.测试

当然,在代码的书写过程中肯定会遇到一些错误,我们要不断试错,以便往后的经验的加深与理解

配置号tomcat就可以开始进行测试啦!

测试地址需要在url后输入后缀/tologin:

558795748a244f0c8769a63ec98f58c4.png

输入自己设置的用户名和密码;不过我们先测试密码失败的;

88341905347c432689d31c23a2cd1469.png

如图所示会显示失败信息

接下来测试登录成功的:

03c9e8d216554187b444f481be239043.png

Session接受到用户信息,存储信息,并加以输出

接下来我们便可以选择退出或者信息查看的功能:

d62451cf176242e1b9af82c7b0d48cdf.png

退出显示:

726b0d00586749988ca70e9f603f5fc8.png

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值