สวัสดีตอนเช้าทุกคน! ฉันกำลังพยายามทำให้ส่วน Thymeleaf ของเทมเพลตและแฟรกเมนต์ทำงานได้ แต่ไม่มีอะไรเกิดขึ้นบนเพจ...
ฉันทดสอบการกำหนดค่าหลายอย่างแล้ว แต่ฉันไม่สามารถทำอะไรที่จะทำให้ส่วนนี้ของ th:block
ทำงานหรือทำให้ layout.html
ถูกต้องได้
ใครสามารถช่วยฉันหน่อยได้ไหม? ดูรหัสด้านล่าง:
new.html
:
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorator="layout">
<th:block layout:fragment="content">
<ul>
<li th:each="name : ${list}">
<p th:text="${name}"></p>
</li>
</ul>
</th:block>
</html>
layout.html
:
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
<meta charset="ISO-8859-1" />
<title>Insert title here</title>
<link rel="stylesheet" th:href="/th@{/css/bootstrap.min.css}" />
</head>
<body>
<th:block layout:replace="fragments/header"></th:block>
<div class="container-fluid">
<div class="row">
<th:block layout:fragment="content"></th:block>
</div>
</div>
<script th:src="@{/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
</body>
</html>
header.html
:
<nav class="navbar navbar-toggleable-md navbar-light bg-faded">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#nav">
<span class="navbar-toggler-icon"></span>
</button>
<a href="/th" class="navbar-brand">Spring App</a>
<div class="collapse navbar-collapse" id="nav">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a href="/th" class="nav-link">Home</a>
</li>
<li class="nav-item active">
<a href="/th" class="nav-link">About</a>
</li>
</ul>
</div>
</nav>
ตัวควบคุมเริ่มต้น:
package com.example.teste.controller;
import java.util.ArrayList;
import java.util.List;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
@RequestMapping("/")
public class InicioController {
@GetMapping("/new")
public String newPath(Model model) {
List<String> list = new ArrayList<String>();
list.add("Teste 1");
list.add("Teste 2");
list.add("Teste 3");
list.add("Teste 4");
list.add("Teste 5");
model.addAttribute("list", list);
return "new";
}
}
ฉันพบว่ามันแปลกที่ Thymeleaf xmlns
ไม่ปรากฏขึ้น... เป็นเรื่องปกติหรือไม่?
pom.xml
:
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>com.example</groupId>
<artifactId>teste</artifactId>
<version>0.0.1-SNAPSHOT</version>
<packaging>jar</packaging>
<name>teste</name>
<description>Demo project for Spring Boot</description>
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.0.3.RELEASE</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
<properties>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
<java.version>1.8</java.version>
</properties>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-data-jpa</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>
</project>
ฉันแทรกรูปภาพอื่นที่แสดงส่วนว่างและยังไม่ปรากฏ xmlns: th = "http://www.thymeleaf.org" ฉันไม่รู้ว่านี่เป็นเรื่องปกติแค่ไหน
new.html
: