那你用thymeleaf写一个示例
时间: 2023-03-07 22:07:15 浏览: 68
我可以给你一个用Thymeleaf来写的一个简单的示例:<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Thymeleaf 示例</title>
<meta charset="UTF-8"/>
</head>
<body>
<h1>Hello, {{name}}!</h1>
</body>
</html>
相关问题
用thymeleaf写一个首页
好的,以下是一个简单的Thymeleaf首页示例:
```html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>首页</title>
</head>
<body>
<h1 th:text="${pageTitle}">欢迎访问我们的网站!</h1>
<p th:text="${welcomeMessage}">这里是一个基于Thymeleaf的简单网站首页。</p>
</body>
</html>
```
在这个示例中,我们使用了Thymeleaf提供的“文本替换”功能,通过`${...}`语法将后端传来的变量值渲染到HTML标签中。其中,`th:text`指令用于替换文本内容,`th:attr`指令用于替换HTML标签属性值。
在后端Java代码中,需要将变量值传入Model对象中,如下所示:
```java
@Controller
public class HomeController {
@GetMapping("/")
public String home(Model model) {
model.addAttribute("pageTitle", "网站首页");
model.addAttribute("welcomeMessage", "欢迎来到我们的网站!");
return "index";
}
}
```
在这个例子中,我们使用了Spring MVC框架作为Web应用的后端,通过`@Controller`注解定义了一个控制器类,并在`home`方法中将两个变量值传入Model对象中。最后,返回`index`字符串,表示将使用Thymeleaf模板引擎渲染名为`index.html`的HTML模板文件。
用thymeleaf写一个博客首页页面
好的,我可以给您提供一个thymeleaf写的博客首页页面的示例,您可以根据自己的需求进行修改。
```
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>博客首页</title>
</head>
<body>
<div th:replace="fragments/header :: header"></div>
<div class="container">
<div class="row">
<div class="col-md-8">
<h2>最新文章</h2>
<div th:each="article : ${articles}" class="article">
<h3 th:text="${article.title}"></h3>
<p th:text="${article.summary}"></p>
<a th:href="@{/article/{id}(id=${article.id})}">阅读更多</a>
</div>
</div>
<div class="col-md-4">
<h2>热门文章</h2>
<div th:each="article : ${hotArticles}" class="article">
<h3 th:text="${article.title}"></h3>
<p th:text="${article.summary}"></p>
<a th:href="@{/article/{id}(id=${article.id})}">阅读更多</a>
</div>
</div>
</div>
</div>
<div th:replace="fragments/footer :: footer"></div>
</body>
</html>
```
这个页面使用了thymeleaf的语法,其中`fragments/header`和`fragments/footer`是引用了其他页面中定义的header和footer,可以用来避免重复代码的编写。页面中展示了最新文章和热门文章,使用了`th:each`指令来循环展示每个文章的标题、摘要和阅读更多的链接,这些数据来源于`articles`和`hotArticles`这两个变量,需要在控制器中注入并赋值。