Thymeleafは、Javaのテンプレートエンジンの新世代で、そのフロントエンドの開発者に優しい構文は直接編集開くことができ、春ブーツもテンプレートエンジンとしてそれを使用することをお勧めし、この記事では、それは静的なページを生成するためのテンプレートを提供してレンダリングするためにAPIを使用する方法を示します。
- Mavenのは、導入依存しています
<dependency>
<groupId>org.thymeleaf</groupId>
<artifactId>thymeleaf</artifactId>
<version>3.0.5.RELEASE</version>
</dependency>
- テンプレートを作成し、テンプレート/ example.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1 th:text="${name}">列表名称</h1>
<ul>
<li th:each="item: ${array}" th:text="${item}">条目</li>
</ul>
</body>
</html>
- テンプレートをレンダリングAPIを使用すると、静的なページを生成します
//构造模板引擎
ClassLoaderTemplateResolver resolver = new ClassLoaderTemplateResolver();
resolver.setPrefix("templates/");//模板所在目录,相对于当前classloader的classpath。
resolver.setSuffix(".html");//模板文件后缀
TemplateEngine templateEngine = new TemplateEngine();
templateEngine.setTemplateResolver(resolver);
//构造上下文(Model)
Context context = new Context();
context.setVariable("name", "蔬菜列表");
context.setVariable("array", new String[]{"土豆", "番茄", "白菜", "芹菜"});
//渲染模板
FileWriter write = new FileWriter("result.html");
templateEngine.process("example", context, write);
- 実行されるコード生成された結果を参照してください、result.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>蔬菜列表</h1>
<ul>
<li>土豆</li>
<li>番茄</li>
<li>白菜</li>
<li>芹菜</li>
</ul>
</body>
</html>