浏览器提交数据是非常常见的场景,本例演示用户提交产品名称和价格到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