SpringMVC 页面带数据跳转到controller层【页面→controller】

水深无声 2021-11-17 13:24 360阅读 0赞

**1 传递基本数据类型**

**      A 页面请求地址【带参传递】**

**      B controller层接收参数**

package com.controller;
    
    
    import java.util.List;
    
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.servlet.ModelAndView;
    
    import com.pojo.Items;
    import com.service.ItemService;
    
    @Controller
    public class ItemController {
    	@Autowired
    	private ItemService itemService;
    	// @RequestMapping：里面放的是请求的url，和用户请求的url进行匹配
    	@RequestMapping("/itemEdit.action")
    
    
        //页面传递的参数id  直接该方法的参数  【请求页面和该方法的名称要一致】
        //     Integer id  <<========<<  itemEdit.action?id=${item.id}
    	public ModelAndView queryById(Integer id) {
    		Items items = itemService.queryById(id);
    		// 创建ModelAndView，用来存放数据和视图
    		ModelAndView modelAndView = new ModelAndView();
    		modelAndView.addObject("item", items);
    		//在视图解析器【springmvc.xml】里面会进行拼接【返回的jsp页面】
    		modelAndView.setViewName("editItem");
    		return modelAndView;
    
    	}
    }

**   **  
**2 传递POJO类【Items】**

**请求页面【input的name属性必须与POJO属性名相同】**

POJO类

package com.pojo;
    
    import java.util.Date;
    
    public class Items {
        private Integer id;
    
        private String name;
    
        private Float price;
    
        private String pic;
    
        private Date createtime;
    
        private String detail;
    
        ....get/set.....
    }

<form id="itemForm"	action="${pageContext.request.contextPath }/updateitem.action" method="post">
    		<input type="hidden" name="id" value="${item.id }" /> 修改商品信息：
    		<table width="100%" border=1>
    			<tr>
    				<td>商品名称</td>
    				<td><input type="text" name="name" value="${item.name }" /></td>
    			</tr>
    			<tr>
    				<td>商品价格</td>
    				<td><input type="text" name="price" value="${item.price }" /></td>
    			</tr>
    			 	
    			<tr>
    				<td>商品简介</td>
    				<td><textarea rows="3" cols="30" name="detail">${item.detail }</textarea>
    				</td>
    			</tr>
    			<tr>
    				<td colspan="2" align="center"><input type="submit" value="提交" />
    				</td>
    			</tr>
    		</table>
    
    	</form>

**     controller接收**

//更新操作【如果只需要返回jsp页面不传递数据，那么返回值类型可以为String 会自动拼接到jsp页面】
    	@RequestMapping("/updateitem.action")
    //参数名 要与 请求页面的属性的POJO类名称相同
    	public String queryById(Items items) {
    		itemService.updateById(items);
            //返回updateSuccess.jsp页面
    		return "updateSuccess";
    	}

**3 传递包装类POJO**

**包装类POJO【包装类里面有一个POJO对象】**

package com.pojo;
    
    import java.util.Date;
    
    public class QueryVo{
        private Items items;
        ....get/set.....
    }

**请求页面【input框的name属性修改成了item.\*】**

<form id="itemForm"	action="${pageContext.request.contextPath }/updateitem.action" method="post">
    		<input type="hidden" name="items.id" value="${item.id }" /> 修改商品信息：
    		<table width="100%" border=1>
    			<tr>
    				<td>商品名称</td>
    				<td><input type="text" name="items.name" value="${item.name }" /></td>
    			</tr>
    			<tr>
    				<td>商品价格</td>
    				<td><input type="text" name="items.price" value="${item.price }" /></td>
    			</tr>
    			 	
    			<tr>
    				<td>商品简介</td>
    				<td><textarea rows="3" cols="30" name="items.detail">${item.detail }</textarea>
    				</td>
    			</tr>
    			<tr>
    				<td colspan="2" align="center"><input type="submit" value="提交" />
    				</td>
    			</tr>
    		</table>
    
    	</form>

**     controller接收**

