代码结构：

1、ThymeleafController

 package com.xxx.firstboot.web;

 import org.springframework.stereotype.Controller;

 import org.springframework.ui.Model;

 import org.springframework.web.bind.annotation.RequestMapping;

 import org.springframework.web.bind.annotation.RequestMethod;

 import org.springframework.web.bind.annotation.RequestParam;

 import org.springframework.web.bind.annotation.ResponseBody;

 import io.swagger.annotations.Api;

 import io.swagger.annotations.ApiOperation;

 @Api("测试Thymeleaf和devtools")

 @Controller

 @RequestMapping("/thymeleaf")

 public class ThymeleafController {

     @ApiOperation("第一个thymeleaf程序")

     @RequestMapping(value = "/greeting", method = RequestMethod.GET)

     public String greeting(@RequestParam(name = "name", required = false, defaultValue = "world") String name,

                            Model model) {

         model.addAttribute("xname", name);

         return "index";

     }

     @ApiOperation("thymeleaf ajax")

     @ResponseBody

     @RequestMapping(value = "/ajax", method = RequestMethod.GET)

     public String ajax(@RequestParam("username") String username) {

         return username;

     }

 }

说明：

  • 第一个是springMVC经典返回形式modelAndView
  • 第二个是ajax返回形式

2、index.html

 <!DOCTYPE HTML>

 <html xmlns:th="http://www.thymeleaf.org">

 <head>

 <title>index</title>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 <link th:href="@{/bootstrap/css/bootstrap.min.css}" rel="stylesheet"/>

 <link th:href="@{/bootstrap/css/bootstrap-theme.min.css}" rel="stylesheet" />

 </head>

 <body>

     <div class="panel panel-primary">

         <div class="panel-heading">hello</div>

         <div class="panel-body" th:text="${xname}"></div>

     </div>

     <div class="panel panel-warning">

         <div class="panel-heading">hello</div>

         <div id="usernamediv" class="panel-body"></div>

     </div>

     <script type="text/javascript" th:src="@{/js/jquery-1.11.1.js}"></script>

     <script type="text/javascript" th:src="@{/bootstrap/js/bootstrap.min.js}"></script>

     <script th:inline="javascript">

         $(function(){

             $.ajax({

                 url:"/thymeleaf/ajax",

                 data:{

                     username:"xxx"

                 },

                 type:"get",

                 dataType:"text",

                 success:function(text){

                     alert(text);

                     $("#usernamediv").text(text);

                 }

             });

         });

     </script>

 </body>

 </html>

说明：

  • 引入外界静态资源的方式@{/xxx}，默认的静态资源的根是"static"
  • ajax的返回类型dataType要选好（一般就是"text"/"json"）
  • ajax的请求方法类型type要与controller相同，否则抛出405错误

文档：

