Spring MVC数据绑定和表单标签的应用(附带实例)
创始人
2024-03-12 09:46:30
0

为了让读者进一步学习数据绑定和表单标签,本节给出了一个应用范例 springMVCDemo04。该应用中实现了 User 类属性和 JSP 页面中表单参数的绑定,同时在 JSP 页面中分别展示了 input、textarea、checkbox、checkboxs、select 等标签。

应用的相关配置

在 springMVCDemo04 应用中需要使用 JSTL,因此不仅需要将 Spring MVC 的相关 JAR 包复制到应用的 WEN-INF/lib 目录下,还需要从 Tomcat 的 webapps\examples\WEB-INF\lib 目录下将 JSTL 的相关 JAR 包复制到应用的 WEN-INF/lib 目录下。

springMVCDemo04 的 JAR 包如图 1 所示。


图 1 springMVCDemo04的JAR包

为了避免出现中文乱码问题,需要在 web.xml 文件中增加编码过滤器,同时将 JSP 页面编码设置为 UTF-8,form 表单的提交方式必须为 post。

web.xml 的代码如下:

  1. xmlns="http://java.sun.com/xml/ns/javaee"
  2. xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
  3. xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" version="3.0">
  4. springmvc
  5. org.springframework.web.servlet.DispatcherServlet
  6. 1
  7. springmvc
  8. /
  9. encodingFilter
  10. org.springframework.web.filter.CharacterEncodingFilter
  11. encoding
  12. UTF-8
  13. forceEncoding
  14. true
  15. encodingFilter
  16. /*

配置文件 springmvc-servlet.xml 与教程前面的示例中学习过的配置文件没有区别,这里不再赘述。

领域模型

应用中实现了 User 类属性和 JSP 页面中表单参数的绑定,User 类包含了和表单参数名对应的属性,以及属性的 set 和 get 方法。在 springMVCDemo04 应用的 src 目录下创建 pojo 包,并在该包中创建 User 类。

User 类的代码如下:

  1. package pojo;
  2. public class User {
  3. private String userName;
  4. private String[] hobby; // 兴趣爱好
  5. private String[] friends; // 朋友
  6. private String carrer;
  7. private String houseRegister;
  8. private String remark;
  9. // 省略setter和getter方法
  10. }

Service 层

应用中使用了 Service 层,在 Service 层使用静态集合变量 users 模拟数据库存储用户信息,包括添加用户和查询用户两个功能方法。在 springMVCDemo04 应用的 src 目录下创建 service 包,并在该包中创建 UserService 接口和 UserServiceImpl 实现类。

UserService 接口的代码如下:

  1. package service;
  2. import java.util.ArrayList;
  3. import pojo.User;
  4. public interface UserService {
  5. boolean addUser(User u);
  6. ArrayList getUsers();
  7. }

UserServiceImpl 实现类的代码如下:

  1. package service;
  2. import java.util.ArrayList;
  3. import pojo.User;
  4. @Service
  5. public class UserServiceImpl implements UserService {
  6. // 使用静态集合变量users模拟数据库
  7. private static ArrayList users = new ArrayList();
  8. @Override
  9. public boolean addUser(User u) {
  10. if (!"IT民工".equals(u.getCarrer())) { // 不允许添加IT民工
  11. users.add(u);
  12. return true;
  13. }
  14. return false;
  15. }
  16. @Override
  17. public ArrayList getUsers() {
  18. return users;
  19. }
  20. }

Controller 层

在 Controller 类 UserController 中定义了请求处理方法,包括处理 user/input 请求的 inputUser 方法以及处理 user/save 请求的 addUser 方法,其中在 addUser 方法中用到了重定向。

在 UserController 类中,通过 @Autowired 注解在 UserController 对象中主动注入 UserService 对象,实现对 user 对象的添加和查询等操作。

通过 model 的 addAttribute 方法将 User 类对象、HashMap 类型的 hobbys 对象、String[] 类型的 carrers 对象以及 String[] 类型的 houseRegisters 对象传递给 View(userAdd.jsp)。

在 springMVCDemo04 应用的 src 目录下创建 controller 包,并在该包中创建 UserController 控制器类。

UserController 类的代码如下:

  1. package controller;
  2. import java.util.HashMap;
  3. import java.util.List;
  4. import org.apache.commons.logging.Log;
  5. import org.apache.commons.logging.LogFactory;
  6. import org.springframework.beans.factory.annotation.Autowired;
  7. import org.springframework.stereotype.Controller;
  8. import org.springframework.ui.Model;
  9. import org.springframework.web.bind.annotation.ModelAttribute;
  10. import org.springframework.web.bind.annotation.RequestMapping;
  11. import pojo.User;
  12. import service.UserService;
  13. @Controller
  14. @RequestMapping("/user")
  15. public class UserController {
  16. // 得到一个用来记录日志的对象,这样在打印信息的时候能够标记打印的是哪个类的信息
  17. private static final Log logger = LogFactory.getLog(UserController.class);
  18. @Autowired
  19. private UserService userService;
  20. @RequestMapping(value = "/input")
  21. public String inputuser(Model model) {
  22. HashMap hobbys = new HashMap();
  23. hobbys.put("篮球", "篮球");
  24. hobbys.put("乒乓球", "乒乓球");
  25. hobbys.put("电玩", "电玩");
  26. hobbys.put("游泳", "游泳");
  27. // 如果model中没有user属性,userAdd.jsp会抛出异常,因为表单标签无法找到
  28. // modelAttribute 属性指定的 form backing object
  29. model.addAttribute("user", new User());
  30. model.addAttribute("hobbys", hobbys);
  31. model.addAttribute("carrers", new String[] { "教师", "学生", "coding 搬运工",
  32. "IT民工", "其他" });
  33. model.addAttribute("houseRegisters", new String[] { "北京", "上海", "广州",
  34. "深圳", "其他" });
  35. return "userAdd";
  36. }
  37. @RequestMapping(value = "/save")
  38. public String addUser(@ModelAttribute User user, Model model) {
  39. if (userService.addUser(user)) {
  40. logger.info("成功");
  41. return "redirect:/user/list";
  42. } else {
  43. logger.info("失败");
  44. HashMap hobbys = new HashMap();
  45. hobbys.put("篮球", "篮球");
  46. hobbys.put("乒乓球", "乒乓球");
  47. hobbys.put("电玩", "电玩");
  48. hobbys.put("游泳", "游泳");
  49. // 这里不需要 model.addAttribute ("user", new User ()),因为 @ModelAttribute
  50. // 指定 form backing object
  51. model.addAttribute("hobbys", hobbys);
  52. model.addAttribute("carrers", new String[] { "教师", "学生",
  53. " coding搬运工", "IT民工", "其他" });
  54. model.addAttribute("houseRegisters", new String[] { "北京", "上海",
  55. "广州", "深圳", "其他" });
  56. return "userAdd";
  57. }
  58. }
  59. @RequestMapping(value = "/list")
  60. public String listUsers(Model model) {
  61. List users = userService.getUsers();
  62. model.addAttribute("users", users);
  63. return "userList";
  64. }
  65. }

View 层

View 层包含两个 JSP 页面,一个是信息输入页面 userAdd.jsp,一个是信息显示页面 userList.jsp。在 springMVCDemo04 应用的 WEB-INF/jsp 目录下创建这两个 JSP 页面。

在 userAdd.jsp 页面中将 Map 类型的 hobbys 绑定到 checkboxes 上,将 String[] 类型的 carrers 和 houseRegisters 绑定到 select 上,实现通过 option 标签对 select 添加选项,同时表单的 method 方法需指定为 post 来避免中文乱码问题。

在 userList.jsp 页面中使用 JSTL 标签遍历集合中的用户信息 。

userAdd.jsp 的代码如下:

  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
  4. Insert title here
  5. 添加一个用户
  6. 张三
  7. 李四
  8. 王五
  9. 赵六

userList.jsp 的代码如下:

  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  4. 用户列表
  5. 用户列表

  6. ">继续添加
  7. 用户名兴趣爱好朋友职业户籍个人描述
    ${user.userName }
  8. ${hobby } 
  9. ${friend } 
  10. ${user.carrer }${user.houseRegister }${user.remark }

测试应用

通过地址“http://localhost:8080/springMVCDemo04/user/input”测试应用,添加用户信息页面效果如图 2 所示。

如果在图 2 中职业选择“IT民工”,添加失败。失败后还回到添加页面,输入过的信息不再输入,自动回填(必须结合 form 标签)。自动回填是数据绑定的一个优点。失败页面如图 3 所示。


图 2 添加用户信息页面


图 3 添加用户信息失败页面 

在图 3 中输入正确信息,添加成功后重定向到信息显示页面,效果如图 4 所示。


图 4 信息显示页面 

相关内容

热门资讯

汽车油箱结构是什么(汽车油箱结... 本篇文章极速百科给大家谈谈汽车油箱结构是什么,以及汽车油箱结构原理图解对应的知识点,希望对各位有所帮...
美国2年期国债收益率上涨15个... 原标题:美国2年期国债收益率上涨15个基点 美国2年期国债收益率上涨15个基...
嵌入式 ADC使用手册完整版 ... 嵌入式 ADC使用手册完整版 (188977万字)💜&#...
重大消息战皇大厅开挂是真的吗... 您好:战皇大厅这款游戏可以开挂,确实是有挂的,需要了解加客服微信【8435338】很多玩家在这款游戏...
盘点十款牵手跑胡子为什么一直... 您好:牵手跑胡子这款游戏可以开挂,确实是有挂的,需要了解加客服微信【8435338】很多玩家在这款游...
senator香烟多少一盒(s... 今天给各位分享senator香烟多少一盒的知识,其中也会对sevebstars香烟进行解释,如果能碰...
终于懂了新荣耀斗牛真的有挂吗... 您好:新荣耀斗牛这款游戏可以开挂,确实是有挂的,需要了解加客服微信8435338】很多玩家在这款游戏...
盘点十款明星麻将到底有没有挂... 您好:明星麻将这款游戏可以开挂,确实是有挂的,需要了解加客服微信【5848499】很多玩家在这款游戏...
总结文章“新道游棋牌有透视挂吗... 您好:新道游棋牌这款游戏可以开挂,确实是有挂的,需要了解加客服微信【7682267】很多玩家在这款游...
终于懂了手机麻将到底有没有挂... 您好:手机麻将这款游戏可以开挂,确实是有挂的,需要了解加客服微信【8435338】很多玩家在这款游戏...