thymeleaf中前后端數(shù)據(jù)交互方法匯總

更新時(shí)間：2022年07月09日 14:48:36 作者：編程方法論

這篇文章主要介紹了thymeleaf中前后端數(shù)據(jù)交互小結(jié)，本文通過示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧

1. 引入靜態(tài)資源：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.前端將數(shù)據(jù)綁定到后端對(duì)象：*{對(duì)象屬性}，前端引用后端數(shù)據(jù)${對(duì)象屬性}

<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.后端將數(shù)據(jù)傳入前端 ModelMap(由框架提供),前端使用${對(duì)象屬性}

@RequestMapping(value = "/create",method = RequestMethod.GET)
public String createBookForm(ModelMap map){
    map.addAttribute("book",book);
    map.addAttribute("action","create");
    return BOOK_FORM;
}

4.表單提交的注意點(diǎn)。

action：表單中的內(nèi)容提交給哪個(gè)頁面進(jìn)行處理,可能的取值：URL
input元素:輸入框，由type決定類型。
觸發(fā)提交的動(dòng)作：
- HTML DOM submit() 方法。
- type=submit
- button

到此這篇關(guān)于thymeleaf中前后端數(shù)據(jù)交互小結(jié)的文章就介紹到這了,更多相關(guān)thymeleaf前后端數(shù)據(jù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

解決Mybatis中mapper的ID沖突問題
這篇文章主要介紹了解決Mybatis中mapper的ID沖突問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2021-06-06
快速解決?IDEA?報(bào)錯(cuò):?“java?找不到符號(hào)“(“cannot?find?symbol“)
文章詳細(xì)講解了在IntelliJIDEA中解決“找不到符號(hào)”錯(cuò)誤的方法,包括檢查導(dǎo)入語句、拼寫錯(cuò)誤、類路徑設(shè)置、文件編譯狀態(tài)、JDK配置以及IDE配置問題,通過具體示例代碼,展示了如何從錯(cuò)誤代碼到解決步驟,感興趣的朋友一起看看吧
2025-03-03
詳解redis與spring的整合（使用緩存）
本篇文章主要介紹了redis與spring的整合（使用緩存），小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-03-03
解析Neatbeans(常見錯(cuò)誤) build-impl.xml:305: Compile failed
本篇文章是對(duì)Neatbeans(常見錯(cuò)誤) build-impl.xml:305: Compile failed的解決方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下
2013-07-07
Spring Boot的listener(監(jiān)聽器)簡單使用實(shí)例詳解
監(jiān)聽器（Listener）的注冊(cè)方法和 Servlet 一樣，有兩種方式：代碼注冊(cè)或者注解注冊(cè)。接下來通過本文給大家介紹Spring Boot的listener(監(jiān)聽器)簡單使用,需要的朋友可以參考下
2017-04-04
在Java中對(duì)List進(jìn)行分區(qū)的實(shí)現(xiàn)方法
在本文中,我們將說明如何將一個(gè)列表拆分為多個(gè)給定大小的子列表,也就是說在 Java 中如何對(duì)List進(jìn)行分區(qū),文中有詳細(xì)的代碼示例供大家參考,需要的朋友可以參考下
2024-04-04
SpringBoot將所有依賴(包括本地jar包)打包到項(xiàng)目
這篇文章主要介紹了SpringBoot將所有依賴(包括本地jar包)打包到項(xiàng)目,本文通過示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-06-06
java基礎(chǔ)檢查和未檢查異常處理詳解
這篇文章介紹了java基礎(chǔ)中異常的處理，主要講解了java檢查和未檢查異常處理的示例詳解有需要的朋友可以借鑒參考下，希望能夠有所幫助
2021-10-10
eclipse上配置Maven的圖文教程(推薦)
下面小編就為大家分享一篇eclipse上配置Maven的圖文教程(推薦)，具有很好的參考價(jià)值。希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2017-11-11
springboot內(nèi)嵌Tomcat安全漏洞修復(fù)方式
針對(duì)CVE-2020-1938漏洞,建議升級(jí)Tomcat至安全版本以避免受影響,影響版本包括：Apache Tomcat 9.x小于9.0.31、Apache Tomcat 8.x小于8.5.51、Apache Tomcat 7.x小于7.0.100及Apache Tomcat 6.x,
2024-10-10