Question

我现在使用弹簧靴1.3和百里香。

这是我的百里香页面的一部分：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Spring Boot and Thymeleaf demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <script type="text/javascript" src="" th:src="@{/js/our.min.js}"></script>
</head>
<body>
</body>
</html>

如您所见，我的网址就像

<script type="text/javascript" src="" th:src="@{/js/our.min.js}"></script>

当我的jquery和我的代码在同一台服务器上时，它的工作正常。

但是现在我的js将部署到CDN，并且会添加版本，可能是这样的：

<script type="text/javascript" src="http://s1.cdn.xxx.com/s/js/our.min.js?v=3QxjsKtdfdfsx"></script>

如你所见，我们做了三件事。

首先：添加一个http网址：http://s1.cdn.xxx.com/s/，可以从配置文件中读取此网址。

第二：添加版本后缀v=3QxjsKtdfdfsx

第三：结合所有这些

http://s1.cdn.xxx.com/s/ + /js/our.min.js + v=3QxjsKtdfdfsx

我想知道弹簧靴或百里香叶是否提供这些功能或功能。

感谢。

Answer 1

据我所知，没有任何开箱即用的方法可以为您处理此行为，但是编写自定义标记（Thymeleaf Processor）以封装逻辑和制作非常容易它随处可见。

我不久前必须做同样的事情：

首先，创建一个简单的处理器，它只是一个处理自定义属性的类：

@Component
class CdnUrlProcessor extends AbstractStandardSingleAttributeModifierAttrProcessor{

@Autowired UrlService urlService
private final int HIGHEST_PRECEDENCE = Integer.MAX_VALUE


// Here we use a multi attribute matcher - we also link the processor to
// the CDN Dialect - which is just the namespace for the attributes
public CdnUrlProcessor(){
    super( new MultipleAttributeMatcher( CdnDialect, ["src", "href"] ) )
}

// These are just boilerplate overrides
@Override protected String getTargetAttributeName(Arguments arguments, Element element, String attributeName) {
    Attribute.getUnprefixedAttributeName(attributeName)
}

@Override protected ModificationType getModificationType(Arguments arguments, Element element, String attributeName, String newAttributeName) {
    ModificationType.SUBSTITUTION
}

@Override protected boolean removeAttributeIfEmpty(Arguments arguments, Element element, String attributeName, String newAttributeName) {
    false
}

@Override public int getPrecedence() {
    HIGHEST_PRECEDENCE
}


// This is where the magic happens - you can put your logic to build
// the url in here, or you could autowire a service (I did, as I wanted
// the logic available outside of Thymeleaf    
@Override protected String getTargetAttributeValue( Arguments arguments, Element element, String attributeName ){
    urlService.generateCdnUrl( element.getAttributeValue(attributeName) )
}
}

然后你需要创建方言 - 正如上面的代码注释中所提到的，这只是一个命名空间/前缀，用于分组和应用处理器：

@Component class CdnDialect extends AbstractDialect {


@Autowired CdnUrlProcessor cdnUrlProcessor

public CdnDialect() {
    super()
}

public String getPrefix() {
  "cdn"
}

@Override public Set<IProcessor> getProcessors() {
    [ cdnUrlProcessor ] as Set
}

}

这就是Thymeleaf（虽然检查了测试 - 你显然想为此添加测试，这很容易添加）。

然后，您可以使用自定义前缀在HTML模板中使用处理器，就像Thymeleaf“th”属性一样：

<script type="text/javascript" src="" cdn:src="/js/our.min.js"></script>

（顺便说一句，上面的代码是从我的Groovy中复制的 - 所以如果你在java中，则需要添加返回关键字和分号）

春季靴子Thymeleaf相对网址

1 个答案: