初学者idea web项目搭建之路(四) thymeleaf模板引擎

 前言

自己摸索了一阵后,在网络上找了一个入门的spring boot视频看了一下,有如醍醐灌顶一般,瞬间就筑基成功突破了,毕竟学习知识还是成体系的好。

模板引擎依赖引入

首先吧抛出两个官网spring官网,thymeleaf官网,其实吧,你要用别人的东西,肯定是通过人家官网提供的demo和doc文档学习最好,而且现在浏览器都带有翻译,准确率也挺高,对我们这些词汇量极低的人倒是一个福利。

ok,依赖包如下,没有配置版本号,因为下哪个版本的spring boot 会帮我们决定,其实我觉得吧,可能配置了第一个就行了,后面两个会自动依赖进去。

  // 添加 Thymeleaf 的依赖
    implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
    implementation 'org.thymeleaf:thymeleaf-spring5'
    implementation 'org.thymeleaf.extras:thymeleaf-extras-java8time'

因为使用的是spring boot 所以也没有其它更多的配置了,开箱即用。

简单demo

依赖导入了,来个简单demo吧,也只能是简单demo了,深入的,我也还没去了解。

首先,我们在controller包下建个TestController,代码如下。

重点是 @Controller标签和@RequestMapping标签,@Controller指明这是一个控制器,@RequestMapping指明访问地址

package org.ironman.ticketsellingsystem.controller;


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

import java.util.HashMap;
import java.util.Map;
//@Controller 和 @RestController 是有区别的。@RestController 相当于@Controller+@ResponseBody
@Controller
public class TestController {
    @RequestMapping("/test")
    public String index(Model model) {
        model.addAttribute("hello", "hello world");
        return "test";
    }
}

然后,在Templates文件夹下,新建test.html,代码如下。示例代码官网的doc文档里是有的,我也是copy了一下。

重点是xmlns:th="http://www.thymeleaf.org"这句,引入thymeleaf,${hello}与控制器中add的属性名是一致的。“test”即是我们要返回的页面,注意我注释中写的东西,若是写的@RestController,那只会打印test字符串。




    
    im test page


Welcome to our grocery store!

结果如下。

初学者idea web项目搭建之路(四) thymeleaf模板引擎_第1张图片

模板引擎的话就是  ,数据+模板=页面。数据在控制器中设置,在模板中用${属性名}标识出来,到最后生成页面时,将控制器中的数据替换过去就生成了我们实际的界面。很方便的说。

你可能感兴趣的:(idea,web项目搭建之路)