在pom.xml当中加入这俩个依赖

         <dependency>

			<groupId>org.springframework.boot</groupId>

			<artifactId>spring-boot-starter-thymeleaf</artifactId>

		</dependency>

		<dependency>

			<groupId>net.sourceforge.nekohtml</groupId>

			<artifactId>nekohtml</artifactId>

			<version>1.9.22</version>

		</dependency>

NekoHTML 是HTML扫描器和标签补偿器，能增补缺失的父元素、自动用结束标签关闭相应的元素，以及不匹配的内嵌元素标签。

application.properties

##端口号

server.port=8888

##去除thymeleaf的html严格校验

spring.thymeleaf.mode=LEGACYHTML5

#设定thymeleaf文件路径 默认为src/main/resources/templates

spring.freemarker.template-loader-path=classpath:/templates

#设定静态文件路径，js,css等

spring.mvc.static-path-pattern=/static/**

#是否开启模板缓存，默认true

#建议在开发时关闭缓存,不然没法看到实时页面

spring.thymeleaf.cache=false

#模板编码

spring.freemarker.charset=UTF-8

ThymeleafController.java

@Controller

public class ThymeleafController {

    @RequestMapping(value = "/")

    public String thymeleafTest(ModelMap modelMap) {

        modelMap.addAttribute("msg", "你好公子潘");

        modelMap.addAttribute("tag", "http://localhost:8080/gtvg/order/details");

        int[] s=new int[]{9,9,34};

        modelMap.addAttribute("one","s");

        List<Map<String,Object>>list=new ArrayList<>();

        Map<String,Object>m=new HashMap<>();

        m.put("name","pan");

        list.add(m);

        m=new HashMap<>();

        m.put("name","chen");

        list.add(m);

        m=new HashMap<>();

        m.put("name","chenyiqiao");

        list.add(m);

        m=new HashMap<>();

        m.put("name","kai");

        list.add(m);

        modelMap.addAttribute("list",list);

        return "thymeleaf";

    }

    @RequestMapping(value = "/tag")

    public String tag()

    {

        return "test";

    }

}

thymeleaf.html

<!DOCTYPE html>

<html lang="en">

<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<div th:text="${msg}"></div>

<div th:text="${tag}"></div>

<input type="text" th:value="${msg}">

<a th:href="@{https://cdn2.jianshu.io/assets/web/nav-logo-4c7bbafe27adc892f3046e6978459bac.png}">

    超链接</a>

<a th:href="@{tag}">controller跳转</a>

<img th:src="${'https://123p3.sogoucdn.com/imgu/2018/04/20180404144123_595.png'}"/>

<div th:each="m,iterStat : ${list}">

    <div th:text="${m.name}"></div>

    <span th:text="'index:'+${iterStat.index}"></span>

    <span th:text="${'count:'+iterStat.count}"></span>

    <span th:text="'current：'+${iterStat.current}"></span>

    <span th:text="${'odd:'+iterStat.odd}"></span>

    <span th:text="${'even:'+iterStat.even}"></span>

    <span th:text="${'size:'+iterStat.size}"></span>

</div>

</body>

</html>

test.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

test

</body>

</html>

个人网站

SpringBoot+thymelates入门的更多相关文章

  1. SpringData 基于SpringBoot快速入门

    SpringData 基于SpringBoot快速入门 本章通过学习SpringData 和SpringBoot 相关知识将面向服务架构(SOA)的单点登录系统(SSO)需要的代码实现.这样可以从实战 ...

  2. SpringBoot Docker入门，SpringBoot Docker安装

    SpringBoot Docker入门,SpringBoot Docker安装 ================================ ©Copyright 蕃薯耀 2018年4月8日 ht ...

  3. 01-项目简介Springboot简介入门配置项目准备

    总体课程主要分为4个阶段课程: ------------------------课程介绍------------------------ 01-项目简介Springboot简介入门配置项目准备02-M ...

  4. SPRING-BOOT系列之SpringBoot快速入门

    今天 , 正式来介绍SpringBoot快速入门 : 可以去如类似 https://docs.spring.io/spring-boot/docs/2.1.0.BUILD-SNAPSHOT/refer ...

  5. SpringBoot快速入门01--环境搭建

    SpringBoot快速入门--环境搭建 1.创建web工程 1.1 创建新的工程. 1.2  选择maven工程,点击下一步. 1.3 填写groupid(maven的项目名称)和artifacti ...

  6. SpringBoot 初入门

    SpringBoot 初入门 关于介绍什么之类的就不讲了,主要做一下学习记录. 1. 启动方式 IDEA 启动 命令行启动: mvn spring-boot:run 部署到服务器启动: 先进行打包, ...

  7. springBoot从入门到源码分析

    先分享一个springBoot搭建学习项目,和springboot多数据源项目的传送门:https://github.com/1057234721/springBoot 1. SpringBoot快速 ...

  8. SpringBoot基础篇-SpringBoot快速入门

    SpringBoot基础 学习目标: 能够理解Spring的优缺点 能够理解SpringBoot的特点 能够理解SpringBoot的核心功能 能够搭建SpringBoot的环境 能够完成applic ...

  9. Springboot快速入门篇，图文并茂

    Springboot快速入门篇,图文并茂 文章已托管到GitHub,大家可以去GitHub查看阅读,欢迎老板们前来Star!搜索关注微信公众号 [码出Offer] 领取各种学习资料! image-20 ...

随机推荐

  1. openvswitch datapath 内核态流表创建过程（ovs_flow_cmd_new）

    datapath流表更新的入口函数都定义在dp_flow_genl_ops中,流表创建的入口函数是ovs_flow_cmd_new函数,通过该函数,我们可以一窥流表相关信息的建立. 1.ovs_flo ...

  2. Yes，I know the way to learn Ens !

    In recent years, translation has gone out of fashion as a way to learn a new language. A lot of peop ...

  3. FunDA（12）－ 示范：强类型数据源 - strong typed data sources

    FunDA设计的主要目的是解决FRM(Functional Relation Mapping)如Slick这样的批次型操作工具库数据源行间游动操作的缺失问题.FRM产生的结果集就是一种静态集合,缺乏动 ...

  4. Jmeter测试计划要素

    Jmeter中一个脚本就是一个测试计划,也是一个管理单元.Jmeter的请求模拟与并发数(设置线程数,一个线程即代表一个虚拟用户)设置都在脚本文件中一起设置. 测试计划要素如下: 1.脚本中测试计划只 ...

  5. 原来css也可以计算-calc()使用

    在浏览其他人的源代码时,看到了一个陌生的属性:width:calc(100% - 10px -10px); 出于好奇心,百度了一下,看到了以下这篇文章,http://www.w3cplus.com/c ...

  6. iOS —— GCD 详解

    一.什么是GCD Grand Central Dispatch (强大的中枢调度器) ,是异步执行任务的技术之一.纯C语言,有很多强大的函数. 二.GCD的优势 (1)GCD是苹果公司为多核并行运算提 ...

  7. 【树】Populating Next Right Pointers in Each Node

    题目: Given a binary tree struct TreeLinkNode { TreeLinkNode *left; TreeLinkNode *right; TreeLinkNode ...

  8. 《LeetBook》leetcode题解(15):3Sum[M]

    我现在在做一个叫<leetbook>的免费开源书项目,力求提供最易懂的中文思路,目前把解题思路都同步更新到gitbook上了,需要的同学可以去看看 书的地址:https://hk029.g ...

  9. [中英对照]Linux kernel coding style | Linux内核编码风格

    Linux kernel coding style | Linux内核编码风格 This is a short document describing the preferred coding sty ...

  10. Nginx配置日志格式记录cookie

    Nginx配置日志格式记录cookie1. 一般用来做UV统计,或者获取用户token等. 配置方式:  在nginx的配置文件中有个变量:$http_cookie来获取cookie的信息.配置方式很 ...