溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇“thymeleaf中前后端數據交互怎么實現”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“thymeleaf中前后端數據交互怎么實現”文章吧。
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
以上就是關于“thymeleaf中前后端數據交互怎么實現”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
