Spring 胸腺素模板

Thymeleaf使模板能够作为原型在浏览器上静态显示 这个例子解释了

PetClinic:：Spring框架演示

宽度：100px；“>

宽度：130px；“>

宽度：140px；“>

宽度：90px；“>

宽度：80px；“>

您可能想看看百里酚（），它试图解决您描述的问题

它是Thymeleaf子集的JavaScript实现。使用百里酚，您可以直接在浏览器中解析包含和许多模板表达式，而无需web服务器

在不使用百里酚的情况下绕过此限制的一个简单方法是将静态内容限制为结构占位符。在上面的示例中，您不会包含完整的正文标题，而只包含包含的第一级HTML标记，因此页面结构是完整的，但只有模板中实际定义的内容是完整的。 例如：

航行

---

这样，如果包含的片段发生了显著的变化，您只需要更改包含片段的模板

在我的工作场所，我们总是使用静态原型，因为我们有单独的设计人员来进行UI设计。我相信从长远来看是值得的。我们也这么做。如果您与图形设计师合作，那么就很容易向他们解释如何使用模板。应用一些小的修改，比如打字错误、标签之类，也会快得多。如果你只是为自己创建一个小项目，你不会看到太多的不同，甚至你可能会觉得这没用。

<div th:include="fragments/bodyHeader" th:remove="tag">
  <img th:src="@{/resources/images/banner-graphic.png}" src="../../../resources/images/banner-graphic.png" />
  <div class="navbar" style="width: 601px;">
      NAVIGATION
  <div>
</div>