springMVC学习(8)-数据回显

什么是数据回显：

提交后，如果出现错误（或者别的情况），将刚才提交的数据回显到刚才的提交页面。

pojo数据回显方法：

一、springmvc默认对pojo数据进行回显。

比如现在的jsp页面提示出现错误，页面自动显示之前的数据：

因为pojo数据传入controller方法后，springmvc自动将pojo数据放到request域，key等于pojo类型（首字母小写）

这里默认将数据放到itemsCustom中

//商品信息修改提交
    @RequestMapping("/editItemsSubmit")
    public String editItemsSubmit(Model model,
                                  HttpServletRequest request,
                                  Integer id, 
                                  @Validated(value={ValidGroup1.class}) ItemsCustom itemsCustom,BindingResult bindingResult)
                                 throws Exception {
        
        if(bindingResult.hasErrors()){
             List<ObjectError> allErrors = bindingResult.getAllErrors();
             for(ObjectError objectError : allErrors){
                 System.out.println(objectError.getDefaultMessage());
             }
             
            // 将错误信息传到页面
            model.addAttribute("allErrors", allErrors);
            
            return "items/editItems";
        }
        
        itemsService.updateItems(id, itemsCustom);
        return "success";
    }

jsp：

<form id="itemForm" action="${pageContext.request.contextPath }/items/editItemsSubmit.action" method="post" >
<input type="hidden" name="id" value="${itemsCustom.id }"/>
修改商品信息：
<table width="100%" border=1>
<tr>
    <td>商品名称</td>
    <td><input type="text" name="name" value="${itemsCustom.name }"/></td>
</tr>
<tr>
    <td>商品价格</td>
    <td><input type="text" name="price" value="${itemsCustom.price }"/></td>
</tr>
<tr>
    <td>商品生产日期</td>
    <td><input type="text" name="createtime" value="<fmt:formatDate value="${itemsCustom.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/>"/></td>
</tr>
<%-- <tr>
    <td>商品图片</td>
    <td>
        <c:if test="${item.pic !=null}">
            <img src="/pic/${item.pic}" width=100 height=100/>
            <br/>
        </c:if>
        <input type="file"  name="pictureFile"/> 
    </td>
</tr> --%>
<tr>
    <td>商品简介</td>
    <td>
    <textarea rows="3" cols="30" name="detail">${itemsCustom.detail }</textarea>
    </td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="提交"/>
</td>
</tr>
</table>
</form>

二、使用@ModelAttribute指定pojo回显到页面在request中的key：

jsp页面修改为：

<form id="itemForm" action="${pageContext.request.contextPath }/items/editItemsSubmit.action" method="post" >
<input type="hidden" name="id" value="${items.id }"/>
修改商品信息：
<table width="100%" border=1>
<tr>
    <td>商品名称</td>
    <td><input type="text" name="name" value="${items.name }"/></td>
</tr>
<tr>
    <td>商品价格</td>
    <td><input type="text" name="price" value="${items.price }"/></td>
</tr>
<tr>
    <td>商品生产日期</td>
    <td><input type="text" name="createtime" value="<fmt:formatDate value="${items.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/>"/></td>
</tr>
<%-- <tr>
    <td>商品图片</td>
    <td>
        <c:if test="${item.pic !=null}">
            <img src="/pic/${item.pic}" width=100 height=100/>
            <br/>
        </c:if>
        <input type="file"  name="pictureFile"/> 
    </td>
</tr> --%>
<tr>
    <td>商品简介</td>
    <td>
    <textarea rows="3" cols="30" name="detail">${items.detail }</textarea>
    </td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="提交"/>
</td>
</tr>
</table>
</form>

controller添加@ModelAttribute("items")指定转到页面中的key为items：

//商品信息修改提交
    @RequestMapping("/editItemsSubmit")
    public String editItemsSubmit(Model model,
                                  HttpServletRequest request,
                                  Integer id, 
                                  @ModelAttribute("items") @Validated(value={ValidGroup1.class}) ItemsCustom itemsCustom,BindingResult bindingResult)
                                 throws Exception {
        
        if(bindingResult.hasErrors()){
             List<ObjectError> allErrors = bindingResult.getAllErrors();
             for(ObjectError objectError : allErrors){
                 System.out.println(objectError.getDefaultMessage());
             }
             
            // 将错误信息传到页面
            model.addAttribute("allErrors", allErrors);
            
            return "items/editItems";
        }
        
        itemsService.updateItems(id, itemsCustom);
        return "success";
    }

页面提交后，报错了，依然能够回显：

三、@ModelAttribute还可以将方法的返回值传到页面

在商品查询列表页面，通过商品类型查询商品信息。

在controller中定义商品类型查询方法，最终将商品类型传到页面。

@Controller
@RequestMapping("/items")
public class ItemsController {
    
    @Autowired
    private ItemsService itemsService;
    
    // 商品分类
    //itemtypes表示最终将方法返回值放在request中的key
    @ModelAttribute("itemtypes")
    public Map<String, String> getItemTypes() {
        Map<String, String> itemTypes = new HashMap<String, String>();
        itemTypes.put("101", "数码");
        itemTypes.put("102", "母婴");
        return itemTypes;
    }

        ....
}

itemList.jsp查看：

<td>
    商品名称：<input name="itemsCustom.name" />
    商品类型：
    <select name="itemtype">
        <c:forEach items="${itemtypes }" var="itemtype">
            <option value="${itemtype.key }">${itemtype.value }</option>        
        </c:forEach>
    </select>
</td>

访问：http://localhost:8080/springMVC/items/findItems.action

四、不用@ModelAttribute，使用最简单的Model来回显：

Controller：

//商品信息修改提交
    @RequestMapping("/editItemsSubmit")
    public String editItemsSubmit(Model model,
                                  HttpServletRequest request,
                                  Integer id, 
                                  @Validated(value={ValidGroup1.class}) ItemsCustom itemsCustom,BindingResult bindingResult)
                                 throws Exception {
        
        if(bindingResult.hasErrors()){
             List<ObjectError> allErrors = bindingResult.getAllErrors();
             for(ObjectError objectError : allErrors){
                 System.out.println(objectError.getDefaultMessage());
             }
             
            // 将错误信息传到页面
            model.addAttribute("allErrors", allErrors);
            
            //可以直接使用model将提交pojo回显到页面
            model.addAttribute("items", itemsCustom);
            
            return "items/editItems";
        }
        
        itemsService.updateItems(id, itemsCustom);
        return "success";
    }

前台jsp页面不变；

依然可以回显；

五、简单数据类型回显：

使用最简单方法使用model。

model.addAttribute("id", id);