// 绑定包装数据类型
    	@RequestMapping("/queryItem")
    	public String queryItem(QueryVo queryVo) {
    		System.out.println(queryVo.getItem().getId());
    		System.out.println(queryVo.getItem().getName());
    
    		return "success";
    	}

**4 传递数组【页面选中多个checkbox向controller方法传递】**

**    请求页面：**

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>查询商品列表</title>
    </head>
    <body> 
    <form action="${pageContext.request.contextPath }/deleteItems.action" method="post">
    商品列表：
    <table width="100%" border=1>
    <tr>
    	<td></td>
    	<td>商品名称</td>
    	<td>商品价格</td>
    	<td>生产日期</td>
    	<td>商品描述</td>
    	<td>操作</td>
    </tr>
    <c:forEach items="${itemList }" var="item">
    <tr>
    	<td><input type="checkbox" name="ids" value="${item.id }"></td>
    	<td>${item.name }</td>
    	<td>${item.price }</td>
    	<td><fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
    	<td>${item.detail }</td>
    	
    	<td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td>
    
    </tr>
    </c:forEach>
    </table>
    <input type="submit" value="删除选中">
    </form>
    </body>
    
    </html>

**     controller接收**

package com.controller;
    
    
    import java.util.Date;
    import java.util.List;
    
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.servlet.ModelAndView;
    
    import com.pojo.Items;
    import com.service.ItemService;
    
    @Controller
    public class ItemController {
    	@Autowired
    	private ItemService itemService;
    	
    	//批量删除数组
    	@RequestMapping("/deleteItems.action")
    	public String deletes(Integer[] ids) {
    		for (Integer integer : ids) {
    			//System.out.println(integer);
                //删除操作.......
    		}
    		return "success";
    	}
    
    }

![20190731140613607.png][]![20190731140647561.png][]

**5 传递List集合【实现商品数据的批量修改。】    需要使用包装类**

包装类:

package com.pojo;
    
    import java.util.List;
    
    public class QueryVo {
        //Items是一个POJO类
    	private List<Items> ItemLists;
        //.....get/set.......
    	
    }

请求页面：【只对name和price进行测试】

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>查询商品列表</title>
    </head>
    <body> 
    
     <form action="${pageContext.request.contextPath }/updateItems.action" method="post">
    商品列表：
    <table width="100%" border=1>
    <tr>
    	<td>商品名称</td>
    	<td>商品价格</td>
    	<td>生产日期</td>
    	<td>商品描述</td>
    	<td>操作</td>
    </tr>
    <c:forEach items="${itemList }" var="item" varStatus="s">
    <tr>
    
    
    
    	
    	<td><input type="text" name="ItemLists[${s.index }].name" value="${item.name }"></td>
    	<td><input type="text" name="ItemLists[${s.index }].price" value="${item.price }"></td>
    	
    
    
    
    
    	<td><fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
    	<td>${item.detail }</td>
    
    </tr>
    </c:forEach>
    </table>
    <input type="submit" value="批量更新">
    </form>
    </body>
    
    </html>

**controller接收**

package com.controller;
    
    
    import java.util.Date;
    import java.util.List;
    
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.servlet.ModelAndView;
    
    import com.pojo.Items;
    import com.pojo.QueryVo;
    import com.service.ItemService;
    
    @Controller
    public class ItemController {
    	@Autowired
    	private ItemService itemService;
    	
    	//批量更新List
    		@RequestMapping("/updateItems.action")
    		public String updates(QueryVo vo) {
    			List<Items> itemLists = vo.getItemLists();
    			for (Items items : itemLists) {
    				System.out.println(items.toString());
    			}
    			return "success";
    		}
    }

![2019073114310523.png][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTY5MTA4_size_16_color_FFFFFF_t_70][]

[20190731140613607.png]: https://img-blog.csdnimg.cn/20190731140613607.png
[20190731140647561.png]: /images/20211116/88db53e065f24c71a576655f5ce05fea.png
[2019073114310523.png]: https://img-blog.csdnimg.cn/2019073114310523.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTY5MTA4_size_16_color_FFFFFF_t_70]: /images/20211116/5dc6dbdb73574febb7401158d17e2a4b.png