Механизм шаблонов Thymeleaf | Серия SpringBoot (5)

Spring Boot задняя часть
Механизм шаблонов Thymeleaf | Серия SpringBoot (5)

расширять

Нажмите, чтобы прыгнуть~:Сводка по обучению и расширение серии SpringBoot

@[toc]

1. Введение в Тимелеаф

  • Переданный нам интерфейс представляет собой html-страницу. Если он был разработан нами ранее, нам нужно преобразовать их в jsp-страницы.Преимущество jsp заключается в том, что когда мы узнаем некоторые данные и пересылаем их на JSP-страницу, мы можем использовать jsp для удобного отображения данных и взаимодействия с ними.
  • jsp поддерживает очень мощные функции, в том числе возможность писать Java-код.Однако в нашей текущей ситуации проект SpringBoot - это первый в виде jar, а не war.Как и второй, мы до сих пор используем встроенный Tomcat, так что ну он теперь не поддерживает jsp по умолчанию.
  • эффект:Например, значение является динамическим, а источником этих значений являются данные, возвращаемые фоновым пакетом. Механизм шаблонов может анализировать и заполнять данные и выражения в указанных нами местах.

2. Знакомство с чабрецом

<!--thymeleaf-->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>
  • ③ Убедитесь, что загрузка прошла успешно.

在这里插入图片描述

3. Анализ листьев тимьяна

  • ①Откройте класс ThymeleafProperties.

在这里插入图片描述

  • ②В нем мы видим префикс и суффикс по умолчанию!

    • Нам просто нужно поместить нашу html-страницу в шаблоны в пути к классам, и тимелеаф может автоматически отобразить ее для нас.
    • Использование тимелеафа не требует настройки, просто поместите его в указанную папку!

  • ③Тест:

    • контроллер записи
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
public class helloWorldController {

    @RequestMapping(value = "/test",method = RequestMethod.GET)
    public String hello(){
        return "test";
    }
}


- 编写测试页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>我是标题一！！！！</h1>
</body>
</html>

- 启动测试

在这里插入图片描述

4. Синтаксис листа тимьяна

  • ①контроллер
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
public class helloWorldController {

    @RequestMapping(value = "/test",method = RequestMethod.GET)
    public String hello(Model model){
        //存入数据
        model.addAttribute("msg","我是大大丁大大");
        return "test";
    }
}
  • ②html
<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>大大丁大大</title>
</head>
<body>
<h1>我是标题一！！！！</h1>
<!-- 测试thymeleaf填充数据-->
<div th:text="${msg}"></div>
</body>
</html>
  • ③Результаты тестирования после запуска

在这里插入图片描述

5. Резюме Тимелеафа

  • ①Онлайн-документация:Нажмите, чтобы прыгнуть
  • ②Как читать? Вы можете использовать программу-переводчик, чтобы увидеть, потому что блогеры не очень хорошо говорят по-английски, поэтому смотреть больно!

在这里插入图片描述

  • ③Как найти то, что вам нужно? Найдите все, что вам нужно. Все их запомнить нереально, а при их использовании можно узнать, где они находятся.

在这里插入图片描述

  • ④ Мы можем использовать любой th:attr для замены значения нативного атрибута в Html!

Впереди долгий путь, и я обязательно буду его искать вдоль и поперёк~Если вы думаете, что я блогеры хорошо пишу! Писать нелегко, ставьте лайки, подписывайтесь и комментируйте, чтобы поощрить блоггеров~Пожалуйста, указывайте источник при перепечатке~

Категории