SpringMVC學習筆記 (day2)

一、響應數據和結果視圖

黑馬程序員 SpringMVC day2 部分

1.1 返回值分類

1.1.1 返回字符串

import cn.gorit.entity.User;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

@Controller
@RequestMapping("/user")
public class UserController {

    // 返回字符串
    @RequestMapping("/testString")
    public String testString(Model model) {
        System.out.println("testString 執行了");
        User user = new User(); // 實體類 User
        user.setUsername("美美");
        user.setPassword("123321");
        user.setAge(18);
        model.addAttribute("user",user);
        return "success";
    }
}

// 前面經過視圖解析器的處理,均會跳轉到 success.jsp 的界面
    <h5>一、返回字符串</h5>
姓名:${user.username}</br>
密碼:${user.password}</br>
年齡:${user.age}

1.1.2 返回 void

    /**
     * 返回 空,如果沒有返回值,
     * 會默認請求 testVoid.jsp 結果是 404
     * 請求轉發是一次請求
     * 重定向是兩次請求
     */

    @RequestMapping("/testVoid")
    public void testVoid(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        System.out.println("testVoid 執行了");
        // 1. 編寫請求轉發的程序
        // request.getRequestDispatcher("/WEB-INF/pages/success.jsp").forward(request,response);
        
        // 2. 重定向
        // response.sendRedirect("../index.jsp");
        
        // 3. 直接進行相應
        PrintWriter out = response.getWriter();
        request.setCharacterEncoding("utf-8");
        response.setCharacterEncoding("gbk"); // 解決中文亂碼
        response.setContentType("text/html;charset=gbk");
        out.print("你好");
        out.flush();
        out.close();
        return;
    }

1.1.3 返回值是 ModelAndView 對象

    // 和返回 字符串是一致的
    @RequestMapping("/testModelAndView")
    public ModelAndView testModelAndView()  {
        System.out.println("testModelAndView 執行了");
        //Spring 提供
        ModelAndView mv = new ModelAndView();
        User user = new User();
        user.setUsername("小風");
        user.setPassword("456");
        user.setAge(18);
        // 把 user 對象存儲進 mv 對象中,也會把 user 對象存到 request 對象中
        mv.addObject("user",user);

        // 跳轉到哪個頁面
        mv.setViewName("success");
        return mv;
    }

1.2 轉發和重定向

    /**
     * 使用關鍵字的形式進行轉發或重定向
     * */
    @RequestMapping("/testForwardOrRedirect")
    public String testForwardOrRedirect()  {
        System.out.println("testForwardOrRedirect 執行了");

        // 請求的轉發
//        return "forward:/WEB-INF/pages/success.jsp";

        // 重定向(返回根目錄)
        return  "redirect:/index.jsp";
    }

1.3 ajax 響應 json 字符串

  1. 在 pom.xml 添加 json 解析依賴
<!--        json 解析-->
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.10.0</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-core</artifactId>
            <version>2.10.0</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-annotations</artifactId>
            <version>2.10.0</version>
        </dependency>
  1. 編寫前端 ajax 請求
    <button id="btn">發送 ajax</button>

    <script type="text/javascript">
        // 頁面加載,綁定單擊事件
        $(function () {
            $("#btn").click(function () {
                // alert("Hello");
                $.ajax({
                    url:"user/testAjax",
                    type:"post",
                    contentType:"application/json;charset=UTF-8",
                    data:'{"username":"hehe","password":"122","age":30}', // 傳 json 數據
                    dataType:"json",
                    success:function (data) {
                        // data 爲服務端響應的 json 數據,進行解析
                        alert(data);
                        alert(data.username);
                        alert(data.password);
                        alert(data.age);
                    }
                })
            })

        })
    </script>
  1. ajax 響應(後端處理)
    // 模擬異步請求相應
    @RequestMapping("/testAjax")
    public @ResponseBody User testAjax(@RequestBody User user)  {
        System.out.println("testAjax 執行了");
        // 接收 客戶端發送的 ajax 請求,傳的是 json 字符串,後端吧 json 字符串封裝到 user對象中
        System.out.println(user);
//       得到 json 串,並相應處理 {"username":"hehe","password":"122","age:30}
        // 做響應,模擬查詢數據庫
        user.setUsername("hehe");
        user.setAge(40);
        // 做響應
        return user;
    }

二、SpringMVC 實現文件上傳

