一.参数传递和绑定
流程和原理如下:
-
客户端发起请求,请求到达DispatcherServlet。
-
DispatcherServlet根据请求URL和HandlerMapping找到对应的Controller。
-
Controller方法被调用,根据方法参数的类型和注解,确定需要绑定的参数类型。
- 参数解析器把实参按形参的属性进行转化
-
参数绑定成功,Controller方法被执行。
-
Controller方法的返回值被封装成ModelAndView对象,返回给DispatcherServlet。
-
DispatcherServlet根据ViewResolver找到对应的View。
-
View被渲染,将结果返回给客户端。
其原理是通过参数解析器将请求参数转换成方法参数类型的值。SpringMVC提供了多种参数解析器,如基本类型、字符串、数组、集合、对象等。参数解析器根据方法参数的类型和注解,选择合适的参数解析器进行参数绑定
基于how2j实例(单值传递)的理解:演示用户提交产品名称和价格到Spring MVC 其如何接受和处理数据,并返回相应的视图
建立好对应的实体类后,再建立视图addproduct和showproduct两个页面,前者用于提交表单信息,
产品名称 :<input type="text" name="name" value=""><br /> <input type="submit" value="增加商品"> |
值得注意的是,这里的action和我们以往前端设计的不太一样,我们之前是将表单信息提交到另一个JSP页面,但是这个表单的action属性指的是数据传输的目标地址,即将表单数据传输到名为"addProduct"的接收器。具体来说,当用户点击"增加商品"按钮时,表单中的数据会被打包成一个HTTP请求,其中包括了method属性和action属性,发送给接收器,即所用的控制器Controller,那怎么完成action和接收器的对应呢?就是用注解的方式 @RequestMapping("/addProduct") 就行了
另外,method默认的是"GET"方法,这里我尝试了GET和POST两种方法都是可以正常运行的,但这两者有着很不一样的区别,具体来说就是
很明显,地址栏就不一样,GET请求会将请求参数附加在URL的末尾,形成类似于"example.com/path?param1=value1¶m2=value2"的URL。而POST请求则将请求参数放在请求体中,不会在URL中暴露参数信息。所以前者倾向于获取资源,后者倾向于提交表单,对于参数传递和绑定用POST方法是要相对好一些的
在这之后,表单发送请求给控制器进行处理,控制器是最重要的地方也是404是高发地段,首先在这之前一定要想好配置和注解的两个方式的问题,要是运行不出来404的话还是检查的这些方面,要素对这个两个方式的认识不够清晰的话,很容易就杂糅到一起了,又要蒸发几个小时来排错处理
ProductController:
@RequestMapping("/addProduct")注解表示当访问“/addProduct”路径时,会执行add方法,其参数是Product对象,获取表单数据,将形参实例化绑定属性,这个过程就是所说的:参数绑定
进一步再将参数封装到Product后,传递到new ModelAndView中
另外,上述控制器代码也可以表达成:如下代码
@RequestMapping("/addProduct")
public ModelAndView add(Product product) throws Exception {
ModelAndView mav = new ModelAndView();
mav.setViewName("showProduct");
mav.addObject("product", product);
return mav;
其使用了addObject方法来添加产品信息到ModelAndView对象中, 通过${product}来获取对应的产品信息,这种方法比较直观可读性较好,是基于控制器方法中添加模型数据的一种方式,
而 public ModelAndView add(Product product)方法是在控制器中处理HTTP请求的一种方式
最后,Controller完成参数绑定和传递,前端控制器则根据对应的视图名找到showProduct的页面,根据视图里的内容完成渲染,最后展示给用户
showProduct.jsp |
|
二.表单注册(多值绑定和传递)
结果运行:
- 中文问题:需要在web.xml中加入相关配置:
<filter> <filter-name>encodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> <init-param> <param-name>encoding</param-name> <param-value>UTF-8</param-value> </init-param> <init-param> <param-name>forceEncoding</param-name> <param-value>true</param-value> </init-param> </filter> <filter-mapping> <filter-name>encodingFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping>
这样,中文字符就可以正常显示了,尝试过在JSP页面中和springmvc-servlet配置utf-8字符,两个字:没用
-
两个页面设计(regi.jsp和enroll.jsp)
regi.jsp |
<form action="reg" method="post"> 姓名:<input type="text" name="name" /> <br/> 性别:<input type="text" name="xingbie" /> <br/> 年龄:<input type="number" name="age" /><br/> 城市:<select name="city"> <option value="北京">北京</option> <option value="上海">上海</option> <option value="武汉">武汉</option> <option value="洪山区">洪山区</option> <option value="深圳">深圳</option> </select> 爱好: <input type="checkbox" name="hobby" value="唱" />唱 <input type="checkbox" name="hobby" value="跳" />跳 <input type="checkbox" name="hobby" value="RAP" />RAP <input type="checkbox" name="hobby" value="篮球" />篮球<br/> <input type="submit" value="注册" /> |
在练习的基础上,加入了更多的表单元素,如int型的年龄,还有单选框的城市
enroll.jsp |
---|
姓名:${reg.name }<br /> 性别:${reg.xingbie }<br /> 爱好:${reg.hobbys }<br /> 年龄: ${reg.age} <br/> 城市: ${reg.city} |
注意一点,爱好hobby这里需要加s,可能是这个表单项的特殊性,因为可以多选,如果不加s的话就会出现乱码,这个记住就好了
可以发现,引用的时候是靠name这个属性来传递的,最后显示出来的值value这个属性.
3.实体类Regi
在完成这个整体设计的时候,要先完成JSP视图页面的构建,再去构建实体类,最后再去编写控制器,这个逻辑顺序不能搞反了,好比一个前-后-中的关系,要先把先后两样实体框架构建出来,再用控制器这个中间层根据两个实体的需要连接起来
首先是,变量定义:主要是注意好数据的类型,其中hobby这个变量是数组型的,即String[] hobby = {"唱", "跳", "RAP"};
private String name;
private String xingbie;
private String[] hobby;
private String city;
private int age;
其次,是方法定义:大部分都是setter和getter的定义,最重要的地方在后面,
for (String h : hobby)
是一个增强型的 for 循环,说白了就是模仿的python,用于遍历 hobby
数组中的所有元素。在循环体中,通过 sb.append(h).append(" ")
将每个爱好添加到 StringBuilder
对象中,并在每个爱好之间添加一个空格。最后,通过 sb.toString()
将 StringBuilder
对象转换为字符串并返回。这个代码我是第一次见,还挺新奇的一种表达方法,连续用了两个append
public int getage(){
return age; }
public void setage(int age){
this.age=age;}
public String getcity(){
return city; }
public void setcity(String city){
this.city=city; }
public void setHobby(String[] hobby) {
this.hobby = hobby; }
public String getHobbys() {
StringBuilder sb = new StringBuilder();
for (String h : hobby) {
sb.append(h).append(" "); }
return sb.toString(); }
4.控制器(enrollcontroller)
代码不多,但是每个地方都得小心,控制器就是桥梁,把实体类和表达类组合到了一起,形成了一个流程框架,这里我对命名的地方别有用心,故意搞得都挺相似,便于让我彻底理解这个运行逻辑
import pojo.Regi;
@Controller
public class enrollcontroller {
@RequestMapping("/reg")
public ModelAndView add(Regi regi) {
ModelAndView mav = new ModelAndView();
mav.setViewName("enroll");
mav.addObject("reg", regi);
return mav;
第一行,就很明了,直接引入了实体类,这与后面的add(Regi regi)相联系的,为什么要叫参数绑定呢?,其实就是new了一个Regi对象,然后通过这方式访问了实体类中的属性和方法,即完成了创建一个新对象来绑定实体类上的属性和方法
其二, @RequestMapping("/reg")是注解这里的映射名,这个地方就是个标记,是什么不重要,只要保证和表单中的action一致就可以了,干了就是一个类似于量子纠缠的事情,通过标记对应在一起
其三, mav.setViewName("enroll");视图名,这里名必须要和你最后展示出来jsp页面一致,也是一个标记,就像电影院里面按号入座一样,通过号码,找到最后的自己的座位
其四,mav.addObject("reg", regi);reg是键名!,regi是实参,前者reg就是个起名字的,最后return的视图都是通过这个名字来访问实体类的属性和方法的
至此,前-后-中的框架已经闭环,用户填写表单发出请求,前端控制器通过action的属性找到对应的控制器,控制器引入实体类,绑定实体类的参数,将形参实例化封装打包好,找到下一个视图页面,根据视图页面的内容完成视图渲染,展示给用户
三.计算器的练习
结果运行:
过程学习:
主体的部分和前面的学习大同小异,不同就不同在构造方法上,这一块花了很多的时间在改,尝试了各种的排错都有,在最后的jsp页面中我也加入了num1和2的值来确保我的参数值是传递成功了的,出的问题就是在构造方法上
我忽略了所有的方法应该是在一个实体类中的,都是默认的公有方法,如果构造了与类名无关的方法,默认的就不会去执行,MVC中的实体类是有很强的整体性的,必须确保构造方法和变量都是定位在一个类中的,例如下面的代码就是正确的,但是不能写成public float calculator(){...}这样的与参数名无关的,否则就不会定位到默认的执行中,这是我用一个多小时得出来的教训
public float getResult() {
switch (operator) {
case "+":
result = num1 + num2;
break;
case "-":
result = num1 - num2;
break;
case "*":
result = num1 * num2;
break;
case "/":
result = num1 / num2;
break; }
return result;