Thymeleaf 3.0教程:2 虚拟杂货店的例子
本指南中显示的示例以及本指南未来章节的源代码可以在https://github.com/thymeleaf/thymeleafexamples-gtvg中找到。
2.1 一个杂货店的网站
为了更好地解释Thymeleaf处理模板所涉及的概念,本教程将使用一个演示应用程序,您可以从项目的网站上下载。
这个应用程序是一个杂货店的网站,将为我们提供许多场景来展示Thymeleaf的许多特性。
首先,我们需要一组简单的应用模型实体:通过创建订单销售给客户的产品。我们还将管理对这些产品的评论:
我们的应用程序还将有一个非常简单的服务层,由包含如下方法的服务对象组成:
public class ProductService { ... public List<Product> findAll() { return ProductRepository.getInstance().findAll(); } public Product findById(Integer id) { return ProductRepository.getInstance().findById(id); } }
在网络层,应用程序有一个过滤器,根据请求网址将执行委托给hymeleaf-enabled的命令:
private boolean process(HttpServletRequest request, HttpServletResponse response) throws ServletException { try { // This prevents triggering engine executions for resource URLs if (request.getRequestURI().startsWith("/css") || request.getRequestURI().startsWith("/images") || request.getRequestURI().startsWith("/favicon")) { return false; } /* * Query controller/URL mapping and obtain the controller * that will process the request. If no controller is available, * return false and let other filters/servlets process the request. */ IGTVGController controller = this.application.resolveControllerForRequest(request); if (controller == null) { return false; } /* * Obtain the TemplateEngine instance. */ ITemplateEngine templateEngine = this.application.getTemplateEngine(); /* * Write the response headers */ response.setContentType("text/html;charset=UTF-8"); response.setHeader("Pragma", "no-cache"); response.setHeader("Cache-Control", "no-cache"); response.setDateHeader("Expires", 0); /* * Execute the controller and process view template, * writing the results to the response writer. */ controller.process( request, response, this.servletContext, templateEngine); return true; } catch (Exception e) { try { response.sendError(HttpServletResponse.SC_INTERNAL_SERVER_ERROR); } catch (final IOException ignored) { // Just ignore this } throw new ServletException(e); } }
这是IGTVGController接口
public interface IGTVGController { public void process( HttpServletRequest request, HttpServletResponse response, ServletContext servletContext, ITemplateEngine templateEngine); }
我们现在要做的就是创建IGTVGController接口的实现,从服务中检索数据,并使用ITemplateEngine对象处理模板。
最终,它会是这样的:
但是首先让我们看看模板引擎是如何初始化的。
2.2 创建和配置模板引擎
过滤器中的process(…)方法包含以下行:
ITemplateEngine templateEngine = this.application.getTemplateEngine();
这意味着GTVGApplication类负责创建和配置Thymeleaf应用程序中最重要的对象之一:模板引擎实例(ITemplateEngine接口的实现)。
org.thymeleaf.TemplateEngine 对象是这样初始化的:
public class GTVGApplication { ... private final TemplateEngine templateEngine; ... public GTVGApplication(final ServletContext servletContext) { super(); ServletContextTemplateResolver templateResolver = new ServletContextTemplateResolver(servletContext); // HTML is the default mode, but we set it anyway for better understanding of code templateResolver.setTemplateMode(TemplateMode.HTML); // This will convert "home" to "/WEB-INF/templates/home.html" templateResolver.setPrefix("/WEB-INF/templates/"); templateResolver.setSuffix(".html"); // Template cache TTL=1h. If not set, entries would be cached until expelled templateResolver.setCacheTTLMs(Long.valueOf(3600000L)); // Cache is set to true by default. Set to false if you want templates to // be automatically updated when modified. templateResolver.setCacheable(true); this.templateEngine = new TemplateEngine(); this.templateEngine.setTemplateResolver(templateResolver); ... } }
配置TemplateEngine对象的方法有很多,但目前这几行代码将教会我们足够多的必要步骤。
模板解析器
让我们从模板解析器开始:
ServletContextTemplateResolver templateResolver = new ServletContextTemplateResolver(servletContext); Template Resolvers are objects that implement an interface from the Thymeleaf API called org.thymeleaf.templateresolver.ITemplateResolver: public interface ITemplateResolver { ... /* * Templates are resolved by their name (or content) and also (optionally) their * owner template in case we are trying to resolve a fragment for another template. * Will return null if template cannot be handled by this template resolver. */ public TemplateResolution resolveTemplate( final IEngineConfiguration configuration, final String ownerTemplate, final String template, final Map<String, Object> templateResolutionAttributes); }
这些对象负责决定如何访问我们的模板,在这个GTVG应用程序中,org.thymeleaf.templateresolver.ServletContextTemplateResolver意味着我们将从Servlet上下文中检索模板文件作为资源:一个存在于每个Java网络应用程序中的应用程序范围的javax.servlet.ServletContext对象,它解析来自网络应用程序根的资源。
但这不是我们能说的关于模板解析器的全部,因为我们可以在它上面设置一些配置参数。首先,模板模式:
templateResolver.setTemplateMode(TemplateMode.HTML);
HTML是ServletContextTemplateResolver的默认模板模式,但是最好还是建立它,以便我们的代码清楚地记录正在发生的事情。
templateResolver.setPrefix("/WEB-INF/templates/"); templateResolver.setSuffix(".html");
前缀和后缀修改模板名称,我们将传递给引擎以获得要使用的真实资源名称。
使用此配置,模板名称“product/list”将对应于:
servletContext.getResourceAsStream("/WEB-INF/templates/product/list.html")
或者,在模板解析器中,通过cacheTTLMs属性配置解析后的模板在缓存中的驻留时间:
templateResolver.setCacheTTLMs(3600000L);
如果达到最大缓存大小,并且模板是当前缓存的最早条目,则在达到TTL之前,仍可以将其从缓存中排除。
缓存行为和大小可以由用户通过实现ICacheManager接口或通过修改StandardCacheManager对象来管理默认缓存来定义。
关于模板解析器还有很多要学习的,但是现在让我们来看看模板引擎对象的创建。
模板引擎
模板引擎对象是org.thymeleaf.ITemplateEngine接口的实现。Thymeleaf核心:org.thymeleaf.TemplateEngine提供了其中的一个实现,我们在这里创建了一个实例:
templateEngine = new TemplateEngine(); templateEngine.setTemplateResolver(templateResolver);
相当简单,不是吗?我们只需要创建一个实例,并为其设置模板解析器。
模板解析器是模板引擎唯一需要的参数,尽管后面还会介绍许多其他参数(消息解析器、缓存大小等)。目前,这就是我们所需要的。
我们的模板引擎现在准备好了,我们可以开始使用Thymeleaf创建我们的页面。