[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 基本语法:常用表达式
Thymeleaf 基本语法常用表达式变量表达式 ${ } 使用方法:th:xx = "${ }" 获取对象属性值给 th:xx . 后台代码: Student s=new S ...
[JAVAEE] Thymeleaf 基本语法: 迭代循环
th:each 遍历集合基本语法: <div th:each="变量名 : 集合"> <p th:text="${变量名}">< ...
thymeleaf模板html a标签,Thymeleaf常用语法：模板片断
Thymeleaf常用语法:模板片断系统中的很多页面有很多公共内容,例如菜单.页脚等,这些公共内容可以提取放在一个称为"模板片断"的公共页面里面,其它页面可以引用这个 " ...
body中的相关标签
body中的相关标签,主要展现在页面的内容区域. 学习<hx>标签,为你的网页添加标题比如打开一个百度新闻的网站,https://baijiahao.baidu.com/s?id=170 ...
Thymeleaf基础语法
Thymeleaf基础语法今天学习一下Thymeleaf的基础语法. 1-引入Thymeleaf 首先,将view层页面中的html标签进行修改,然后在View层页面文件的其它标签里使用th:*动态 ...
python 全栈开发，Day45(html介绍和head标签,body标签中相关标签)
python 全栈开发,Day45(html介绍和head标签,body标签中相关标签) 一.html介绍 1.web标准 web准备介绍: w3c:万维网联盟组织,用来制定web标准的机构(组织) ...
html中头部相关标签(＜head＞)基本概念
头部相关标签基本概念 1 头部相关标签 1.1 title标签 1.2 meta标签 1.3 link标签 1.4 style标签 2 相关选择题及参考答案 2.1 选择题 2.2 参考答案 1 头部 ...
网页入门D2-HTML语法与基础标签练习
HTML语法与基础标签练习总结写在前面:今天利用所学的HTML的语法和常用的HTML元素.实现在网页上显示图片.显示不同类型的文本以及实现页面跳转.(PS:HTML很多语法和写博客的markdow ...
html标签详细讲解,HTML语法中的标签详细讲解1
对标签的总结: 头信息标签主体内容标签换行标签水平线标签居中对齐标签字体标签段落标签格式化标签引用标签 HTML注释语法字符控制标签标题文字标签 ~ 列表标签 . . table表 ...

[JAVAEE] Thymeleaf 基本语法: form相关标签

form表单示例

控制器代码:`TestController.java`

页面代码:`form.html`

[JAVAEE] Thymeleaf 基本语法: form相关标签相关推荐

最新文章

热门文章

[JAVAEE] Thymeleaf 基本语法: form相关标签

form表单示例

控制器代码:TestController.java

页面代码:form.html

[JAVAEE] Thymeleaf 基本语法: form相关标签相关推荐

最新文章

热门文章

控制器代码:`TestController.java`

页面代码:`form.html`