SPRING MVC第二次作业

一.参数传递和绑定

流程和原理如下:

  1. 客户端发起请求,请求到达DispatcherServlet。

  2. DispatcherServlet根据请求URL和HandlerMapping找到对应的Controller。

  3. Controller方法被调用,根据方法参数的类型和注解,确定需要绑定的参数类型。

  4. 参数解析器把实参按形参的属性进行转化
  5. 参数绑定成功,Controller方法被执行。

  6. Controller方法的返回值被封装成ModelAndView对象,返回给DispatcherServlet。

  7. DispatcherServlet根据ViewResolver找到对应的View。

  8. View被渲染,将结果返回给客户端。

        其原理是通过参数解析器将请求参数转换成方法参数类型的值。SpringMVC提供了多种参数解析器,如基本类型、字符串、数组、集合、对象等。参数解析器根据方法参数的类型和注解,选择合适的参数解析器进行参数绑定

基于how2j实例(单值传递)的理解:演示用户提交产品名称和价格到Spring MVC 其如何接受和处理数据,并返回相应的视图

建立好对应的实体类后,再建立视图addproduct和showproduct两个页面,前者用于提交表单信息,


<form action="addProduct">

    产品名称 :<input type="text" name="name" value=""><br />
    产品价格: <input type="text" name="price" value=""><br />

    <input type="submit" value="增加商品">
</form>

        值得注意的是,这里的action和我们以往前端设计的不太一样,我们之前是将表单信息提交到另一个JSP页面,但是这个表单的action属性指的是数据传输的目标地址,即将表单数据传输到名为"addProduct"的接收器。具体来说,当用户点击"增加商品"按钮时,表单中的数据会被打包成一个HTTP请求,其中包括了method属性和action属性,发送给接收器,即所用的控制器Controller,那怎么完成action和接收器的对应呢?就是用注解的方式   @RequestMapping("/addProduct") 就行了

        另外,method默认的是"GET"方法,这里我尝试了GET和POST两种方法都是可以正常运行的,但这两者有着很不一样的区别,具体来说就是

 

         很明显,地址栏就不一样,GET请求会将请求参数附加在URL的末尾,形成类似于"example.com/path?param1=value1&param2=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

产品名称: ${product.name}<br>

产品价格: ${product.price}


二.表单注册(多值绑定和传递)

结果运行:


  1. 中文问题:需要在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字符,两个字:没用

  2. 两个页面设计(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;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值