Spring Boot快速入门(六):thymeleaf

原文地址:https://lierabbit.cn/articles/8

静态资源

在我们开发Web应用的时候,需要引用大量的js、css、图片等静态资源。

Spring Boot的默认位置是resources/static

模版页面

各种模版的页面,这次我们选用Thymeleaf

Spring Boot的默认位置是resources/templates

渲染页面

在之前的示例中,我们都是通过@RestController来处理请求,所以返回的内容为json对象。当我们需要页面的时候使用@Controller,使其寻找模版页面

添加依赖

对于已存在的项目可以在bulid.gradle加入

compile(‘org.springframework.boot:spring-boot-starter-thymeleaf‘)
compile(‘org.springframework.boot:spring-boot-starter-web‘)

至此Thymeleaf已经引入

创建控制器

新建一个ThymeleafCtrl类

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller//这是一个控制器
public class ThymeleafCtrl
{
    @RequestMapping("/")
    public String hello(Model model)
    {
        model.addAttribute("hello","hello thymeleaf");//添加一个值为"hello thymeleaf"的hello变量到视图
        return "hello";//在templates下寻找hello.html
    }
} 

创建模版页面

在resources/templates创建一个hello.html页面

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"><!-- xmlns:th="http://www.thymeleaf.org" 减少ide报错,可以没有 -->
<head>
    <meta charset="UTF-8"/>
    <title>Hello</title>
</head>
<body>
<h1 th:text="${hello}">LieRabbit</h1><!-- 使用hello变量 -->
<img src="lierabbit.jpg"/>
</body>
</html>

添加图片资源

在resources/static添加lierabbit.jpg

运行结果

更多的Thymeleaf的语法请前往官网查看文档(http://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html

源码地址:https://github.com/LieRabbit/SpringBoot-thymeleaf

原文地址:https://lierabbit.cn/articles/8

原文地址:https://www.cnblogs.com/lierabbit/p/8328540.html

时间: 2024-11-05 22:52:48

Spring Boot快速入门(六):thymeleaf的相关文章

Spring Boot快速入门(二):http请求

原文地址:https://lierabbit.cn/articles/4 一.准备 postman:一个接口测试工具 创建一个新工程 选择web 不会的请看Spring Boot快速入门(一):Hello Spring Boot 二.开始 新建java类RequestCtrl 1.添加一个all方法,使用@RequestMapping注解,可以处理所有的http请求 @RestController//这是一个控制器并只返回数据不寻找视图 public class RequestCtrl { @R

微服务的入门级微框架Spring Boot快速入门

详情请交流  QQ  709639943 00.微服务的入门级微框架Spring Boot快速入门 00.基于java的微信公众号二次开发视频教程 00.leetcode 算法 面试 00.北风网 零基础到数据(大数据)分析专家-首席分析师 00.快速上手JMeter 00.Jmeter 00.2017年Java web开发工程师成长之路 00.R语言速成实战 00.R语言数据分析实战 00.Python+Django+Ansible Playbook自动化运维项目实战 00.Java深入微服务

Spring Boot 快速入门 史上最简单

1.Spring Boot 概述 Spring Boot 是所有基于 Spring 开发的项目的起点.Spring Boot 的设计是为了让你尽可能快的跑起来 Spring 应用程序并且尽可能减少你的配置文件. 2.什么是 Spring Boot Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置.用我的话来理解,就是spring boot其实不是什么新

Spring Boot 快速入门

什么是spring boot Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置.用我的话来理解,就是spring boot其实不是什么新的框架,它默认配置了很多框架的使用方式,就像maven整合了所有的jar包,spring boot整合了所有的框架(不知道这样比喻是否合适). 使用spring boot有什么好处 其实就是简单.快速.方便!平时如果我

Spring Boot快速入门 (一)

1.IDE工具的安装和使用 1.1.下载IDE Spring Tool Suite Eclipse 1.2.介绍 maven是学习Spring Boot必备之一 Spring Tool Suite可快速搭建Spring Boot项目 1.3.Spring Boot项目结构预览 2.RESTfull API简单项目的快速搭建 2.1.搭建一个简单的RESTfull API接口项目 2.2.引入spring-boot-starter-web 2.3.引入spring-boot-devtools 2.

Spring Boot 快速入门(一)

简介  相信很多人都接触spring框架很长时间了,每次搭建spring框架的时候都需要配置好多的jar.xml,做很多繁琐重复的配置,稍微不留神就会出现各种各样的问题,每次调试真的是香菇.蓝瘦啊. spring boot的出现帮助我们彻底解决了这些jar的依赖,只需要很少的配置就可以完成我们的开发工作,我们可以把自己的应用打包成jar,使用java -jar来运行spring web应用,spring boot集成了很多的web容器,后面都会慢慢讲到这些,今天我们就开始使用spring boo

Spring Boot快速入门

安装 安装依赖 maven是一个依赖管理工具,我们利用maven进行构建.创建一个maven项目,在pom.xml里面添加依赖项 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance&quo

spring boot快速入门 10: 日志使用

第一步:pom 文件 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/PO

Spring Boot快速入门(五):使用MyBatis(注解形式)进行数据库操作

原文地址:https://lierabbit.cn/articles/7 添加依赖 新建项目选择web,MyBatis,MySQL三个依赖  对于已存在的项目可以在bulid.gradle加入,spring boot将会帮你自动配置好 compile('org.springframework.boot:spring-boot-starter-data-jpa') compile('org.springframework.boot:spring-boot-starter-web') runtime