表单在 web 页面上无处不在,有些表单可能很复杂,大部分表单里的输入项都会对应后端对象属性。
SpringMVC 可以自动将表单值绑定到对象上!而且能绑定很复杂的对象!!
这里就不写那些基本的表单绑定了。
我想写工作中遇到的一个情况,就是想转换成一个 List 对象,并且这个对象里面有属性也是 List 的。
public class ProjectDO{
//其他属性就省略了
//团队成员
private List<ProjectTeamInfoDO> teaminfoList;
} public class ProjectTeamInfoDO {
//学历信息
private List<ProjectCollegeDO> college;
} public class ProjectCollegeDO{
// 专业
private String major;
// 学校
private String school;
// 学位
private String diploma;
}
解释下意思,项目类里有个属性存放团队成员信息的,肯定有多个成员对吧,所以是 List 类型。每个团队成员又有学历信息,那学历也有很多,本科、硕士、博士啊之类的,所以也是 List 类型的。
这个对像已经算是复杂了,那应该怎样让它自动绑定起来呢?
说难不难,说简单也不简单。
先说说为什么简单,我们来看看怎么写这个表单才能自动绑定上去。
<form action="/createdProject.htm" > //第一个团队成员 ,第一个学历
<input type="text" name="teaminfoList[0].college[0].major">
<input type="text" name="teaminfoList[0].college[0].school">
<input type="text" name="teaminfoList[0].college[0].diploma"> //第一个团队成员 ,第二个学历
<input type="text" name="teaminfoList[0].college[1].major">
<input type="text" name="teaminfoList[0].college[1].school">
<input type="text" name="teaminfoList[0].college[1].diploma"> //第二个团队成员 ,第一个学历
<input type="text" name="teaminfoList[1].college[0].major">
<input type="text" name="teaminfoList[1].college[0].school">
<input type="text" name="teaminfoList[1].college[0].diploma"> </form>
@RequestMapping("/createdProject.htm")
public String createdProjects(ProjectDO Project){
//project 就是绑定后的对象
}
看,form 结构是不是很简单,其实就是一个二维数组。name 值带上对应的下标就行。
那又难在哪呢?
难在下标的生成,团队成员人数是未知的,不知道这个数组应该有多长,所以下标都是后面用 js 动态生成的。
添加、删除的时候下标都需要变动,还有编辑草稿加载之前缓存的信息下标也要变动。
有个问题需要注意的是绑定 List 类型的时候,会根据 input name 值下标来确定 List 长度。
比如
<input type="text" name="teaminfoList[2].college[0].major">
那 teaminfoList 的长度就是 3 了。前面两个 0 和 1 都为 null。
中间或者前面空掉的数字都会是 null ,所以后端接收到绑定后的对象要注意移除那些空对象。如果前端能保证下标连续的话就最好了。