接收表單數據 · 框架整合

# 接受表單數據 ## 步驟 1 : 先運行，看到效果，再學習先將完整的項目（向老師要相關資料），配置運行起來，確認可用之后，再學習做了哪些步驟以達到這樣的效果。訪問頁面提交數據 `http://localhost:8080/springmvc/addProduct.jsp` ## 步驟 2 : 模仿和排錯在確保可運行項目能夠正確無誤地運行之后，再嚴格照著教程的步驟，對代碼模仿一遍。模仿過程難免代碼有出入，導致無法得到期望的運行結果，此時此刻通過比較**正確答案**( 可運行項目 ) 和自己的代碼，來定位問題所在。采用這種方式，**學習有效果，排錯有效率**，可以較為明顯地提升學習速度，跨過學習路上的各個檻。 ## 步驟 3 : 效果這是通過頁面增加產品名稱和價格后，Spring MVC接受到參數，并顯示出來 ![](https://box.kancloud.cn/f9d142bc1125c26eae0acf64ad535935_761x232.png) ## 步驟 4 : pojo 實體類Product ~~~ package com.dodoke.pojo; public class Product { private int id; private String name; private float price; public int getId() { return id; } public void setId(int id) { this.id = id; } public String getName() { return name; } public void setName(String name) { this.name = name; } public float getPrice() { return price; } public void setPrice(float price) { this.price = price; } } ~~~ ## 步驟 5 : addProduct.jsp 在WebContent目錄下（不是在WEB-INF下）增加商品的頁面addProduct.jsp（用于提交數據） ~~~ <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <form action="addProduct"> 產品名稱：<input type="text" name="name" value=""><br> 產品價格：<input type="text" name="price" value=""><br> <input type="submit" value="增加商品"> </form> </body> </html> ~~~ ## 步驟 6 : ProductController 控制器ProductController，準備一個add方法映射/addProduct路徑為add方法準備一個Product 參數，用于接收注入最后跳轉到showProduct頁面顯示用戶提交的數據注： addProduct.jsp 提交的name和price會自動注入到參數 product里(自動綁定) 注：參數product會默認被當做值加入到ModelAndView 中，相當于： `mav.addObject("product",product);` ~~~ package com.dodoke.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.servlet.ModelAndView; import com.dodoke.pojo.Product; @Controller public class ProductController { @RequestMapping("/addProduct") public ModelAndView add(Product product) throws Exception { ModelAndView mav = new ModelAndView("showProduct"); return mav; } } ~~~ ## 步驟 7 : showProduct.jsp 在WEB-INF/page 目錄下創建 showProduct.jsp 用 EL 表達式顯示用戶提交的名稱和價格 ~~~ <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> 產品名稱：${product.name } 產品價格：${product.price } </body> </html> ~~~ ## 步驟 8 : 測試訪問頁面 `http://localhost:8080/springmvc/addProduct.jsp` 提交數據，顯示結果 ![](https://box.kancloud.cn/f9d142bc1125c26eae0acf64ad535935_761x232.png) > 整體流程總結： > `http://localhost:8080/springMVC/addProduct.jsp`\--> addProduct.jsp --> form提交到"addProduct"對應的ProductController.add(Product product) --> ModelAndView mav = new ModelAndView("showProduct") --> 跳轉到showProduct.jsp ## 常見問題 1. ${product} 從何而來？ > 不是參數名稱，而是參數類型的小寫吧 > 比如參數寫的是Product xxx,其實是把Product小寫成product后默認放在mav里。 > 詳細解釋： > add()方法的【參數類型】會自動轉小駝峰并加入到 ModelAndView 中作為 addObject() 的【第一個參數】，相當于 addObject("theFirstParam", product); > > 綜上：addObject 里第一個參數是根據 add() 的參數類型自動轉成小駝峰命名，第二個參數是 add() 的參數名。 > 區分命名，舉個極端的栗子就明白了， ~~~ // bean 部分代碼 public class MyFuckingProduct {...} ? // controller 部分代碼 public ModelAndView add(MyFuckingProduct 隨便寫我寫中文應該沒人發現吧) {...} ? // jsp 部分代碼 ${myFuckingProduct.name} ? // controller 中相當于 mav.addObject("myFuckingProduct", 隨便寫我寫中文應該沒人發現吧); ~~~ > 大家注意 add() 方法的參數，參數名是什么根本不用管，瞎寫一通 fhdhdfai2u3y，沒有關系，因為默認的 addObject()方法第一個參數只跟你的參數類型有關系，第二個參數就是你瞎寫的參數名。 > 相當于：addObject("myFuckingProduct", 隨便寫我寫中文應該沒人發現吧); > 然后 EL 表達式寫什么就很明了了。 2. 下列代碼，是否可以自己定義addObject()? ~~~ public ModelAndView add(Product product) throws Exception { ModelAndView mav = new ModelAndView("showProduct"); return mav; } ~~~ > 可以，mav.addObject("product",product);省略了。如果你想改參數也可以，加上這個mv.addObject("pro",pro); > 第一個product相當于鍵值對的鍵，第二個product就是你的對象。 > 在show頁面你就應該寫 pro.屬性了。 2. 請問在接收到兩個參數后，控制器是怎么把名稱和價格注入到product對象中的，好像沒看到注解什么的，是默認會注入的嗎？ > springmvc的工作模式是這樣的，當他發現頁面傳遞過來有參數name的時候，同時檢測到參數的Product這個類，有setName方法，那么就會把參數name的值，注入到這個product對象里去了。默認是按屬性名匹配的。 3. 為add增加一個Product類型的參數是不是就是“注入”的應用呢？學到這個地方總感覺怪怪的，為什么要通過參數注入呢？直接在方法內部實例化這個對象不就得了？ > 在方法參數上注入，那么在方法里就可以直接使用該對象了。而不需要向servlet那樣，自己手動去實例化一個對象，手動獲取request.getParameter("name")，手動設置在實例上。 > 這恰恰就是springmvc提高效率的地方，開發人員只需要關注在業務代碼上面，其他的都交給框架做掉了。 4. @RequestMapping("/addProduct") 作用 > 這里面的"/addProduct"是匹配請求路徑，你的form表單提交時候你的action是addProduct，那么提交就會生成 /addProduct 這個請求的url，然后被你的requestMapping("/addProduct")匹配到，它就執行這個方法。