how2j.cn

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

相关下载
文件名 文件大小
springmvc.rar 11m
使用站长秘制下载工具
步骤 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>
<%@ 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页面显示用户提交的数据

注: 参数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; } }
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}
<%@ 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 :

练习

Or  姿势不对,事倍功半! 点击查看做练习的正确姿势
参考本例的addProduct,做一个addCategory


HOW2J公众号,关注后实时获知布最新的教程和优惠活动,谢谢。


问答区域    
2017-12-14 一堆 product 傻傻分不清楚,${product} 从何而来,抛砖引玉为大家解惑:)
ultron



绝大部分疑问都是围绕 ${product} 这个 product 到底是哪儿来的,看了站长的回答,其实是有些问题的。 我自己一开始也是一脸懵逼的,经过多次实验以及google,给大家讲一下吧: 如果按照教程好好学过来,大家应该都知道,EL 表达式中的参数应该是来自于 addObject("abc",xxx) 中的第一个参数 abc 站长说的半对半错,他告诉你们参数 product 会默认被当做值加入到 ModelAndView 中 但是没有说,这只是 addObject() 第二个参数的来历,有疑问的其实更关心第一个参数,也就是我们 EL 表达式中要用到的这个 "product" 从何而来:) 一句话,大家就能明白: add()方法的【参数类型】会自动转小驼峰并加入到 ModelAndView 中作为 addObject() 的【第一个参数】,相当于 addObject("theFirstParam", product); 综上:addObject 里第一个参数是根据 add() 的参数类型自动转成小驼峰命名,第二个参数是 add() 的参数名。 区分命名,举个极端的栗子就明白了,这里代码看的不爽点上面【代码】到那里看 bean: public class MyFuckingProduct {...}; controller: public ModelAndView add(MyFuckingProduct 随便写我写中文应该没人发现吧) {...} jsp: ${myFuckingProduct.xxx} 跑一下,bingo! 大家注意 add() 方法的参数,参数名是什么根本不用管,瞎写一通 fhdhdfai2u3y,没有关系,因为默认的 addObject()方法第一个参数只跟你的参数类型有关系,第二个参数就是你瞎写的参数名。 相当于:addObject("myFuckingProduct", 随便写我写中文应该没人发现吧); 然后 EL 表达式写什么就很明了了。 至于内部实现,没空也没能力研究 最后两个建议: 1.采纳网站用户 @yezi2017 的意见:教程中命名尽量区分开 2.添加 markdown 语法支持
// bean 部分代码
public class MyFuckingProduct {...}

// controller 部分代码
public ModelAndView add(MyFuckingProduct 随便写我写中文应该没人发现吧) {...}

// jsp 部分代码
${myFuckingProduct.name}

// controller 中相当于
mav.addObject("myFuckingProduct", 随便写我写中文应该没人发现吧);

							


2 个答案

marvelcaptain 答案时间:2017-12-26
追问一下1:product对象是啥时候创建的 2: ModelAndView mav = new ModelAndView("showProduct");后面应该要加一行 mav.addobject(product,product)吧;

stan_cyf 答案时间:2017-12-25
666,瞬间茅塞顿开啊,感谢




答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2017-12-12 取值问题
啊啊啊啊啊啊



在控制器初始化时创建map存放临时数据。 前面配置了视图解析器,jsp的缩写。 list是我展示数据的页面。这个数据使用input标签展示,我想展示后直接修改并且点击a标签进入controller执行修改。但是update方法获取不到前端输入的值。试了用stu.name也不行。 是因为a标签传递的是get,所以无法获取?
html

<body> 
查询条件:
<table width="100%" border=1>
<tr><td><input type="submit" value="查询"/></td></tr>
</table>
学生列表:
<table width="100%" border=1>
<tr>
	<td>学生ID</td>	
	<td>学生名称</td>
	<td>操作</td>
</tr>
 <c:forEach items="${list}" var="stu">
<tr>
	<td>${stu.key}</td>
	<td><input type="text" name="stu.name" value="${stu.value.name}"/></td>
	<td><a href="${stu.key}/update.action">修改</a></td>
</tr>
 </c:forEach>

</table>
</body>

pojo
public class Student implements Serializable{
	private Integer id;
	private String name;
}

controller

public class StudentController {
	Map<Integer, Student> map = new HashMap<Integer, Student>();

