當(dāng)前位置：首頁 > 前端技术 > javascript >内容正文

javascript

SpringMVC 刷课笔记

發(fā)布時(shí)間：2023/12/14 javascript 44 豆豆

生活随笔收集整理的這篇文章主要介紹了 SpringMVC 刷课笔记小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

SpringMVC 筆記

一、Hello SpringMVC

原理圖（我們只需要做虛線部分，實(shí)現(xiàn)的Spring幫我們做了）

簡要分析執(zhí)行流程

DispatcherServlet表示前置控制器，是整個(gè)SpringMVC的控制中心。用戶發(fā)出請(qǐng)求，DispatcherServlet接收請(qǐng)求并攔截請(qǐng)求。

我們假設(shè)請(qǐng)求的url為 : http://localhost:8080/SpringMVC/hello
如上url拆分成三部分:
http://localhost:8080服務(wù)器域名.
SpringMVC部署在服務(wù)器上的web站點(diǎn).
hello表示控制器
通過分析，如上url表示為:請(qǐng)求位于服務(wù)器localhost:8080上的SpringMVC站點(diǎn)的hello控制器。

HandlerMapping為處理器映射。 DispatcherServlet調(diào)用HandlerMapping, HandlerMapping根據(jù)請(qǐng)求url查找Handler。

HandlerExecution表示具體的Handler,其主要作用是根據(jù)url查找控制器，如上url被查找控制器為: hello。

HandlerExecution將解析后的信息傳遞給DispatcherServlet,如解析控制器映射等。

HandlerAdapter表示處理器適配器，其按照特定的規(guī)則去執(zhí)行Handler。

Handler讓具體的Controller執(zhí)行。

Controller將具體的執(zhí)行信息返回給HandlerAdapter ,如ModelAndView。

HandlerAdapter將視圖邏輯名或模型傳遞給DispatcherServlet。

DispatcherServlet調(diào)用視圖解析器(ViewResolver)來解析HandlerAdapter傳遞的邏輯視圖名。

視圖解析器將解析的邏輯視圖名傳給DispatcherServlet。

DispatcherServlet根據(jù)視圖解析器解析的視圖結(jié)果，調(diào)用具體的視圖。

最終視圖呈現(xiàn)給用戶。

項(xiàng)目目錄

1、注冊(cè)：DispatcherServlet 這是SpringMVC的核心，請(qǐng)求分發(fā)器，前端控制器
web.xml

<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"version="4.0"><servlet><servlet-name>springMVC</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><init-param><param-name>contextConfigLocation</param-name><param-value>classpath:SpringMVC-Servlet.xml</param-value></init-param><load-on-startup>1</load-on-startup></servlet><servlet-mapping><servlet-name>springMVC</servlet-name><url-pattern>/</url-pattern></servlet-mapping></web-app>

2、配置 SpringMVC-Servlet.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"xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd"><bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping" /><bean class="org.springframework.web.servlet.mvc.SimpleControllerHandlerAdapter" /><bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="internalResourceViewResolver" ><property name="prefix" value="/WEB-INF/jsp/" /><property name="suffix" value=".jsp" /></bean> </beans>

3、編寫 Controller

import org.springframework.web.servlet.ModelAndView; import org.springframework.web.servlet.mvc.Controller;import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse;// 注意：這里先導(dǎo)入Controller接口 public class HelloController implements Controller {public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception {// ModelAndView 模型和視圖ModelAndView mv = new ModelAndView();// 封裝對(duì)象放在ModelAndView中，Modelmv.addObject("msg", "HelloSpringMVC");// 封裝要跳轉(zhuǎn)的視圖，放在ModelAndView中mv.setViewName("hello"); // : /WEB_INF/jsp/hello.jspreturn mv;} }

4、注冊(cè)到Spring容器中（SpringMVC-Servlet.xml 文件）

<bean id="/hello" class="com.example.controller.HelloController" />

5、啟動(dòng) Tomcat 測試

IDEA啟動(dòng)Tomcat服務(wù)器，代碼無誤，但訪問出現(xiàn) 404 錯(cuò)誤

