脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → 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前后端数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • 深入解析Session工作原理及运行流程

    深入解析Session工作原理及运行流程

    这篇文章主要介绍了深入解析Session工作原理及运行流程,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • AntDesign多环境配置启动过程详解

    AntDesign多环境配置启动过程详解

    这篇文章主要为大家介绍了AntDesign多环境配置启动过程详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-11-11
  • Java设计模式之原型模式详细解析

    Java设计模式之原型模式详细解析

    这篇文章主要介绍了Java设计模式之原型模式详细解析,原型模式就是用一个已经创建的实例作为原型,通过复制该原型对象来创建一个和原型对象相同的新对象,需要的朋友可以参考下
    2023-11-11
  • Java中Volatile关键字详解及代码示例

    Java中Volatile关键字详解及代码示例

    这篇文章主要介绍了Java中Volatile关键字详解及代码示例，分为两个部分，第一部分介绍了Volatile关键字的基本概念等内容，第二部分分享了实例代码，具有一定参考价值，需要的朋友可以了解下。
    2017-11-11
  • spring boot如何使用spring AOP实现拦截器

    spring boot如何使用spring AOP实现拦截器

    本篇文章主要介绍了spring boot如何使用spring AOP实现拦截器，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • SpringBoot自动装配Condition的实现方式

    SpringBoot自动装配Condition的实现方式

    这篇文章主要介绍了SpringBoot自动装配Condition的实现方式,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2021-08-08
  • Java自旋锁的实现示例

    Java自旋锁的实现示例

    自旋锁是一种特殊的锁,用于解决多线程同步问题,本文主要介绍了Java自旋锁的实现示例,具有一定的参考价值,感兴趣的可以了解一下
    2024-02-02
  • 浅聊一下Spring中Bean的配置细节

    浅聊一下Spring中Bean的配置细节

    我们知道，当写完一个普通的 Java 类后，想让 Spring IoC 容器在创建类的实例对象时使用构造方法完成实例对象的依赖注入，那么就需要在配置元数据中写好类的 Bean 定义，包括各种标签的属性。所以本文我们来说说这其中的配置细节,需要的朋友可以参考下
    2023-07-07
  • 实践讲解SpringBoot自定义初始化Bean+HashMap优化策略模式

    实践讲解SpringBoot自定义初始化Bean+HashMap优化策略模式

    本篇讲解了SpringBoot自定义初始化Bean+HashMap优化策略模式，通过实践的方式更通俗易懂，对此不了解的同学跟着小编往下看吧
    2021-09-09
  • Quarkus集成Dubbo服务Rpc远程通讯框架整合

    Quarkus集成Dubbo服务Rpc远程通讯框架整合

    这篇文章主要为大家介绍了Quarkus集成Dubbo服务Rpc远程通讯框架的整合，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-02-02

最新评论