步骤 2 : 模仿和排错 步骤 3 : 效果 步骤 4 : pojo 步骤 5 : addProduct.jsp 步骤 6 : ProductController 步骤 7 : showProduct.jsp 步骤 8 : 测试 步骤 9 : 练习
老规矩,先下载右上角的可运行项目,配置运行起来,确认可用之后,再学习做了哪些步骤以达到这样的效果。
访问页面提交数据 http://127.0.0.1:8080/springmvc/addProduct.jsp
在确保可运行项目能够正确无误地运行之后,再严格照着教程的步骤,对代码模仿一遍。
模仿过程难免代码有出入,导致无法得到期望的运行结果,此时此刻通过比较正确答案 ( 可运行项目 ) 和自己的代码,来定位问题所在。 采用这种方式,学习有效果,排错有效率,可以较为明显地提升学习速度,跨过学习路上的各个槛。 推荐使用diffmerge软件,进行文件夹比较。把你自己做的项目文件夹,和我的可运行项目文件夹进行比较。 这个软件很牛逼的,可以知道文件夹里哪两个文件不对,并且很明显地标记出来 这里提供了绿色安装和使用教程:diffmerge 下载和使用教程
这是通过页面增加产品名称和价格后,Spring MVC接受到参数,并显示出来
实体类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;
}
}
在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>
控制器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;
}
}
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; } }
在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}
访问页面
http://127.0.0.1:8080/springmvc/addProduct.jsp 提交数据,显示结果
参考本例的addProduct,做一个addCategory
HOW2J公众号,关注后实时获知布最新的教程和优惠活动,谢谢。
![]()
问答区域
2018-04-10
关于步骤5中
1 个答案
chestar 答案时间:2018-04-12 你是无法直接放到WEB-INF下的JSP文件,所有请求都要通过 DispatcherServlet路由,然后根据
UrlHandlerMapping找到对应的controller的方法,具体呈现jsp内容是通过ModelAndView读取内容,替换里面的变量。
2018-04-03
跳转showProduct 失败 404
2018-03-27
关于private
2018-03-25
<form action="addProduct">
2018-03-21
下载的项目能跳转到show,自个看着写的跳不了,什么问题。(已经对比很多次没看到啥不同的)
2018-03-09
控制器里边的方法只要 添加该注释@RequestMapping("/index"),然后方法的命名是随便的吗?
2018-02-18
这个 MoelAndView 的 add是自定方法还是重写的方法
2018-02-16
为啥我要写addObject才能接收得到数据呢。。真是奇怪
2018-02-07
SpringMVC好强大
2017-12-14
一堆 product 傻傻分不清楚,${product} 从何而来,抛砖引玉为大家解惑:)
2017-12-12
取值问题
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
希望补充一个原理图
提问之前请登陆 |