MVC---表单标签库

最新推荐文章于 2023-06-04 20:08:42 发布

醉看红尘

最新推荐文章于 2023-06-04 20:08:42 发布

阅读量216

点赞数

分类专栏：点滴文章标签： MVC

原文链接：https://blog.csdn.net/llllxxxxyyyy/article/details/104171121

版权

点滴专栏收录该内容

86 篇文章 0 订阅

订阅专栏

前言
spring MVC表单标签库，能够简化我们的代码开发，提高开发效率，那么如何简化代码开发呢？一起来看看吧👇

EL获取业务数据
我们首先做一个小案例，用EL表达式获取业务数据，以此来体现出spring MVC表单标签库特点。
案例背景：控制器返回业务数据到视图层，视图层通过EL获取业务数据绑定到JSP页面表单中。
（1）创建student实体类

public class Student {
private String name;
private String password;
//省略setter，getter，toString方法
}
1
2
3
4
5
（2）创建Handler处理器

@Controller
public class excelController {

@RequestMapping("test")
public ModelAndView test(ModelAndView modelAndView){
Student student=new Student();
student.setName("jacob");
student.setPassword("123");
modelAndView.addObject("student",student);
modelAndView.setViewName("/excel");
return modelAndView;
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
（3）创建JSP页面，用于数据展示

<body>
${student.name}
${student.password}
</body>
1
2
3
4
（4）测试
student表示业务数据对象
name、password表示业务数据对象属性名

MVC表单标签获取业务数据
使用spring MVC表单标签库可以直接将业务数据绑定到JSP表单中。
我们将上边案例改写为MVC表单标签库的方式，修改JSP即可。

<body>
<form:form modelAttribute="student">
<form:input path="name" readonly="true"/>
<form:input path="password" readonly="true"/>
</form:form>
</body>
1
2
3
4
5
6
测试：

数据以文本框的形式在页面显示，但由于我设置了readonly=“true”，因此目前是只读。
<form:form>通过modelAttribute绑定具体的业务数据
<form:input>通过path获取绑定业务数据的具体属性值

以下是spring MVC表单标签库的常用标签及使用：

form标签
<form:form modelAttribute="student" method="post">
1
渲染的是HTML中的form:form通过modelAttribute绑定具体的业务数据。

input标签
<form:input path="name"/>
1
渲染的是HTML中的<input type="text">，input标签绑定业务数据中的属性值，通过path与业务数据的属性名对应，并支持级联属性。

password标签
<form:password path="password"/>
1
渲染的是HTML中的<input type="password">，password标签绑定业务数据中的属性值，通过path与业务数据的属性名对应，password的值在页面中不会显示。

checkbox标签
<form:checkbox path="hobby" value="学编程"/>学编程
1

   渲染的是HTML中的<input type="checkbox">，checkbox标签绑定业务数据中的属性值，通过path与业务数据的属性名对应，可以绑定boolean，如果boolean为true，则选中，否则不选中。
   同时，checkbox也支持绑定数组和集合。
   如果绑定数组或集合，则集合中的元素等于checkbox中的value值，选项选中，否则不选中。

//Controller
student.setHobby(Arrays.asList("学编程","写博客","听音乐"));
1
2
<form:form modelAttribute="student">
<form:checkbox path="hobby" value="学编程"/>学编程
<form:checkbox path="hobby" value="写博客"/>写博客
<form:checkbox path="hobby" value="听音乐"/>听音乐
</form:form>
1
2
3
4
5
渲染的是HTML中的<input type="checkbox">，集合中的元素等于checkbox的value值，则该选项选中，否则不选中。

checkboxs标签
如果checkbox有多个选项，我们可以考虑checkboxs，结合items简化代码👇

//Controller
student.setHobby(Arrays.asList("学编程","写博客","听音乐","打游戏","看电影"));
student.setSelecthobby(Arrays.asList("学编程","写博客","看电影"));
1
2
3
<body>
<form:form modelAttribute="student">
<form:checkboxes path="selecthobby" items="${student.hobby}"/>
</form:form>
</body>
1
2
3
4
5
渲染的是HTML中的每一组<input type="checkbox">，form:form标签的modelAttribute绑定业务数据，form:checkboxes标签的path绑定业务数据被选中的集合或数组，表示选中的，form:checkboxes标签的items绑定被遍历的集合或数组，表示全部；注意items需要通过EL的方式从域对象中取值。

radiobutton标签
//Controller
student.setRadioId(1);
1
2
<form:form modelAttribute="student">
<form:radiobutton path="radioId" value="0"/>radio0
<form:radiobutton path="radioId" value="1"/>radio1
<form:radiobutton path="radioId" value="2"/>radio2
</form>
1
2
3
4
5

渲染的是HTML中的一个<input type="radio"/>，form:form标签的modelAttribute绑定业务数据，form:radiobutton标签的path绑定业务数据的属性值，form:radiobutton标签的value与path绑定的属性值进行比较，若相等则选项框选中。

radiobuttons标签
//Controller
student.setRadioIds(Arrays.asList(1,2,3,4,5));
student.setRadioId(Arrays.asList(5));
1
2
3
<form:form modelAttribute="student">
<form:radiobuttons path="radioId" items="${student.radioIds}"/>
</form>
1
2
3

渲染的是HTML中的一组<input type="radio"/>，form:form标签的modelAttribute绑定业务数据，form:radiobuttons标签的path绑定业务数据的属性值，form:radiobuttons标签的items绑定业务数据的集合，与path绑定的属性值进行比较，若相等则选项框选中，注意form:radiobuttons标签的items需要用EL获取数据 radiobuttons标签只能选中一个选项框。

select标签
//Controller
Student student=new Student();
Map<Integer,String> map=new HashMap<Integer, String>();
Map<Integer,String> map1=new HashMap<Integer, String>();
map.put(1,"可乐");
map.put(2,"雪碧");
map.put(3,"绿茶");
map1.put(2,"雪碧");
student.setSelectIds(map);
student.setSelectId(map1);
1
2
3
4
5
6
7
8
9
10
<form:form modelAttribute="student">
可选饮料：<form:select path="selectId" items="${student.selectIds}"/>
</form:form>
1
2
3

渲染的是HTML中的每一组<input type="select">，form:form标签的modelAttribute绑定业务数据，form:select标签的path绑定业务数据的属性值，form:select标签的items绑定业务数据的集合，与path绑定的属性值进行比较，若相等则选项框展示内容，注意form:options标签的items需要用EL获取数据

select结合options标签
//Controller
Student student=new Student();
Map<Integer,String> map=new HashMap<Integer, String>();
map.put(1,"学编程");
map.put(2,"写博客");
map.put(3,"听音乐");
map.put(4,"看电影");
student.setHobby(map);
student.setSelecthobby(3);
1
2
3
4
5
6
7
8
9
public class Student {
private Map<Integer,String> hobby;
private int selecthobby;
//省略getter，setter，toString方法
1
2
3
4
<form:form modelAttribute="student">//获取student业务数据
<form:select path="selecthobby">//获取student业务数据的属性值id
<form:options items="${student.hobby}"/>//遍历student数据hobby集合
</form:select>
</form:form>
1
2
3
4
5
form:form标签的modelAttribute绑定业务数据的student，form:select标签的path绑定业务数据的属性值，form:options标签的items绑定业务数据的集合，与path绑定的属性值进行比较，若相等则选项框展示内容，注意form:options标签的items需要用EL获取数据。

select结合option标签
<form:form modelAttribute="student">
<form:select path="selecthobby">
<form:option value="1">学编程</form:option>
<form:option value="2">写博客</form:option>
<form:option value="3">听音乐</form:option>
<form:option value="4">看电影</form:option>
</form:select>
</form:form>
1
2
3
4
5
6
7
8
form:form标签的modelAttribute绑定业务数据student，form:select标签的path绑定业务数据的属性值，与每一个form:option标签的value进行比较，若相等则选项框展示内容。

textarea标签
//Student.java
private String introduce;
1
2
//Controller
student.setIntroduce("你好，我叫...");
1
2
<form:form modelAttribute="student">
<form:textarea path="introduce"/>
</form:form>
1
2
3

form:form标签的modelAttribute绑定业务数据student，form:textarea标签的path绑定业务数据的属性值。

hidden标签
<form:form modelAttribute="student">
<form:hidden path="introduce"/>
</form:form>
1
2
3
form:form标签的modelAttribute绑定业务数据student，form:hidden标签的path绑定业务数据的属性值。此标签在页面不显示。

errors标签
errors标签在spring MVC数据安全校验那篇博客用到过，我将那片博客粘贴过来😄，errors标签需要结合数据安全校验一起使用，因此还需要自定义校验器并实现Validator接口，完整过程如下👇：
（1）创建一个Student类

public class Student {
private String name;
private String password;
//省略getter，setter，toString方法
}
1
2
3
4
5
（2）自定义校验器StudentValidator，实现Validator接口，重写接口的抽象方法，加入校验规则

public class StudentValidator implements Validator {
public boolean supports(Class<?> clazz) {
return Student.class.equals(clazz);
}

public void validate(Object o, Errors errors) {
ValidationUtils.rejectIfEmpty(errors,"name",null,"姓名不能为空");
ValidationUtils.rejectIfEmpty(errors,"password",null,"密码不能为空");
}
}
1
2
3
4
5
6
7
8
9
10
（3）创建控制器StudentController，POST请求的业务方法login参数列表中@Validator表示参数student是需要校验的对象，@BindingResult用来存储错误信息，两者缺一不可，并且这两个参数要紧挨在一起，中间不能有其他参数。

@Controller
@RequestMapping("/student")
public class StudentController {

@RequestMapping(value = "/login",method = RequestMethod.GET)
public String login(Model model){
model.addAttribute(new Student());
return "login";
}

@RequestMapping(value = "/login",method = RequestMethod.POST)
public String login(@Validated Student student, BindingResult br){
if(br.hasErrors()){
return "login";
}
return "success";
}
}
（4）创建JSP页面

<body>
<h1>学生登录</h1>
<form:form modelAttribute="student" action="login" method="post">
学生姓名：<form:input path="name"/><form:errors path="name"/><br/>
学生密码：<form:input path="password"/><form:errors path="password"/><br/>
<input type="submit" value="提交"/>
</form:form>
</body>
（5）测试，首先用get请求访问传参name和password，然后输入框中不填使用POST请求进行访问

总结
spring MVC表单标签库相比于JSP标准标签库JSTL更加简洁方便，简化了很多操作步骤，同时还可以自动完成数据的绑定，将业务数据绑定到视图层的对应模块做展示。
————————————————
版权声明：本文为CSDN博主「pony爱学校」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/llllxxxxyyyy/article/details/104171121

醉看红尘

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
MVC---表单标签库

前言spring MVC表单标签库，能够简化我们的代码开发，提高开发效率，那么如何简化代码开发呢？一起来看看吧????EL获取业务数据我们首先做一个小案例，用EL表达式获取业务数据，以此来体现出spring MVC表单标签库特点。案例背景：控制器返回业务数据到视图层，视图层通过EL获取业务数据绑定到JSP页面表单中。（1）创建student实体类public cl...
复制链接

扫一扫