我整理了关于模板引擎Thymeleaf的基础知识（SpringBoot版）

1 年 ago

科, 雅

2 minutes

Thymeleaf是什么？

Thymeleaf提供了一种特殊属性”th:□□”和特殊符号${}，通过这种方式来描述内容，而不影响HTML标签的结构。

我們接下來也要考慮是否要在開發中使用Spring Boot。

是否要在开发中使用Spring Boot？

什么是Spring Boot？ – 开发的利益
⇒ 通过组合SpringMVC和其他Spring Framework的库，快速构建Web应用程序环境的起步工具式库。

● 在Spring Boot中，构建开发环境非常简便
⇒ 只需在配置文件中添加专用的启动库，即可集成各种必要的库并搭建开发环境
● 可通过在Eclipse中安装专用开发工具”Spring Tool Suite（STS）”来使用

可以自动化生成数据库访问（如JPA）等。

要在Eclipse中安装？

请问你是要我用中文给这篇文章做一个句子转述吗？链接是：https://qiita.com/0ashina0/items/d02cabfba73bffadead8

●创建项目

你好控制器 (nǐ zhì qì)

首先，我们尝试创建一个Controller类来描述在访问特定地址时要执行的处理过程。

package com.example.demo;

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

@RestController
public class HelloController {

	@RequestMapping("/")
	public String index() {
		return "Hello Spring-Boot World!";
	}
}

执行动作是右击项目→执行→Spring Boot 应用程序

创建模板文件

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" >
<head>
<title>top page</title>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
	<style>
	h1{ font-size:18pt; font-weight:bold; color:gray; }
	body{ font-size:13pt; color:gray; margin:5px 25px; }
	</style>
</head>
<body>
	<h1>Hello page</h1>
	<p>This is a Thymeleaf Page</p>
	<!-- テンプレートに値を表示するには、下記のように使用します 
	<p class="msg" th:text="${msg}"></p>
	 -->
</body>
</html>

package com.example.demo;

import org.springframework.stereotype.Controller;
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.servlet.ModelAndView;

@Controller
public class HelloController {
	@RequestMapping(value="/", method=RequestMethod.GET)
	public ModelAndView index(ModelAndView mav) {
		mav.setViewName("index");
		mav.addObject("msg", "お名前を書いて送信してください。");
		return mav;
	}
	@RequestMapping(value="/", method=RequestMethod.POST)
	public ModelAndView send(@RequestParam("text1")String str, ModelAndView mav) {
		mav.setViewName("index");
		mav.addObject("msg", "こんにちは、" +str+ "さん！");
		mav.addObject("value", str);
    	mav.setViewName("index");
		return mav;
	}
}

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" >
<head>
<title>top page</title>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
	<style>
	h1{ font-size:18pt; font-weight:bold; color:gray; }
	body{ font-size:13pt; color:gray; margin:5px 25px; }
	</style>
</head>
<body>
	<h1>Hello page</h1>
	<p class="msg" th:text="${msg}">please wait...</p>
	<form method="post" action="/">
		<input type="text" name="text1" th:value="${value}" />
		<input type="submit" value="Click" />
	</form>
</body>
</html>

如果你有兴趣的话，请参考其他不同的网站，看看Thymeleaf的例子。

● 参考资料：入门级教程 – Spring Boot + Thymeleaf
网址：https://www.shookuro.com/entry/2017/11/18/142212

《初次使用SpringBoot – 使用Thymeleaf和JSP进行条件分岐》

●Thymeleaf Reference: 有Thymeleaf参考文档的日文翻译可用