Thymeleaf引擎支持Multi Prefix
- 2019 年 10 月 8 日
- 笔记
最近团队的一个项目在重构，希望引入Thymeleaf减少页面端的代码复杂性。在重构过程中，发现html文件需要保存在多个不同的目录中，但Thymeleaf缺省的实现不支持这种方式。
1 背景
Maven项目，前端使用SpringMVC，没有使用任何模板引擎。所有的页面内容，都是通过静态HTML+AJAX+JSON形式实现。
1.1 项目结构
Html文件，通过mvc:resource 定义路径。
1.1.1 Html保存路径
/hardess_finance/src/main/webapp/WEB-INF/htmls
在该目录放一个Demo文件/demo/hello.html
1.1.2 Spring配置文件
<mvc:resources mapping="/**/**.html" location="/WEB-INF/htmls/"/>
项目启动后，浏览器访问 http://localhost:8080/demo.hello.html，就可以访问到demo文件。
1.2 添加Thymeleaf支持
Spring Boot 项目缺省使用Thymeleaf模板，但普通SpringMVC项目，需要手工添加支持。大致步骤包括：
1.2.1 Pom.xml增加thymeleaf dependency
|
<dependency> <groupId>org.thymeleaf</groupId> <artifactId>thymeleaf</artifactId> <version>3.0.6.RELEASE</version></dependency><dependency> <groupId>org.thymeleaf</groupId> <artifactId>thymeleaf-spring3</artifactId> <version>3.0.6.RELEASE</version></dependency> |
|---|
1.2.2 修改Spring Config文件
|
<bean id="templateResolver" class="org.thymeleaf.spring3.templateresolver.SpringResourceTemplateResolver"> <property name="prefix"><value>/WEB-INF/html/</value></property> <property name="suffix"><value>.html</value></property> <property name="templateMode"><value>HTML</value></property> <property name="characterEncoding"><value>UTF-8</value></property> <property name="cacheable" value="false"/></bean><bean id="templateEngine" class="org.thymeleaf.spring3.SpringTemplateEngine"> <property name="templateResolver" ref="templateResolver" /></bean><bean class="org.thymeleaf.spring3.view.ThymeleafViewResolver"> <property name="templateEngine" ref="templateEngine" /> <property name="characterEncoding" value="UTF-8"/></bean> |
|---|
<property name="prefix"><value>/WEB-INF/html/</value></property>这个参数，指定的就是html文件的保存路径。
1.2.3 添加Thymeleaf Controller
在代码中增加一个Controller
|
@Controllerpublic class ThymeleafCommonController { @RequestMapping(value = { "/**/**.html" }) public ModelAndView index(HttpServletRequest request) { return new ModelAndView(); }} |
|---|
至此，项目重新启动后，所有html的访问，都已经通过Thymeleaf引擎，html中能够使用 th:text 等各种thymeleaf语法。
1.3 项目重构希望添加另一个html保存路径
在重构过程中，希望将html文件保存到新的目录 src/main/resources/templates目录，原因有二：
1、 这是Spring Boot项目的缺省模板路径，适应将来可能升级到SpringBoot的需求。
2、 重构后的代码，希望同原目录有所区分，简化开发复杂度。
1.3.1 简单尝试
在 mvc:resources标签中，location可以是用逗号隔开的多个路径，如
|
<mvc:resources mapping="/scripts/**" location="/WEB-INF/scripts/, classpath:/static/scripts/"/> |
|---|
因此，尝试在spring config配置文件中，尝试修改配置
|
<property name="prefix"><value>/WEB-INF/html/,classpath:/templates/</value></property> |
|---|
重启后测试，发现项目无法工作，原有的界面都无法加载了。
1.3.2 原因
Debug了一下thymeleaf的相关源码，发现它使用下面的语句生成最终的完整路径名，并没有判断 prefix 是否是逗号分隔的数组。
AbstractConfigurableTemplateResolver.computeResourceName(…)
|
return prefix + unaliasedName + suffix; |
|---|
2 Thymeleaf源码解读
解读Thymeleaf的源代码，发现几个相关类
2.1 相关类结构
2.2 final computeTemplateResource()
这个函数会读取配置的prefix，并调用后续方法生成 resource name。注意，这个方式是 final ，无法重载。
|
@Overrideprotected final ITemplateResource computeTemplateResource( final IEngineConfiguration configuration, final String ownerTemplate, final String template, final Map<String, Object> templateResolutionAttributes) { final String resourceName = computeResourceName(configuration, ownerTemplate, template, this.prefix, this.suffix, this.forceSuffix, this.templateAliases, templateResolutionAttributes); return computeTemplateResource(configuration, ownerTemplate, template, resourceName, this.characterEncoding, templateResolutionAttributes);} |
|---|
标红部分读取prefix参数值。
2.3 computeResourceName()
实际生成resource name（代码有删减，只保留核心部分）
|
protected String computeResourceName( final IEngineConfiguration configuration, final String ownerTemplate, final String template, final String prefix, final String suffix, final boolean forceSuffix, final Map<String, String> templateAliases, final Map<String, Object> attributes) { … String unaliasedName = templateAliases.get(template); if (unaliasedName == null) { unaliasedName = template; } … // hasPrefix && shouldApplySuffix return prefix + unaliasedName + suffix;} |
|---|
2.4 computeResolvable()
判断资源文件是否可用。
|
if (this.resolvablePatternSpec.isEmpty()) { return true;}return this.resolvablePatternSpec.matches(template); |
|---|
这个代码，实际没有校验html文件是否存在，只要语法不出错即可。当系统定义了多个ITemplateResolver时，引擎回依次调用每个实例的computeResolvable()方法，如果返回null，则依次检查下一个resolver，直到得到一个非空值。
3 解决方案
基于前面的代码分析，要解决我们的需求，首先我们需要解决的是判断资源文件是否真实存在。
3.1 判断文件是否存在
通过Spring项目的ApplicationContext判断文件是否存在的代码片段。
|
resolvable = false;Resource resource = applicationContext.getResource(location);if (resource != null && resource.exists()) { resolvable = true;} |
|---|
为了验证解决方案的可行性，增加了一个新的html文件在 src/main/resources/templates/demo/world.html
3.2 方案一：定义多个 TemplateResolver
3.2.1 Custom TemplateResolver
Spring提供的实现类SpringResourceTemplateResolver，代码比较简单，我选择直接替换该类，而不是从它继承而来。
|
public class CodeStoryTemplateResolver extends AbstractConfigurableTemplateResolver implements ApplicationContextAware { private ApplicationContext applicationContext = null; public CodeStoryTemplateResolver() { super(); } public void setApplicationContext(final ApplicationContext applicationContext) throws BeansException { this.applicationContext = applicationContext; } @Override protected boolean computeResolvable( IEngineConfiguration configuration, String ownerTemplate, String template, Map<String, Object> templateResolutionAttributes) { boolean resolvable = super.computeResolvable(configuration, ownerTemplate, template, templateResolutionAttributes); if (resolvable) { // 判断文件是否存在 resolvable = false; String pathName = getPrefix() + template + getSuffix(); Resource resource = applicationContext.getResource(pathName); if (resource != null && resource.exists()) { resolvable = true; } } return resolvable; } @Override protected ITemplateResource computeTemplateResource( final IEngineConfiguration configuration, final String ownerTemplate, final String template, final String resourceName, final String characterEncoding, final Map<String, Object> templateResolutionAttributes) { return new SpringResourceTemplateResource( this.applicationContext, resourceName, characterEncoding); }} |
|---|
3.2.2 修改Spring配置
|
<bean id="webinfoTemplateResolver" class="….CodeStoryTemplateResolver"> <property name="prefix"> <value>/WEB-INF/</value> </property> <property name="suffix"> <value>.html</value> </property> <property name="templateMode"> <value>HTML</value> </property> <property name="characterEncoding"> <value>UTF-8</value> </property> <property name="cacheable" value="false"/></bean> <bean id="webinfoTemplateResolver" class="….CodeStoryTemplateResolver"> <property name="prefix"> <value>classpath:/templates/</value> </property> <property name="suffix"> <value>.html</value> </property> <property name="templateMode"> <value>HTML</value> </property> <property name="characterEncoding"> <value>UTF-8</value> </property> <property name="cacheable" value="false"/></bean><bean id="templateEngine" class="org.thymeleaf.spring3.SpringTemplateEngine"> <property name="templateResolvers"> <set> <ref bean="webinfoTemplateResolver" /> <ref bean="classpathTemplateResolver" /> </set> </property></bean><bean class="org.thymeleaf.spring3.view.ThymeleafViewResolver"> <property name="templateEngine" ref="templateEngine" /> <property name="characterEncoding" value="UTF-8"/></bean> |
|---|
重启系统测试，/demo/hello.html和/demo/world.html都能正常访问。
3.3 方案二：一个TemplateResolver支持prefixes
3.3.1 Custom TemplateResolver
理想的方案，是重载函数computeTemplateResource()，但这个函数被定义为final，无法重载，只好退而求其次选择重载computeResourceName()。在这个函数中判断是否定义了prefixes参数，如果是一次调用父类的computeResourceName()并判断资源是否存在。
|
public class CodeStoryTemplateResolver extends AbstractConfigurableTemplateResolver implements ApplicationContextAware { private ApplicationContext applicationContext = null; public void setApplicationContext(final ApplicationContext applicationContext) throws BeansException { this.applicationContext = applicationContext; } private String prefixes = null; public CodeStoryTemplateResolver() { super(); } public final String getPrefixes() { return this.prefixes; } public final void setPrefixes(final String prefixes) { this.prefixes = prefixes; } protected String computeResourceName(final IEngineConfiguration configuration, final String ownerTemplate, final String template, final String prefix, final String suffix, final boolean forceSuffix, final Map<String, String> templateAliases, final Map<String, Object> templateResolutionAttributes) { String resourceName = null; String[] prefixes = null; if (!StringUtils.isEmptyOrWhitespace(getPrefixes())) { prefixes = getPrefixes().split(","); } else if (!StringUtils.isEmptyOrWhitespace(getPrefix())) { prefixes = new String[] { getPrefix() }; } else { prefixes = new String[] { "" }; } for (String onePrefix : prefixes) { onePrefix = StringUtil.trimLeft(StringUtil.trimRight(onePrefix)); resourceName = super.computeResourceName(configuration, ownerTemplate, template, onePrefix, suffix, forceSuffix, templateAliases, templateResolutionAttributes); Resource resource = applicationContext.getResource(resourceName); if (resource != null && resource.exists()) { break; } else { resourceName = null; } } return resourceName; } @Override protected ITemplateResource computeTemplateResource( final IEngineConfiguration configuration, final String ownerTemplate, final String template, final String resourceName,final String characterEncoding, final Map<String, Object> templateResolutionAttributes) { return new SpringResourceTemplateResource(this.applicationContext, resourceName, characterEncoding); }} |
|---|
3.3.2 修改Spring配置
|
<bean id="multiTemplateResolver" class="….CodeStoryTemplateResolver"> <property name="prefixes"> <value>/WEB-INF/,classpath:/templates/</value> </property> <property name="suffix"> <value>.html</value> </property> <property name="templateMode"> <value>HTML</value> </property> <property name="characterEncoding"> <value>UTF-8</value> </property> <property name="cacheable" value="false"/></bean><bean id="templateEngine" class="org.thymeleaf.spring3.SpringTemplateEngine"> <property name="templateResolvers"> <set> <ref bean="multiTemplateResolver" /> </set> </property></bean><bean class="org.thymeleaf.spring3.view.ThymeleafViewResolver"> <property name="templateEngine" ref="templateEngine" /> <property name="characterEncoding" value="UTF-8"/></bean> |
|---|
重启系统测试，/demo/hello.html和/demo/world.html都能正常访问。
3.4 啰嗦几句
两种方案区别不大，都是尝试增加文件判断，便于Thymeleaf找到真正的html所在路径。配置上，第二种方案相对简单一点。
性能方面，没有做仔细测试，估计比Spring缺省的TemplateResolver会慢一些。
当然，这个方案有点多次一举，最简单的处理方式，把目录src/main/webapps/WEB-INF/htmls 移动到 src/main/resources/templates即可。
