春天和百里香叶布局方言不起作用



我是Spring和Thymeleaf的新手,我正在使用JSF + Facelets,所以我选择了thymeleaf布局方言的方法,因为它与Facelets非常相似,但是,由于某种原因,它在我的简单项目中不起作用。

我的配置文件中有这个

import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import org.springframework.web.WebApplicationInitializer;
import org.springframework.web.context.support.AnnotationConfigWebApplicationContext;
public class AppInitializer implements WebApplicationInitializer {
    @Override
    public void onStartup(ServletContext sc) throws ServletException {
        AnnotationConfigWebApplicationContext applicationContext = new AnnotationConfigWebApplicationContext();
        applicationContext.register(WebConfig.class);
    }
}

网络配置.java

import org.springframework.context.annotation.Configuration;
import org.springframework.context.annotation.Import;
import org.springframework.web.servlet.config.annotation.DefaultServletHandlerConfigurer;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;

@Configuration
@EnableWebMvc
@Import(ThymeLeafConfig.class)
public class WebConfig extends WebMvcConfigurerAdapter {
    @Override
    public void configureDefaultServletHandling(DefaultServletHandlerConfigurer configurer) {
        configurer.enable();
    }
}

my TyhmeLeafConfig

import nz.net.ultraq.thymeleaf.LayoutDialect;
import org.springframework.context.annotation.Bean;
import org.thymeleaf.spring4.SpringTemplateEngine;
import org.thymeleaf.spring4.view.ThymeleafViewResolver;
import org.thymeleaf.templateresolver.ServletContextTemplateResolver;

public class ThymeLeafConfig {
    @Bean
    public ServletContextTemplateResolver templateResolver() {
        ServletContextTemplateResolver resolver = new ServletContextTemplateResolver();
        resolver.setPrefix("/WEB-INF/");
        resolver.setSuffix(".html");
        resolver.setTemplateMode("HTML5");
        resolver.setOrder(1);
        resolver.setCacheable(false);
        return resolver;
    }
    @Bean
    public SpringTemplateEngine templateEngine() {
        SpringTemplateEngine templateEngine = new SpringTemplateEngine();
        templateEngine.setTemplateResolver(templateResolver());
        templateEngine.setDialect(new LayoutDialect());
        return templateEngine;
    }
    @Bean
    public ThymeleafViewResolver viewResolver() {
        ThymeleafViewResolver viewResolver = new ThymeleafViewResolver();
        viewResolver.setTemplateEngine(templateEngine());
        viewResolver.setCharacterEncoding("UTF-8");
        return viewResolver;
    }
}

布局.html文件

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
  <head>
    <title>Layout page</title>
    <script src="js/jquery.js"></script>
  </head>
  <body>
    <header>
      <h1>MASTER!!!!</h1>
    </header>
    <section layout:fragment="content">
      <p>MASTER CODE</p>
    </section>
    <footer>
      <p>My footer</p>
      <p layout:fragment="custom-footer">Custom footer here</p>
    </footer>  
  </body>
</html>

索引.html文件

<p layout:decorator="layout" layout:fragment="content">
    asada
</p>

问题是当我打开 index.html 时,它不包含布局.html文件中的任何内容,文件在根目录中的其他文件旁边,因此其中没有文件夹,我是否错过了配置中的某些内容? 谢谢

即使使用 Spring Boot,您也必须在依赖项中包含这样的布局方言:

<dependency>
    <groupId>nz.net.ultraq.thymeleaf</groupId>
    <artifactId>thymeleaf-layout-dialect</artifactId>
</dependency>

如果您使用的是 Spring 安全性,则还要使用以下依赖项:

<dependency>
    <groupId>org.thymeleaf.extras</groupId>
    <artifactId>thymeleaf-extras-springsecurity4</artifactId>
</dependency>

> 版本 3.0.0:已弃用 布局:装饰器处理器已被删除->布局:装饰 (https://github.com/ultraq/thymeleaf-layout-dialect/blob/main/CHANGELOG.md)

根据 https://github.com/ultraq/thymeleaf-layout-dialect 中的 Read.md,您需要指定文件,而不是文件名。所以你应该有(如果它们在同一个目录中):

<p layout:decorator="layout.html" layout:fragment="content">
    asada
</p>

此外,Thymeleaf 支持布局,这些布局对于将框架包含在代码中也非常有用。更多信息可以在这里找到:http://www.thymeleaf.org/doc/articles/layouts.html

我在

替换时遇到了类似的问题

templateEngine.setDialect(new LayoutDialect());

templateEngine.addDialect(new LayoutDialect());

这解决了它

最新更新