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);