[JAVAEE] Thymeleaf 基本语法: form相关标签
生活随笔
收集整理的這篇文章主要介紹了
[JAVAEE] Thymeleaf 基本语法: form相关标签
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
- 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)@ResponseBodypublic 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>
總結
以上是生活随笔為你收集整理的[JAVAEE] Thymeleaf 基本语法: form相关标签的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 新买的车办理车辆临时牌照需要多久?
- 下一篇: [JAVAEE] Thymeleaf 基