2.1 文件上傳

  1. 文件上傳的 前提
    在這裏插入圖片描述

2.2 傳統方式上傳 文件

上傳依賴的 jar 包

<dependency>
    <groupId>commons-fileupload</groupId>
    <artifactId>commons-fileupload</artifactId>
    <version>1.3.3</version>
</dependency>
<dependency>
    <groupId>commons-io</groupId>
    <artifactId>commons-io</artifactId>
    <version>2.5</version>
</dependency>文件

文件上傳前端代碼

    <h3>文件上傳</h3>
    <form action="user/fileupload1" method="post" enctype="multipart/form-data">
        <input type="file" name="upload"/><br>
        <input type="submit" value="上傳">
    </form>

後端 controller

@Controller
@RequestMapping("/user")
public class UserController {  
    
	@RequestMapping("/fileupload1")
    public String fileUpload(HttpServletRequest request) throws Exception {
        System.out.println("文件上傳。。。");

        // 使用 fileupload 完成文件上傳
        String path =  request.getSession().getServletContext().getRealPath("/uploads/");
        // 判斷路徑是否存在
        File file = new File(path);
        if (!file.exists()) {
            // 創建該文件夾
            file.mkdirs();
        }

        // 解析 request 對象,獲取上傳文件項
        DiskFileItemFactory factory = new DiskFileItemFactory();
        ServletFileUpload upload = new ServletFileUpload(factory);
        // 解析 request
        List<FileItem> items = upload.parseRequest(request);
        // 遍歷
        for (FileItem item: items) {
            // 進行判斷,當前的 item 對象是否爲上傳文件項
            if (item.isFormField()) {
                // 普通的表單項目
            } else {
                // 上傳文件項
                // 獲取到上傳文件的名稱
                String fileName = item.getName();
                // 把每一個文件名稱設置唯一值, uuid
                String uuid = UUID.randomUUID().toString().replace("-","");
                fileName = uuid +"_"+ fileName;
                // 完成文件上傳
                item.write(new File(path,fileName));
                // 刪除臨時文件
                item.delete();
            }
        }
        return "success";
    }
   
}

2.3 SpringMVC 提供的文件上傳

上傳原理

在這裏插入圖片描述

前端頁面

    <h3>文件上傳 SpringMVC</h3>
    <form action="user/fileupload2" method="post" enctype="multipart/form-data">
        <input type="file" name="upload"/><br>
        <input type="submit" value="上傳">
    </form>

Springmvc.xml

添加一個文件解析器

    <!-- 配置文件解析器對象 -->
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <property name="maxUploadSize" value="10240" />
    </bean>

controller 編寫

    // SpringMVC 文件上傳
    @RequestMapping("/fileupload2")
    public String fileupload2(HttpServletRequest request, MultipartFile upload) throws Exception {
        System.out.println("文件上傳。。。");

        // 使用 fileupload 完成文件上傳
        String path =  request.getSession().getServletContext().getRealPath("/uploads/");
        // 判斷路徑是否存在
        File file = new File(path);
        if (!file.exists()) {
            // 創建該文件夾
            file.mkdirs();
        }
        // 上傳文件項
        // 獲取到上傳文件的名稱
        String fileName = upload.getOriginalFilename();
        // 把每一個文件名稱設置唯一值, uuid
        String uuid = UUID.randomUUID().toString().replace("-","");
        fileName = uuid +"_"+ fileName;

        // 完成文件上傳
        upload.transferTo(new File(path,fileName));
        return "success";
    }

2.4 跨服務器文件上傳

在這裏插入圖片描述

添加 jar 包 即可,開兩個 Tomcat服務器,使用不同的端口進行跨服務器上傳文件
在這裏插入圖片描述

三、SpringMVC 異常處理

3.1 異常處理思路

在這裏插入圖片描述

3.2 處理異常

不知道爲啥,我這裏就總是報 500 錯誤

  1. 編寫自定義異常類 (做提示信息的)
  2. 編寫異常處理器
  3. 配置異常處理器 (跳轉到顯示頁面)

前端跳轉頁面

    <!-- 異常處理報錯~ -->
    <h3>異常處理</h3>
    <a href="user/testException">異常處理</a>

異常處理 controller 編寫

