- th:action 指定表单提交地址
- th:value 给value属性赋值
- th:field 能自动生成id、name和value属性
form表单示例
控制器代码:TestController.java
package com.example.demo.controller;
import com.example.demo.bean.Student;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;
import java.util.HashMap;
import java.util.Map;
@Controller
public class TestController {
@RequestMapping("/edit")
public String edit(Model model) {
Student s = new Student(2019001, "小明");
model.addAttribute("stu", s);
return "th/form";
}
@RequestMapping(value = "/save", method = RequestMethod.GET)
@ResponseBody
public Student save(Student stu) {
return stu;
}
}
页面代码:form.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>form</title>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<form class="form-horizontal" th:action="@{/save}" method="get">
<div class="form-group">
<label for="id" class="col-sm-2 control-label">学号</label>
<div class="col-sm-5">
<input type="text" class="form-control" id="id" name="id" th:value="${stu.id}" placeholder="请输入学号">
</div>
</div>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">姓名</label>
<div class="col-sm-5">
<input type="text" class="form-control" id="name" name="name" th:value="${stu.name}" placeholder="请输入姓名">
</div>
</div>
<div class="form-group">
<div class="col-sm-5 col-sm-offset-2">
<button id="btn" class="btn btn-default" type="submit">保存</button>
</div>
</div>
</form>
</body>
</html>
查看24道真题和解析