第十八章 springboot + thymeleaf的更多相关文章

  1. 第二十八章 springboot + zipkin（brave定制-AsyncHttpClient）

    brave本身没有对AsyncHttpClient提供类似于brave-okhttp的ClientRequestInterceptor和ClientResponseInterceptor,所以需要我们 ...

  2. 第三十八章 springboot+docker（maven）

    回顾上一章的整个部署过程: 使用"mvn install"进行打包jar 将jar移动到与Dockerfile文件相同的文件夹下 编写Dockerfile文件 使用"do ...

  3. 不要再学 JSP 了，学 SpringBoot + Thymeleaf + Vue吧

    老读者就请肆无忌惮地点赞吧,微信搜索[沉默王二]关注这个在九朝古都洛阳苟且偷生的程序员.本文 GitHub github.com/itwanger 已收录,里面还有我精心为你准备的一线大厂面试题. 读 ...

  4. 《Linux内核设计与实现》读书笔记 第十八章 调试

    第十八章调试 18.1 准备开始          需要准备的东西: l  一个bug:大部分bug通常都不是行为可靠而且定义明确的 l  一个藏匿bug的内核版本:找出bug首先出现的版本 l  相 ...

  5. Python之路【第十八章】：Django基础

    Django基本配置 Python的WEB框架有Django.Tornado.Flask 等多种,Django相较与其他WEB框架其优势为:大而全,框架本身集成了ORM.模型绑定.模板引擎.缓存.Se ...

  6. 《Linux内核设计与实现》课本第十八章自学笔记——20135203齐岳

    <Linux内核设计与实现>课本第十八章自学笔记 By20135203齐岳 通过打印来调试 printk()是内核提供的格式化打印函数,除了和C库提供的printf()函数功能相同外还有一 ...

  7. 《Linux命令行与shell脚本编程大全》 第十八章 学习笔记

    第十八章:初识sed和gawk 文本处理 sed编辑器 sed编辑器可以基于输入到命令行的或是存储在命令文本文件中的命令来处理数据流中的数据. 它每次读取一行,用提供的编辑器命令匹配数据.按命令中指定 ...

  8. org.springframework.expression.spel.SpelEvaluationException: EL1004E: Method call: Method service() cannot be found on com.my.blog.springboot.thymeleaf.util.MethodTest type

    前言 本文中提到的解决方案,源码地址在:springboot-thymeleaf,希望可以帮你解决问题. 至于为什么已经写了一篇文章thymeleaf模板引擎调用java类中的方法,又多此一举的单独整 ...

  9. 第十八章 DjangoWeb开发框架

    第十八章 DjangoWeb开发框架 第一课 内容概要: 1.JS正则 -登录注册验证 2.组件 1.BootStrap -css -js 学习BootStrap规则 2.jQueryUI -css ...

随机推荐

  1. Ext.example.msg()应用

    ①需要在开发包中包含文件夹example/shared中的example.js和example.css两个文件即可. ②在html文件中引入: <script src="../extj ...

  2. shell 规范

    代码风格规范 开头有“蛇棒” 所谓shebang其实就是在很多脚本的第一行出现的以”#!”开头的注释,他指明了当我们没有指定解释器的时候默认的解释器,一般可能是下面这样: #!/bin/bash 当然 ...

  3. [ 原创 ]学习笔记-Android 中关于Cursor类的介绍

    此博文转载自:http://www.cnblogs.com/TerryBlog/archive/2010/07/05/1771459.html 主讲Cursor的用法 使用过 SQLite 数据库的童 ...

  4. DHTML参考手册

    中文DHTML参考手册 本dhtml教程由宏博内容管理系统为它的Smarty模板制作者收集的,目的是可以做出更加精美的模板.下面列出了由动态 HTML 定义的对象.DHTML中文参考手册,实用dhtm ...

  5. BZOJ 1951SDOI2010 古代猪文

    真是到很强的数学题 先利用欧拉定理A^B %p=A^(B%φ(p)+φ(p) ) %p 然后利用卢卡斯定理求出在modφ(p)的几个约数下的解 再利用中国剩余定理合并 计算答案即可 By:大奕哥 #i ...

  6. python开发_函数的参数传递

    在这个用例中,我们要讨论的是关于函数的传参问题 我所使用的python版本为3.3.2 对于函数: def fun(arg): print(arg) def main(): fun('hello,Ho ...

  7. URAL 1881 Long problem statement

    1881. Long problem statement Time limit: 0.5 secondMemory limit: 64 MB While Fedya was writing the s ...

  8. IO流-递归遍历目录下指定后缀名结尾的文件名称

    /* *自定义遍历目录下指定后缀名结尾文件的名称的方法: * * param file:指定目录 name:指定后缀名 */ 1 public static void FileName(File fi ...

  9. C#情怀与未来，怨天尤人还是抓住机会，能否跟上dnc新时代浪潮？

    C#情怀与未来,怨天尤人还是抓住机会,能否跟上dnc新时代浪潮?   经常看到有.NET圈子在讨论是否应该转其它语言   C#情怀是一方面,如果觉得C#未来没前途,光靠情怀是撑不住的, 建议对C#未来 ...

  10. Android性能优化之渲染

    Google近期在Udacity上发布了Android性能优化的在线课程,目前有三个篇章,分别从渲染,运算与内存,电量三个方面介绍了如何去优化性能,这些课程是Google之前在Youtube上发布的A ...