	public StudentController() {
		super();
		map.put(1, new Student(1, "张一"));
		map.put(2, new Student(1, "张二"));
		map.put(3, new Student(1, "张三"));
		map.put(4, new Student(1, "张四"));
	}

	@RequestMapping(value = "/find")
	public String find(Model model) {
		model.addAttribute("list", map);
		return "list";
	}


	@RequestMapping(value = "{id}/update")
	public String update(Model model, @PathVariable int id, Student stu) {
		System.out.println(stu.toString());
		map.put(id, stu);
		model.addAttribute("list", map);
		return "redirect:/find.action";
	}

							


2 个答案

啊啊啊啊啊啊 答案时间:2017-12-12
难道得用ModelAndView?

啊啊啊啊啊啊 答案时间:2017-12-12
pojo有get set没全部写出来




答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2017-11-28 代码都能跑通,忍不住来一句,看评论能学好多,都是大佬
2017-11-24 addProduct没有被访问
2017-11-18 哇 我心态崩了 一直404!
2017-11-16 我下载的项目,输入表单之后,跳转不到显示页面404
2017-11-16 此处右上的代码和文中的不一样,会导致右上代码出错
2017-11-07 哇!!!好伤啊!!站长!!一定要写清楚
2017-10-31 input。。为什么有的时候有value,有的时候没有value。。。同样是提交信息
2017-10-31 每次跑通项目;看看各位大佬的讨论就是收获满满
2017-10-31 IDEA注意,这里省去ADDobject。。显示页面没有数据。。。
2017-10-14 一个小疑问
2017-10-10 @RequestMapping("/addProduct")可以映射多种类型是吗
2017-09-25 form的Action的addProduct指的是什么
2017-09-25 注意:产品名称input的name要使用name,而不是 product.name
2017-09-21 ModelAndView和ModelMap的问题
2017-09-19 提交后状态码404
2017-09-18 有个问题
2017-09-14 请问showProduct.jsp显示的中文出现乱码有什么好的解决方法吗
2017-09-11 关于接受注入的Product 参数名字的问题
2017-09-11 步骤四的一点小问题, 已解决
2017-09-08 步骤8 练习 无异常
2017-09-08 步骤8 练习 添加中文异常
2017-09-06 关于controller用xml方式匹配该如何匹配
2017-09-06 站长大大,感觉框架这块的确太简洁了
2017-08-20 关于映射的问题
2017-08-13 如果controller里面接受注入的类有两个如何指定?
2017-08-11 分享一个web.xml 中class出的问题,已解决
2017-08-04 启动服务报NoSuchMethodError,用的是tomcat6和java7。
2017-07-28 关于两个控制器类的问题
2017-07-28 关于视图定位
2017-07-27 做练习addCategory报404错误
2017-07-13 问题已经解决了。。。
2017-07-13 对原码的疑问
2017-07-13 AddProduct页面没有使用
2017-07-13 一些其他疑问
2017-07-12 怎么我访问addProduct.jsp404啊
2017-06-30 中文乱码问题
2017-06-30 关于produnct去获取属性的问题
2017-06-29 我的修改,对比
2017-06-29 form表单中路径问题
2017-06-29 楼主,这里讲的不好,不应该把页面和action的单词写的一模一样,还有product传值那里,根本不知道,那个对应那个,因为都是一个单词,命名应该故意区别开。
2017-06-25 没看懂 第三步addProduct.jsp有什么用
2017-06-15 可能是tomcat 的错
2017-05-27 product实体类有什么用呢
2017-05-10 为什么showProduct.jsp中能获取到值?
2017-05-03 框架感觉好简洁难学啊。。
2017-04-20 客户端提交数据的问题
2017-04-16 提交表单后显示的还是表单页面
2017-04-14 不在addProduct停留,直接就跳到showProduct是什么原理啊
2017-01-11 参数传递问题
2017-01-05 product
2016-06-06 能不能在此处讲讲注入(DI)
2016-06-06 希望补充一个原理图




提问之前请登陆
关于 JAVA 框架-Spring MVC-接受表单数据 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 389538688
站长会在每个工作日早上尽量回答提问(如果有漏掉没有回答的,请进群提醒一下)
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
站长是玻璃心,提问的时候请语气温柔些 kiss~
截止2017-5-19日累计提问 1638个,站长回答了 1546个
截止2017-8-15日累计提问 2788个,站长回答了 2544个

上传截图