最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

 更新時間:2022年07月09日 14:48:36   作者:編程方法論  
這篇文章主要介紹了thymeleaf中前后端數(shù)據(jù)交互小結(jié),本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧

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ù)綁定到后端對象:*{對象屬性},前端引用后端數(shù)據(jù)${對象屬性}

<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(由框架提供),前端使用${對象屬性}

@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)容提交給哪個頁面進(jìn)行處理,可能的取值:URL
  • input元素:輸入框,由type決定類型。
  • 觸發(fā)提交的動作:
    • HTML DOM submit() 方法。
    • type=submit
    • button

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

相關(guān)文章

最新評論

确山县| 谢通门县| 太湖县| 玉门市| 榆林市| 宜都市| 平果县| 贺州市| 饶平县| 龙南县| 哈尔滨市| 平果县| 康马县| 思茅市| 本溪市| 任丘市| 廊坊市| 汉源县| 安福县| 富平县| 赤壁市| 墨江| 武平县| 桐柏县| 双江| 婺源县| 广元市| 南澳县| 汉中市| 庆安县| 如皋市| 广灵县| 肇源县| 鄢陵县| 龙南县| 酉阳| 灵寿县| 鄂尔多斯市| 大同县| 桦甸市| 酉阳|