SpringMVC框架-15:springmvc中的form标签与数据回显

素颜马尾好姑娘i 2022-01-25 22:15 385阅读 0赞

标签简介:

srpingmvc中的form标签只是restful风格的请求访问,使用这个form标签应该保证有数据的回传,也就是说,它一出来就要展示数据的。

使用方式

第一步:引入标签库:这里是再jsp中

  1. <%@taglib uri="http://www.springframework.org/tags/form" prefix="fm"%>

第二步:创建一个对象(domain)和引用的对象类型

这里使用了lombok插件

同时注意:这里的性格在前端界面应该是一个单选选项,爱好是一个数组,宠物是一个对象类型的

用户(user)domain

  1. @Data
  2. public class User {
  3. private String user_name;
  4. private String user_age;
  5. private Integer user_sex;
  6. private String[] hobby;//爱好
  7. private Pet pet;
  8. }

宠物(pet)domain

  1. @Data
  2. public class Pet {
  3. private Integer id;
  4. private String name;
  5. }

第三步:创建一个连接发送请求

  1. <a href="${pageContext.request.contextPath}/testForm">springmvc表单测试</a>

第四步:创建一个controller接收并处理请求

  1. @RequestMapping("/testForm")
  2. public String test13(Model model){
  3. //存放爱好的集合 这里我们注意一下,创建一个爱好的集合,存放可选的全部爱好
  4. ArrayList<String> hobbylist = new ArrayList<>();
  5. hobbylist.add("英雄联盟");
  6. hobbylist.add("王者荣耀");
  7. hobbylist.add("刀塔");
  8. //存放宠物的集合 这个集合存放的是前端界面中可选的全部宠物
  9. ArrayList<Pet> pets = new ArrayList<>();
  10. Pet pet1 = new Pet();
  11. pet1.setId(1);
  12. pet1.setName("老虎");
  13. Pet pet2 = new Pet();
  14. pet2.setId(2);
  15. pet2.setName("狮子");
  16. Pet pet3 = new Pet();
  17. pet3.setId(3);
  18. pet3.setName("猎豹");
  19. //将宠物添加到集合中
  20. pets.add(pet1);
  21. pets.add(pet2);
  22. pets.add(pet3);
  23. //创建对象并设置属性
  24. User user = new User();
  25. user.setUser_name("蒲胤臻");
  26. user.setUser_age("23");
  27. String[] hobby = new String[]{"英雄联盟","王者荣耀"};//这里的爱好是用户本来就拥有的爱好
  28. user.setHobby(hobby);
  29. user.setPet(pet2);//这里是用户本来就拥有的宠物
  30. user.setUser_sex(0);//这里设置用户的性别
  31. //将上面设置好的数据全部存放到model中的request域中
  32. model.addAttribute("hobbylist",hobbylist);
  33. model.addAttribute("pets",pets);
  34. model.addAttribute("command",user);
  35. return "resoult.jsp";
  36. }

第五步:创建前端界面使用springmvc表单接收数据并回显数据

这里做一下解释:

  • path:表示对象的那个属性
  • label:表示要显示出来的信息
  • items:表示他本来拥有的所有信息,然后你可以从这里面选择哪些,比如爱好,他就表示所有可选的爱好,就是我们提前设置的
  • itemValue:表示选项的id值
  • itemLabel:表示选项里展示出来的数据

    表单展示


    1. 姓名:<fm:input path="user_name"/> <br>
    2. 年龄:<fm:input path="user_age"/> <br>
    3. 性别:<fm:radiobutton path="user_sex" value="1" label="男"/>
    4. <fm:radiobutton path="user_sex" value="0" label="女"/> <br>
    5. 爱好:<fm:checkboxes path="hobby" items="${hobbylist}"/> <br>
    6. 宠物:<fm:select path="pet.id" items="${pets}" itemValue="id" itemLabel="name"/> <br>
    7. <input type="submit" value="提交">

结果:我们把要回显的数据已经全部自动填充了

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MTk4NDY3_size_16_color_FFFFFF_t_70

发表评论

表情:
评论列表 (有 0 条评论,385人围观)

还没有评论,来说两句吧...

相关阅读

    相关 SpringMVC form标签

    本篇我们来学习Spring MVC表单标签的使用,借助于Spring MVC提供的表单标签可以让我们在视图上展示WebModel中的数据更加轻松。 一.首先我们先做一个简单了

    相关 springMVC数据

    数据回显: 提交后,如果出现错误,将刚才提交的数据回显到刚才的提交页面   pojo数据回显方法 1、springmvc默认对pojo数据进行回显 pojo数据传入c

    相关 springmvc数据

    1、当客户进行了数据校验之后,存在数据问题,在给客户响应回去原页面的同时,不仅仅要有校验信息,还应该有客户所填的原始信息,即让客户上次填写的内容还在当前页面展示,这就是数据回显