查看控制臺(tái)輸出，看是否確實(shí)jar包

如果jar保存在，就在IDEA的項(xiàng)目發(fā)布中，添加lib依賴

重啟Tomcat

快速生成：

二、使用注解開發(fā)

1、注冊(cè)：DispatcherServlet 這是SpringMVC的核心，請(qǐng)求分發(fā)器，前端控制器（與上文一樣）
2、編寫spring配置文件（SpringMVC-Servlet.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:context="http://www.springframework.org/schema/context"xmlns:mvc="http://www.springframework.org/schema/mvc"xsi:schemaLocation="http://www.springframework.org/schema/beanshttp://www.springframework.org/schema/beans/spring-beans.xsdhttp://www.springframework.org/schema/contexthttp://www.springframework.org/schema/context/spring-context.xsdhttp://www.springframework.org/schema/mvchttp://www.springframework.org/schema/mvc/spring-mvc.xsd "><context:component-scan base-package="com.example.controller" /><mvc:default-servlet-handler /><mvc:annotation-driven /><bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="internalResourceViewResolver" ><property name="prefix" value="/WEB-INF/jsp/" /><property name="suffix" value=".jsp" /></bean></beans>

3、編寫Controller類

import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.RequestMapping;@Controller public class HelloController {// 真實(shí)訪問的地址項(xiàng)目名/HelloController/hello@RequestMapping("/hello")public String hello(Model model){// 封裝數(shù)據(jù)model.addAttribute("msg", "Hello, SpringMVC Annotation!");// 會(huì)被視圖解析器處理；return "hello"; // /WEB-INF/jsp/hello.jsp} }

4、編寫jsp

5、啟動(dòng) Tomcat 測試

總結(jié)：

Spring MVC 必須配置三大件：
處理器映射器、

<bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping" />

處理器適配器、

<bean class="org.springframework.web.servlet.mvc.SimpleControllerHandlerAdapter" />

(通常我們只需要配置視圖解析器，處理器映射器和處理器適配器只需要開啟注解驅(qū)動(dòng)即可，如下：)

<mvc:annotation-driven />

視圖解析器

<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="internalResourceViewResolver" ><property name="prefix" value="/WEB-INF/jsp/" /><property name="suffix" value=".jsp" /></bean>

Controller

@Controller
用在類上代表這個(gè)類被Spring管理；被這個(gè)注解的類中的所有方法，如果返回值是 String ，并且有具體的頁面可以跳轉(zhuǎn)就會(huì)被視圖解析器解析

RequestMapping

@RequestMapping
注解用于映射控制器類或者一個(gè)特定處理程序的方法，可用于類和方法上。用于類上表示所有響應(yīng)請(qǐng)求的方法都是改地址作為父路徑。
@RequestMapping(method = RequestMethod.xxx)
method屬性是對(duì)請(qǐng)求的method屬性的限定。指定必須通過xxx方法訪問。

RestFul風(fēng)格

RestFul就是一個(gè)資源定位及其資源操作的風(fēng)格，基于這個(gè)風(fēng)格設(shè)計(jì)可以更加簡潔，更有層次感，更易于實(shí)現(xiàn)緩存機(jī)制。
請(qǐng)求地址可以一樣，但是請(qǐng)求功能可以不同。

@PathVariable

URL -> /{變量名}

使用@PathVariable(“變量名”)指定變量名（如果變量名和參數(shù)名一致也可以不指定），從而將URL中的值綁定到參數(shù)上。

@RequestMapping("/xxx/{a}/{xxx}") public String test(@PathVariable int a,@PathVariable("xxx") int b){}

可以使用注解@(method名)Mapping來約束我們請(qǐng)求的類型，則不用定義@RequestMapping中的method屬性。如@GetMapping、@PostMapping、@DeleteMapping…

@GetMapping、@PostMapping 配置的地址都是：

http://localhost:8080/SpringMVC_04_controller/add/a/b

但是按照提交的方式會(huì)走 @GetMapping 或 @PostMapping 標(biāo)記的方法
標(biāo)記@GetMapping注解的方法只用處理GET提交請(qǐng)求、通過@PostMapping注解的方法只能處理POST提交的請(qǐng)求…

重定向和轉(zhuǎn)發(fā)

ModelAndView
設(shè)置ModelAndView對(duì)象，根據(jù)view，跳轉(zhuǎn)到指定頁面。
頁面： {視圖解析器前綴} + viewName + {視圖解析器后綴}

通過SpringMVC 來實(shí)現(xiàn)那轉(zhuǎn)發(fā)和重定向 - 無視圖解析器
測試前，需要將視圖解析器的配置注釋掉。

轉(zhuǎn)發(fā)：

return "/index.jsp"; return "forward:/index.jsp";

重定向

return "redirect:/index.jsp";

通過SpringMVC 來實(shí)現(xiàn)那轉(zhuǎn)發(fā)和重定向 - 有視圖解析器
重定向，不需要視圖解析器，本質(zhì)就是重新請(qǐng)求一個(gè)新地方，所以注意路徑問題。
可以重定向到另外一個(gè)請(qǐng)求實(shí)現(xiàn)。

轉(zhuǎn)發(fā)：

return "test";

重定向

return "redirect:/index.jsp"; // return "redirect:hello.do"; // hello.do 為另一個(gè)請(qǐng)求

（路徑問題？）

接收請(qǐng)求參數(shù)以及數(shù)據(jù)回顯

請(qǐng)求參數(shù)

@Controller @RequestMapping("/user") public class UserController {// ?name=xxx@GetMapping("/t1")public String test1(@RequestParam("username") String name, Model model){// 1.接收前端的參數(shù)System.out.println("參數(shù)：" + name);// 2.將返回結(jié)果傳遞給前端： Modelmodel.addAttribute("msg", name);// 3.視圖跳轉(zhuǎn)return "test";}// 前端接收一個(gè)對(duì)象 id name age/*1. 接收前端用戶傳遞的參數(shù)，判斷參數(shù)的名字，假設(shè)名字直接在方法上，可以直接使用2. 假設(shè)傳遞的是一個(gè)User對(duì)象，匹配User的字段名，如果名字一致則匹配，如果名字不一致則匹配不到為默認(rèn)初始值http://localhost:8080/SpringMVC_04_controller/user/t2?name=miaobao&id=1&age=10*/@GetMapping("/t2")public String test2(User user){System.out.println(user);return "test";}}

一般從前端傳遞的參數(shù)使用注解@RequestParam(“前端傳遞參數(shù)名”) 進(jìn)行參數(shù)的命名，方便區(qū)分這是從前端傳遞的參數(shù)

數(shù)據(jù)回顯
- 第一種 ModelAndView

class test{@RequestMapping("/hello")public String hello(Model model){// ModelAndView 模型和視圖ModelAndView mv = new ModelAndView();// 封裝對(duì)象放在ModelAndView中，Modelmv.addObject("msg", "HelloSpringMVC");// 封裝要跳轉(zhuǎn)的視圖，放在ModelAndView中mv.setViewName("hello");return mv;} }

第二種 ModelMap

class test{@RequestMapping("/hello")public String hello(ModelMap map){// 封裝數(shù)據(jù)map.addAttribute("msg", "Hello, SpringMVC Annotation!");// 會(huì)被視圖解析器處理；return "hello";} }

第三種 Model (大部分情況下使用)

class test{@RequestMapping("/hello")public String hello(Model model){// 封裝數(shù)據(jù)model.addAttribute("msg", "Hello, SpringMVC Annotation!");// 會(huì)被視圖解析器處理；return "hello";} }

Model：只有幾個(gè)適用于存儲(chǔ)數(shù)據(jù)的方法，簡化新手對(duì)Model 對(duì)象的操作和理解
ModelMap: 繼承了LinkMap，除了自身的一些方法外，同樣繼承LinkMap的方法和特性
ModelAndView：可以存儲(chǔ)數(shù)據(jù)的同時(shí)，可以進(jìn)行設(shè)置返回的邏輯視圖，進(jìn)行控制視圖層的跳轉(zhuǎn)

亂碼問題

以前亂碼問題是通過過濾器解決，而SpringMVC給我們提供了一個(gè)過濾器，可以在 web.xml 中配置

<filter><filter-name>encoding</filter-name><filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class><init-param><param-name>encoding</param-name><param-value>utf-8</param-value></init-param> </filter> <filter-mapping><filter-name>encoding</filter-name><url-pattern>/*</url-pattern> </filter-mapping>

JSON

JSON(JavaScript Object Notation, JS 對(duì)象簡譜) 是一種輕量級(jí)的數(shù)據(jù)交換格式。
采用獨(dú)立于編程語言的文本格式來存儲(chǔ)表示數(shù)據(jù)
有效提供網(wǎng)絡(luò)傳輸效率

前后端分離時(shí)代：
后端部署后端，提供接口，提供數(shù)據(jù) <<-- JSON -->> 前端獨(dú)立部署，負(fù)責(zé)渲染后端的數(shù)據(jù)

JavaScript代碼示例

// 編寫一個(gè)JavaScript對(duì)象 let user = {name: "面包",age: 18,sex: "男" }; console.log("user對(duì)象：", user);// 將 js 對(duì)象轉(zhuǎn)化為 json 對(duì)象 let json = JSON.stringify(user); console.log("json對(duì)象：", json);// 將 json 對(duì)象轉(zhuǎn)化為 js 對(duì)象 let obj = JSON.parse(json); console.log("obj對(duì)象：", obj);

Jackson

導(dǎo)入依賴

<dependency><groupId>com.fasterxml.jackson.core</groupId><artifactId>jackson-databind</artifactId><version>2.11.2</version> </dependency>

1、@ResponseBody // 他就不會(huì)走視圖解析器，會(huì)直接返回一個(gè)字符串

注解的作用是將controller的方法返回的對(duì)象通過適當(dāng)?shù)霓D(zhuǎn)換器轉(zhuǎn)換為指定的格式之后，寫入到response對(duì)象的body區(qū)，通常用來返回JSON數(shù)據(jù)或者是XML數(shù)據(jù)。

注意：在使用此注解之后不會(huì)再走視圖處理器，而是直接將數(shù)據(jù)寫入到輸入流中，他的效果等同于通過response對(duì)象輸出指定格式的數(shù)據(jù)。

@ResponseBody是作用在方法上的，@ResponseBody 表示該方法的返回結(jié)果直接寫入 HTTP response body 中，一般在異步獲取數(shù)據(jù)時(shí)使用【也就是AJAX】。

注意：在使用 @RequestMapping后，返回值通常解析為跳轉(zhuǎn)路徑，但是加上 @ResponseBody 后返回結(jié)果不會(huì)被解析為跳轉(zhuǎn)路徑，而是直接寫入 HTTP response body 中。比如異步獲取 json 數(shù)據(jù)，加上 @ResponseBody 后，會(huì)直接返回 json 數(shù)據(jù)。@RequestBody 將 HTTP 請(qǐng)求正文插入方法中，使用適合的 HttpMessageConverter 將請(qǐng)求體寫入某個(gè)對(duì)象。

　　@RequestMapping("/login")@ResponseBodypublic User login(User user){return user;}/* 等價(jià)于 */@RequestMapping("/login")public void login(User user, HttpServletResponse response){response.getWriter.write(JSONObject.fromObject(user).toString());}

2、@RequestBody

后端@RequestBody注解對(duì)應(yīng)的類在將HTTP的輸入流(含請(qǐng)求體)裝配到目標(biāo)類(即:@RequestBody后面的類)時(shí)，會(huì)根據(jù)json字符串中的key來匹配對(duì)應(yīng)實(shí)體類的屬性，
如果匹配一致且json中的該key對(duì)應(yīng)的值符合(或可轉(zhuǎn)換為)實(shí)體類的對(duì)應(yīng)屬性的類型要求時(shí)，會(huì)調(diào)用實(shí)體類的setter方法將值賦給該屬性。

3、@RestController

@RestController = @Controller + @ResponseBody組成
返回json數(shù)據(jù)不需要在方法前面加@ResponseBody注解了，
但使用@RestController這個(gè)注解，就不能返回jsp,html頁面，視圖解析器無法解析jsp,html頁面
標(biāo)注在類上，下面的所有方法只會(huì)返回接口的數(shù)據(jù)（前后端分離使用）

測試

public class User {private String name;private int age;private String sex;// getter and setter } @Controller public class UserController {@RequestMapping("/json1")@ResponseBody // 他就不會(huì)走視圖解析器，會(huì)直接返回一個(gè)字符串public String json1() throws JsonProcessingException {// jackson : ObjectMapperObjectMapper mapper = new ObjectMapper();User user = new User("面包1", 3, "男");String s = mapper.writeValueAsString(user);return s;}}

發(fā)現(xiàn)有亂碼問題，我們需要設(shè)置一下他的編碼格式為utf-8,以及返回的類型
通過 @RequestMapping 的 produces 屬性來實(shí)現(xiàn)，

@RequestMapping(value = "/json1", produces = "application/json;charset=utf-8")

亂碼問題統(tǒng)一解決

上一種方式比較復(fù)雜，可以使用Spring配置統(tǒng)一指定，這樣就不用每次都去處理

可以在SpringMVC配置文件中添加一段消息 StringHttpMassageConverter 轉(zhuǎn)換配置

<mvc:annotation-driven><mvc:message-converters><bean class="org.springframework.http.converter.StringHttpMessageConverter" ><constructor-arg value="UTF-8" /></bean><bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter" ><property name="objectMapper"><bean class="org.springframework.http.converter.json.Jackson2ObjectMapperFactoryBean"><property name="failOnEmptyBeans" value="false" /></bean></property></bean></mvc:message-converters> </mvc:annotation-driven>

測試以及將JSON封裝成工具類

@RestController public class UserController {@RequestMapping("json2")public String json2() throws JsonProcessingException {ObjectMapper mapper = new ObjectMapper();List<User> users = new ArrayList<User>();for (int i = 1; i < 5; i++) {User user = new User("面包"+i+"號(hào)", i, "男");users.add(user);}String str = mapper.writeValueAsString(users);return str;}@RequestMapping("json3")public String json3() throws JsonProcessingException {ObjectMapper mapper = new ObjectMapper();// 不使用時(shí)間戳的方式mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS, false);// 自定義時(shí)間日期格式方式SimpleDateFormat dateFormat = new SimpleDateFormat("YYYY-MM-dd HH:mm:ss");// 指定日期格式mapper.setDateFormat(dateFormat);Date date = new Date();// ObjectMapper ：時(shí)間解析后的默認(rèn)格式為Timestamp(時(shí)間戳)return mapper.writeValueAsString(date);}@RequestMapping("json4")public String json4() throws JsonProcessingException {Date date = new Date();String df = "YYYY-MM-dd HH:mm:ss";return JsonUtils.getJson(date, df);}} public class JsonUtils {public static String getJson(Object object){return getJson(object, "YYYY-MM-dd HH:mm:ss");}public static String getJson(Object object, String dataFormat){ObjectMapper mapper = new ObjectMapper();// 不使用時(shí)間戳的方式mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS, false);// 自定義時(shí)間日期格式方式SimpleDateFormat sdf = new SimpleDateFormat(dataFormat);// 指定日期格式mapper.setDateFormat(sdf);try {return mapper.writeValueAsString(object);} catch (JsonProcessingException e) {e.printStackTrace();}return null;} }

FastJson (阿里開源)

導(dǎo)入依賴

<dependency><groupId>com.alibaba</groupId><artifactId>fastjson</artifactId><version>1.2.73</version> </dependency>

FastJson 三個(gè)主要的類

JSONObject 代表 JSON 對(duì)象
- JSONObject 實(shí)現(xiàn)了 Map 接口，猜想 JSONObject 底層操作是由 Map 實(shí)現(xiàn)的。
- JSONObject 對(duì)應(yīng) json對(duì)象，通過各種形式的get()方法可以獲取json對(duì)象中的數(shù)據(jù)，也可以利用諸如size(),isEmpty()
  等方法獲取 “鍵：值” 對(duì)的個(gè)數(shù)和判斷是否為空，其本質(zhì)是調(diào)用Map接口并調(diào)用接口中的方法實(shí)現(xiàn)。
JSONArray 代表 JSON 數(shù)組
JSON 代表 JSONObject 和 JSONArray 的轉(zhuǎn)變

代碼示例

@RestController @RequestMapping("/fastJson") public class UserController2 {@RequestMapping("/json1")public String test1(){List<User> userList = new ArrayList<User>();User user = null;for (int i = 1; i < 5; i++) {user = new User("面包"+i+"號(hào)", i, "男");userList.add(user);}// Java 裝對(duì)象轉(zhuǎn) JSON 字符串String str1 = JSON.toJSONString(userList);System.out.println("JSON.toJSONString(userList) ==> " + str1);String str2 = JSON.toJSONString(user);System.out.println("JSON.toJSONString(user) ==> " + str2);// JSON 字符串轉(zhuǎn) Java 對(duì)象User json_to_user = JSON.parseObject(str2, User.class);System.out.println("JSON.parseObject(str2, User.class) ==> " + json_to_user);// Java 對(duì)象轉(zhuǎn) JSON 對(duì)象JSONObject jsonObject = (JSONObject) JSON.toJSON(user);System.out.println("(JSONObject) JSON.toJSON(user) ==> " + jsonObject.toJSONString());return str1 + str2 + json_to_user.toString() + jsonObject.toJSONString();}}

AJAX

Ajax 即“Asynchronous Javascript And XML”（異步 JavaScript 和 XML），是指一種創(chuàng)建交互式、快速動(dòng)態(tài)網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)，無需重新加載整個(gè)網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)。

通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，Ajax 可以使網(wǎng)頁實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下，對(duì)網(wǎng)頁的某部分進(jìn)行更新。

測試

@RestController public class AjaxController {@RequestMapping("/t1")public String test(){return "Hello";}@RequestMapping("/a")public void a(String name, HttpServletResponse response) throws IOException {System.out.println("a:param => " + name);if ("mianbao".equals(name)){response.getWriter().print("true");}else{response.getWriter().print("false");}}@RequestMapping("/a2")public List<User> a2(){List<User> userList = new ArrayList<User>();userList.add(new User("面包1", 1, "男"));userList.add(new User("面包2", 2, "女"));userList.add(new User("面包3", 3, "男"));return userList;}} <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head><title>$Title$</title><script src="${pageContext.request.contextPath}/static/js/jquery-3.4.1/jquery-3.4.1.js"></script><script type="text/javascript">function a() {$.post({url: "${pageContext.request.contextPath}/a",data: {"name": $("#username").val()},success: function (res) {alert(res);}});}</script> </head> <body><%-- 失去焦點(diǎn)的時(shí)候，發(fā)起一個(gè)請(qǐng)求到后端 --%>用戶名：<input type="text" id="username" onblur="a()" /> </body> </html> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head><title>Title</title><script src="${pageContext.request.contextPath}/static/js/jquery-3.4.1/jquery-3.4.1.js"></script><script type="text/javascript">$(function () {$("#btn").click(function (e) {$.post("${pageContext.request.contextPath}/a2", function (res) {console.log(res);let html = "";for (let i = 0; i < res.length; i++) {html += "<tr>" +"<td>" + res[i].name + "</td>" +"<td>" + res[i].age + "</td>" +"<td>" + res[i].sex + "</td>" +"</tr>"}$("#content").html(html);});})});</script> </head> <body><input type="button" value="加載數(shù)據(jù)" id="btn" > <table><tr><td>姓名</td><td>年齡</td><td>性別</td></tr><tbody id="content"><%-- 數(shù)據(jù)：后臺(tái) --%></tbody> </table></body> </html>

Ajax 驗(yàn)證用戶名體驗(yàn)

@RequestMapping("/a3")public String a3(String name, String pwd){String msg = "";if (name != null){if ("admin".equals(name)){msg = "ok";}else{msg = "用戶名有誤";}}if (pwd != null){if ("admin".equals(pwd)){msg = "ok";}else{msg = "密碼名有誤";}}return msg;} <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head><title>登錄</title><script src="${pageContext.request.contextPath}/static/js/jquery-3.4.1/jquery-3.4.1.js"></script><script type="text/javascript">function a1() {$.post({url: "${pageContext.request.contextPath}/a3",data: {"name": $("#name").val()},success: function (res) {console.log(res);if (res.toString() === "ok"){$("#nameInfo").css("color", "green");}else{$("#nameInfo").css("color", "red");}$("#nameInfo").html(res);}});}function a2() {$.post({url: "${pageContext.request.contextPath}/a3",data: {"pwd": $("#password").val()},success: function (res) {console.log(res);if (res.toString() === "ok"){$("#pwdInfo").css("color", "green");}else{$("#pwdInfo").css("color", "red");}$("#pwdInfo").html(res);}});}</script></head> <body><p>用戶名： <input type="text" id="name" onblur="a1()"><span id="nameInfo"></span> </p> <p>密碼： <input type="password" id="password" onblur="a2()"><span id="pwdInfo"></span> </p></body> </html>

攔截器

攔截器(Interceptor)，主要完成請(qǐng)求參數(shù)的解析、將頁面表單參數(shù)賦給值棧中相應(yīng)屬性、執(zhí)行功能檢驗(yàn)、程序異常調(diào)試等工作。

Spring MVC 中的攔截器就類似于 Servlet開發(fā)中的過濾器Filter，用于處理器進(jìn)行預(yù)處理和后處理。開發(fā)者可以自己定義攔截器來實(shí)現(xiàn)特定的功能。

過濾器和攔截器的區(qū)別：攔截器是 AOP 思想的具體應(yīng)用。

攔截器是 SpringMVC 框架自己的，只有使用了 SpringMVC 框架的工程才能使用。
攔截器只會(huì)攔截訪問的控制方法，如果訪問的是 jsp/html/css/js/image 是不進(jìn)行攔截的。

自定義攔截器

想要實(shí)現(xiàn)攔截器，必須實(shí)現(xiàn) HandlerInterceptor 接口.

編寫攔截器類：

public class MyInterceptor implements HandlerInterceptor {// 在請(qǐng)求處理的方法之前執(zhí)行// 如果返回 true 執(zhí)行下一個(gè)攔截器// 如果返回 false 就不執(zhí)行下一個(gè)攔截器public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {System.out.println("===================處理前======================");return true;}// 在請(qǐng)求處理方法執(zhí)行之后執(zhí)行 (日志)public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {System.out.println("===================處理后======================");}// 在 DispatcherServlet 處理后執(zhí)行，做清理工作public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {System.out.println("===================清理======================");} }

Spring 配置文件配置攔截器：

<mvc:interceptors><mvc:interceptor><mvc:mapping path="/**"/><bean class="com.example.interceptor.MyInterceptor" /></mvc:interceptor> </mvc:interceptors>

實(shí)現(xiàn)登錄攔截器…

SpringMVC 文件上傳和下載

SpringMVC 上下文中默認(rèn)沒有裝配 MultipartResolver, 因此默認(rèn)情況下不能處理文件上傳工作。
如果需要使用 Spring 的文件上傳功能，則需要在上下文中配置 MultipartResolver。

前端表單需求：為了能夠上傳文件，必須將表單的 method 設(shè)置為 POST 方式，并將 enctype 設(shè)置為
multipart/form-data。只有在這樣的情況下，瀏覽器才會(huì)將用戶選擇的文件以二進(jìn)制數(shù)據(jù)發(fā)送給服務(wù)器。

一、導(dǎo)入.jar 包

文件上傳的jar包：commons-fileupload.jar 和 commons-io.jar 包：

<dependency><groupId>commons-io</groupId><artifactId>commons-io</artifactId><version>2.4</version> </dependency>  <dependency><groupId>commons-fileupload</groupId><artifactId>commons-fileupload</artifactId><version>1.3.3</version> </dependency>  <dependency><groupId>javax.servlet</groupId><artifactId>javax.servlet-api</artifactId><version>4.0.1</version><scope>provided</scope> </dependency>

二、配置bean: MultipartResolver

【！！！注意：這個(gè) bean 的 id 必須為：multipartResolver, 否則上傳文件會(huì)報(bào) 400 錯(cuò)誤】

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"><property name="defaultEncoding" value="utf-8" /><property name="maxUploadSize" value="10485760" /><property name="maxInMemorySize" value="40960" /> </bean>

CommonsMultipartResolver 常用方法：
String getOriginalFilename() : 獲取上傳文件原名
InputStream getInputStream() : 獲取文件流
void transferTo(File dest) : 將上傳文件保存到一個(gè)目錄中

文件上傳

編寫前端頁面

編寫Controller

方式一

// @RequestParam("file") 將 name=file 控件得到的文件封裝成 CommonsMultipartFile 對(duì)象 // 批量上傳 CommonsMultipartFile 則為數(shù)組即可 @RequestMapping("/upload") public String fileUpload(@RequestParam("file") CommonsMultipartFile file, HttpServletRequest request) throws IOException {// 獲取文件名 : file.getOriginalFilename()String uploadFileName = file.getOriginalFilename();// 如果文件名為空，則返回首頁if ("".equals(uploadFileName)){return "redirect:index.jsp";}System.out.println("上傳文件名： " + uploadFileName);// 上傳路徑保存設(shè)置String path = request.getServletContext().getRealPath("/upload");// 如果不存這個(gè)路徑則創(chuàng)建愛File realPath = new File(path);if (!realPath.exists()){realPath.mkdir();}System.out.println("文件保存路徑為： " + realPath);// 獲取文件輸入流InputStream is = file.getInputStream();// 文件輸出流OutputStream os = new FileOutputStream(new File(realPath, uploadFileName));// 讀取寫出int len = 0;byte[] buffer = new byte[1024];while ((len=is.read(buffer)) != -1){os.write(buffer, 0, len);os.flush();}os.close();is.close();return "redirect:index.jsp"; }

方式二

/*采用 file.TransTo 來保存上傳的文件*/ @RequestMapping("/upload2") public String fileUpload2(@RequestParam("file") CommonsMultipartFile file, HttpServletRequest request) throws IOException {// 上傳路徑保存設(shè)置String path = request.getServletContext().getRealPath("/upload");// 如果不存這個(gè)路徑則創(chuàng)建愛File realPath = new File(path);if (!realPath.exists()){realPath.mkdir();}System.out.println("文件保存路徑為： " + realPath);// 通過 CommonsMultipartFile 的方法直接寫文件file.transferTo(new File(realPath + "/" + file.getOriginalFilename()));return "redirect:index.jsp"; }

測試

…

文件下載

設(shè)置 response 響應(yīng)頭

讀取文件 -> InputStream

寫出文件 -> OutputStream

執(zhí)行操作

關(guān)閉流 (先開后關(guān))

代碼實(shí)現(xiàn)：

@RequestMapping("/downloa")public String download(HttpServletRequest request, HttpServletResponse response) throws IOException {// 要下載的圖片地址String path = request.getServletContext().getRealPath("/upload");String fileName = "test.jpg";// 1. 設(shè)置 response 響應(yīng)頭response.reset(); // 設(shè)置頁面不緩存，清空 bufferresponse.setCharacterEncoding("UTF-8"); // 字符編碼response.setContentType("multipart/form-data"); // 以二進(jìn)制的方式傳輸數(shù)據(jù)// 設(shè)置響應(yīng)頭response.setHeader("content-Disposition", "attachment;fileName=" + URLEncoder.encode(fileName, "UTF-8"));File file = new File(path, fileName);// 2. 讀取文件 -> InputStreamInputStream is = new FileInputStream(file);// 3. 寫出文件 -> OutputStreamOutputStream out = response.getOutputStream();int len = 0;byte[] buffer = new byte[1024];// 4. 執(zhí)行寫出操作while ((len = is.read(buffer)) != -1){out.write(buffer, 0, len);out.flush();}// 5. 關(guān)閉流out.close();is.close();return null;}

總結(jié)

以上是生活随笔為你收集整理的SpringMVC 刷课笔记的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇： OpenCV图像处理----图像的二值化
下一篇： 2048游戏 JavaScript实现