vue 学习心得

ant design 表单：

1、设置默认值

<a-input
  v-decorator="['name',{initialValue: record.name}]"
  placeholder="请输入姓名"/>

2、定义规则

<a-input
  v-decorator="['name',{rules:[{required: true, message: '姓名不能为空'}]}]"
  placeholder="请输入姓名"/>

 

3、带id的文件上传，注意action里字符串的拼接

// 前端
<a-upload
   :action="'/api/demo/excel/importExcelPolice?id='+record.id"
   accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
    <a>导入</a>
 </a-upload>

// 后端

@RequestMapping("/importExcelPolice")
public ResponseVo importExcelPolice(MultipartFile file,HttpServletRequest request) {
    List<DataManageVo> list = new ArrayList<>();
    String id = request.getParameter("id");
    if(StringUtils.isEmpty(id)){
        return ResponseVo.fail("导入失败");
    }
    try {
        list = ExcelUtils.getInstance().readExcel2Objects(file.getInputStream(), DataManageVo.class);
        if(list ==null || list.size()==0){
            return ResponseVo.fail("excel数据为空");
        }
    } catch (Exception e) {
        e.printStackTrace();
    }
    return ResponseVo.success(dataManageService.importPolice(id,list.get(0)));
}