springboot入门_thymeleaf

2021-06-29 11:07

阅读：371

YPE html>

标签：velocity ted cli type selected tps cal login ring

在之前的web开发中，视图层我们多数时间都使用的是jsp，但是在使用springboot时，已经不推荐(不推荐但依然可以使用)jsp，而是使用模板引擎，比如thymeleaf、freemarker、velocity等，本文记录在springboot中使用thymeleaf。

创建一个springboot项目，并引入web和thymeleaf的依赖，如下：

 1 
 2  3     org.springframework.boot 4     spring-boot-starter-web
 5  6         
 7 
 8  9     org.springframework.boot10     spring-boot-starter-thymeleaf
11

创建一个视图层页面，thymeleaf默认的视图路径为classpath:/templates/，所以我们在resources路径下创建目录templates，并在templates下创建页面hello.html，代码：

 1 
 2 "http://www.thymeleaf.org" xmlns:tiles="http://www.thymeleaf.org">
 3 4 "UTF-8" >
 5 Insert title here 6 
 7 
 8 "${str}">thymeleaf
 9 
10

创建一个控制器，并写上对应的请求方法，访问视图页面，代码如下：

 1 @Controller
 2 public class ThymeleafController {
 3     
 4     @GetMapping("/hello")
 5     public String hello(Model model) {
 6         model.addAttribute("str", "hello thymeleaf!");
 7         return "hello";
 8     }
 9     
10 }

启动项目，访问http://localhost:8080/hello 浏览器中输出

技术分享图片

到此说明thymeleaf已经成功和spring集成。

我们在加一个方法，简单的使用thymeleaf接收传递的参数。方法：

@GetMapping("/welcome")
    public String welcome(Model model) {
        //传递字符串
        model.addAttribute("str", "world");
        //传递对象
        Book book = new Book("springboot", 12.3);
        model.addAttribute("book", book);
        //传递集合对象
        List list = new ArrayList();
        Book book1 = new Book("book1", 11.1);
        list.add(book1);
        Book book2 = new Book("book2", 22.2);
        list.add(book2);
        Book book3 = new Book("book3", 33.3);
        list.add(book3);
        model.addAttribute("list", list);
        
        model.addAttribute("id", 5);
        
        String htmlStr = "文本替换";
        model.addAttribute("htmlStr", htmlStr);
        
        Date currentDate = new Date();
        model.addAttribute("currentDate", currentDate);
        
        return "welcome";
    }

 1 
 2 "http://www.thymeleaf.org" xmlns:tiles="http://www.thymeleaf.org">
 3  4 "UTF-8" >
 5 Insert title here 6 
 7 
 8 thymeleaf 简单用法!
 9 
10 集合遍历 th:each：
11

1213141516"book:${list}"> 17181920

书名	价格
"${book.name}">书名	"${book.money}">价格

21 动态ID th:id："text" th:id="‘id‘+${id}">
22 属性设置值 th:value："text" th:value="${str}">
23 文本替换值 th:text："${str}">文本值替换
24 html文本替换 th:utext:

"${htmlStr}">文本值替换

25 设置样式：th:style"text" th:style="‘background-color:#FF0000;‘">
26 点击事件 th:onclick："button" th:onclick="‘alert(1)‘" th:value="按钮"/>
27 链接 th:href："@{/login1}" th:text="登录1"> "@{/login2}">登录2
28 判断 th:if(满足时才会显示)：if="${id} > 5">大于 if="${id} ">小于 if="${id} == 5">等于
29 表单action th:action: 30
31 下拉框选中 th:selected: 32 select> 33 34 35 36 37 38 select>
39 当前时间："${{currentDate}}">当前时间
40 "${#dates.format(currentDate,‘yyyy-MM-dd HH:mm:ss‘)}">当前时间
41 计算："text" th:value="${id}+1">
42 43

以上是springboot中thymeleaf的简单使用，有不正确的地方，欢迎朋友们留言。

下载源码：https://files.cnblogs.com/files/wlzq/springboot_thymeleaf.zip

springboot入门_thymeleaf

标签：velocity ted cli type selected tps cal login ring

原文地址：https://www.cnblogs.com/wlzq/p/9646207.html

上一篇：python安装配置

下一篇：springMVC swagger2

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：springboot入门_thymeleaf
文章链接：http://soscw.com/essay/99348.html

亲，登录后才可以留言！

springboot入门_thymeleaf

文本替换

评论

热门文章

推荐文章

最新文章

置顶文章