Spring MVC系列教材 （四）- 接受表单数据

浏览器提交数据是非常常见的场景，本例演示用户提交产品名称和价格到Spring MVC Spring MVC如何接受数据

步骤1:先运行，看到效果，再学习
步骤2:模仿和排错
步骤3:效果
步骤4:pojo
步骤5:addProduct.jsp
步骤6:ProductController
步骤7:showProduct.jsp
步骤8:测试
步骤9:练习

步骤 1 : 先运行，看到效果，再学习

老规矩，先下载下载区(点击进入)的可运行项目，配置运行起来，确认可用之后，再学习做了哪些步骤以达到这样的效果。

访问页面提交数据

http://127.0.0.1:8080/springmvc/addProduct.jsp

步骤 2 : 模仿和排错

在确保可运行项目能够正确无误地运行之后，再严格照着教程的步骤，对代码模仿一遍。
模仿过程难免代码有出入，导致无法得到期望的运行结果，此时此刻通过比较正确答案 ( 可运行项目 ) 和自己的代码，来定位问题所在。
采用这种方式，学习有效果，排错有效率，可以较为明显地提升学习速度，跨过学习路上的各个槛。

推荐使用diffmerge软件，进行文件夹比较。把你自己做的项目文件夹，和我的可运行项目文件夹进行比较。
这个软件很牛逼的，可以知道文件夹里哪两个文件不对，并且很明显地标记出来
这里提供了绿色安装和使用教程：diffmerge 下载和使用教程

步骤 3 : 效果

这是通过页面增加产品名称和价格后，Spring MVC接受到参数，并显示出来

步骤 4 : pojo

实体类Product

package 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

在web目录下 （不是在WEB-INF下）增加商品的页面addProduct.jsp
注意：产品名称input的name要使用name，而不是 product.name

<%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8" import="java.util.*" isELIgnored="false"%> <form action="addProduct">     产品名称 ：<input type="text" name="name" value=""><br />     产品价格： <input type="text" name="price" value=""><br />     <input type="submit" value="增加商品"> </form>

步骤 6 : ProductController

控制器ProductController，准备一个add方法映射/addProduct路径

为add方法准备一个Product 参数，用于接收注入

最后跳转到showProduct页面显示用户提交的数据


注： addProduct.jsp 提交的name和price会自动注入到参数 product里
注： 参数product会默认被当做值加入到ModelAndView 中，相当于：

mav.addObject("product",product);

package controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.ModelAttribute; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.servlet.ModelAndView; import 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" isELIgnored="false"%> 产品名称： ${product.name}<br> 产品价格： ${product.price}

步骤 8 : 测试

访问页面

http://127.0.0.1:8080/springmvc/addProduct.jsp

提交数据，显示结果

步骤 9 : 练习

参考本例的addProduct，做一个addCategory

更多内容，点击了解： https://how2j.cn/k/springmvc/springmvc-form/618.html