thymeleaf中前后端数据交互方法汇总
作者:编程方法论 时间:2023-07-18 21:15:59
1. 引入静态资源:th:href或th:scr+@{/从static目录开始}
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<link th:href="@{/iamges/favicon.ico}" rel="external nofollow" type="image/x-icon"/>
<link th:href="@{/css/bootstrap.min.css}" rel="external nofollow" rel="stylesheet"/>
<meta charset="UTF-8">
<title>书籍管理</title>
</head>
2.前端将数据绑定到后端对象:*{对象属性},前端引用后端数据${对象属性}
<div class="form-group">
<label for="book_name" class="col-sm-2 control-label">书名:</label>
<div class="col-xs-4">
<input type="text" class="form-control" id="book_name"
name="name" th:value="${book.name}" th:field="*{book.name}"/>
</div>
</div>
3.后端将数据传入前端 ModelMap(由框架提供),前端使用${对象属性}
@RequestMapping(value = "/create",method = RequestMethod.GET)
public String createBookForm(ModelMap map){
map.addAttribute("book",book);
map.addAttribute("action","create");
return BOOK_FORM;
}
4.表单提交的注意点。
action:表单中的内容提交给哪个页面进行处理,可能的取值:URL
input元素:输入框,由
type
决定类型。触发提交的动作:
HTML DOM submit() 方法。
type=submit
button
来源:https://blog.csdn.net/justisme/article/details/105478041
标签:thymeleaf,前后端,数据,交互
0
投稿
猜你喜欢
在java中ArrayList集合底层的扩容原理
2023-12-19 11:12:15
Java常量池知识点总结
2023-01-09 10:23:09
Android实现webview实例代码
2022-05-28 13:32:32
java利用udp实现发送数据
2023-03-21 18:30:49
java金额数字转中文工具类详解
2022-02-15 09:42:25
SpringBoot整合JDBC、Druid数据源的示例代码
2022-06-19 20:44:24
Android自定义横向滑动菜单的实现
2022-08-26 03:57:14
SpringMVC五种类型参数传递及json传递参数
2022-07-26 15:08:24
Android获取app应用程序大小的方法
2023-09-18 15:02:18
SpringBoot整合阿里 Druid 数据源的实例详解
2021-07-28 17:50:32
JDBC SQL语法
2022-03-09 02:32:10
Android使用ContentResolver搜索手机通讯录的方法
2021-12-28 08:33:16
java网络编程之socket网络编程示例(服务器端/客户端)
2022-05-02 00:18:59
android自定义滚动上下回弹scollView
2023-05-19 13:10:40
Spring Boot 读取静态资源文件的方法
2023-08-25 02:53:07
Android中应用前后台切换监听的实现详解
2021-12-28 17:59:36
OpenCV Java实现人脸识别和裁剪功能
2022-08-21 01:47:23
Android中解决页签手指按下从左到右滑动的bug
2021-06-04 19:22:40
c# 通过WinAPI播放PCM声音
2021-10-22 12:35:18
No ‘Access-Control-Allow-Origin‘ header is present跨域及解决
2022-07-12 13:33:08