@Controller
@RequestMapping("/user")
public class UserController {
    // 異常處理
    @RequestMapping("/testException")
    public String testException() throws SysException {
        System.out.println("testException。。。");
        try {
            // 模擬異常
            int a = 10/0;
        } catch (Exception e) {
            // 打印異常信息
            e.printStackTrace();
            // 拋出自定義異常信息
            throw new SysException("查詢的所有用戶出現了錯誤");
        }
        return "success";
    }
 }

自定義異常器

package cn.gorit.exception;

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

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

/**
 * 異常處理器
 * */
public class SysExceptionResolver  implements HandlerExceptionResolver {

    /**
     * 處理異常業務邏輯
     * */
    @Override
    public ModelAndView resolveException(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) {
        // 獲取異常對象
        SysException e = null;
        if (ex instanceof  SysException) {
            e = (SysException)ex;
        } else {
            e = new SysException("系統正在維護");
        }
        // 創建 ModelAndView 對象
        ModelAndView mv = new ModelAndView();
        mv.addObject("errorMsg", e.getMessage());
        mv.setViewName("error"); // 跳轉的頁面,這裏要記得在 WEB-INF/pages 下編寫一個 error.jsp
        return mv;
    }

}

package cn.gorit.exception;

/**
 * 自定義異常類
 * */
public class SysException extends Exception{
    // 存儲提示新
    private String message;

    public String getMessage() {
        return message;
    }

    public void setMessage(String message) {
        this.message = message;
    }

    public SysException(String message) {
        this.message = message;
    }
}

springmvc.xml 配置

    <!-- 配置異常處理器 -->
    <bean id="sysExceptionResolver" class="cn.gorit.exception.SysExceptionResolver"></bean>

四、SpringMVC 攔截器

4.1 攔截器作用

在這裏插入圖片描述

4.2 編寫攔截器

在這裏插入圖片描述

4.3 攔截器編寫

  1. 前端界面跳轉
    <h3>攔截器</h3>
    <a href="test/testIntercepter">攔截器</a>
  1. 後端 controller 編寫
package cn.gorit.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/test")
public class TestController {
    /**
     * 攔截器
     * */
    @RequestMapping("/testIntercepter")
    public String testIntercepter()  {
        System.out.println("testIntercepter。。。");

        return "success";
    }
}
  1. 攔截器類編寫
package cn.gorit.interceptor;

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

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

/**
 * 自定義攔截器
 * */
public class MyInterceptor implements HandlerInterceptor {

    /**
     * 預處理
     * return true 表示放行,執行下一個攔截器,如果沒有,則執行 controller方法
     * */
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        System.out.println("攔截器執行了");
        return true;
    }

    /**
     * 後處理方法,controller 方法執行之後,success.jsp 執行之前
     * */
    @Override
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
        System.out.println("攔截器執行了,succes.jsp 加載之前");
    }

    /**
     * success.jsp 執行了,該方法會執行
     * */
    @Override
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
        System.out.println("攔截器執行了 success.jsp 之後");
    }
}
  1. 攔截器 springmvc.xml 配置
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
           http://www.springframework.org/schema/beans/spring-beans-3.0.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-3.0.xsd">

    <!-- 使用註解開發時,要告知 spring在創建容器時要掃描的包-->
    <context:component-scan base-package="cn.gorit"></context:component-scan>

    <!--    視圖解析器對象 -->
    <bean id="internalResourceViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/"></property>
        <property name="suffix" value=".jsp"></property>
    </bean>

    <!-- 前端控制器 有哪些靜態資源不攔截  釋放靜態資源,否則靜態資源無法訪問 -->
    <mvc:resources mapping="/js/**" location="/js/"></mvc:resources>
    <mvc:resources mapping="/css/**" location="/csss/"></mvc:resources>
    <mvc:resources mapping="/images/**" location="/images/"></mvc:resources>

    <!-- 配置攔截器 -->
    <mvc:interceptors>
        <!-- 配置攔截器 -->
        <mvc:interceptor>
            <!-- 要攔截的具體方法 -->
            <mvc:mapping path="/**"/>
            <!-- 不要攔截的方法 -->
<!--            <mvc:exclude-mapping path=""/>-->
            <!-- 配置攔截器對象 -->
            <bean class="cn.gorit.interceptor.MyInterceptor"></bean>
        </mvc:interceptor>
    </mvc:interceptors>
    
    <!-- 開啓 SpringMVC 註解的支持, 自定義類型轉換器 -->
    <mvc:annotation-driven/>
</beans>

運行效果
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章