步骤 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公众号,关注后实时获知最新的教程和优惠活动,谢谢。
问答区域
2024-05-22
提交后地址无跳转 没改变jsp地址
回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
2022-02-15
步骤8,/addProduct.jsp为什么会被ProductController处理?
3 个答案
Casablancan 跳转到问题位置 答案时间:2023-02-14 如果写成 <form action="addProduct.jsp"> 则无法实现点击按钮提交 show product 的功能,必须用 <form action="addProduct"> 我也不理解这点, 网上带.jsp 居多
koala99 跳转到问题位置 答案时间:2022-04-01 springmvc-servlet.xml文件里配置了这个
<bean id="irViewResolver"
class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/page/" />
<property name="suffix" value=".jsp" />
</bean>
giethang 跳转到问题位置 答案时间:2022-03-19 addProduct.jsp里面的form action="addProduct",表示提交后跳转到/addProduct,然后就被ProductController处理了吧,如有错误请指正
回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
2021-11-11
ProductController中是如何将product对象传给showProduct.jsp的
2021-05-14
有输入框但是输入产品后提交报错404
2021-01-30
为什么我打开addProduct,直接就有数字,没有提交按钮
提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 94 条以前的提问,请 点击查看
提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
|