脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → java → thymeleaf前后端交互

thymeleaf中前后端数据交互方法汇总

 更新时间：2022年07月09日 14:48:36   作者：编程方法论  
这篇文章主要介绍了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中前后端数据交互小结的文章就介绍到这了,更多相关thymeleaf前后端数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • 解决Mybatis中mapper的ID冲突问题

    解决Mybatis中mapper的ID冲突问题

    这篇文章主要介绍了解决Mybatis中mapper的ID冲突问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2021-06-06
  • 快速解决 IDEA 报错: “java 找不到符号“(“cannot find symbol“)

    快速解决 IDEA 报错: “java 找不到符号“(“cannot find symbol“)

    文章详细讲解了在IntelliJIDEA中解决“找不到符号”错误的方法,包括检查导入语句、拼写错误、类路径设置、文件编译状态、JDK配置以及IDE配置问题,通过具体示例代码,展示了如何从错误代码到解决步骤,感兴趣的朋友一起看看吧
    2025-03-03
  • 详解redis与spring的整合（使用缓存）

    详解redis与spring的整合（使用缓存）

    本篇文章主要介绍了redis与spring的整合（使用缓存），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • 解析Neatbeans(常见错误) build-impl.xml:305: Compile failed

    解析Neatbeans(常见错误) build-impl.xml:305: Compile failed

    本篇文章是对Neatbeans(常见错误) build-impl.xml:305: Compile failed的解决方法进行了详细的分析介绍，需要的朋友参考下
    2013-07-07
  • Spring Boot的listener(监听器)简单使用实例详解

    Spring Boot的listener(监听器)简单使用实例详解

    监听器（Listener）的注册方法和 Servlet 一样，有两种方式：代码注册或者注解注册。接下来通过本文给大家介绍Spring Boot的listener(监听器)简单使用,需要的朋友可以参考下
    2017-04-04
  • 在Java中对List进行分区的实现方法

    在Java中对List进行分区的实现方法

    在本文中,我们将说明如何将一个列表拆分为多个给定大小的子列表,也就是说在 Java 中如何对List进行分区,文中有详细的代码示例供大家参考,需要的朋友可以参考下
    2024-04-04
  • SpringBoot将所有依赖(包括本地jar包)打包到项目

    SpringBoot将所有依赖(包括本地jar包)打包到项目

    这篇文章主要介绍了SpringBoot将所有依赖(包括本地jar包)打包到项目,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2023-06-06
  • java基础检查和未检查异常处理详解

    java基础检查和未检查异常处理详解

    这篇文章介绍了java基础中异常的处理，主要讲解了java检查和未检查异常处理的示例详解有需要的朋友可以借鉴参考下，希望能够有所帮助
    2021-10-10
  • eclipse上配置Maven的图文教程(推荐)

    eclipse上配置Maven的图文教程(推荐)

    下面小编就为大家分享一篇eclipse上配置Maven的图文教程(推荐)，具有很好的参考价值。希望对大家有所帮助。一起跟随小编过来看看吧
    2017-11-11
  • springboot内嵌Tomcat安全漏洞修复方式

    springboot内嵌Tomcat安全漏洞修复方式

    针对CVE-2020-1938漏洞,建议升级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

最新评论