SpringBoot支持的模板及使用方法介绍

SpringBoot 支持的模板视图库

模板                                    Spring Boot starter 依赖

FreeMarker                                 spring-boot-starter-freemarker

Groovy Tempates                       spring-boot-starter-groovy-templates

Java Server Pages (JSP)           无

Mustache                                     spring-boot-stater-mustache

Thymeleaf                                     spring-boot-starter-thymeleaf

如何使用模板文件

通常需要选择项要的视图模板库,将其作为依赖项添加的构建文件中,然后将可以在"/templates"目录下(基于maven 或者 Gradle 构建的项目中,它会在"src/main/resources"目录下)编写模板.Spring Boot 会探测到你所选择的模板库, 并自动配置为Spring MVC 控制器生成视图所需的各种组件.

如何使用Thymeleaf 模板文件

第一步:在pom文件中添加Thymeleaf 依赖, 第二步:在/templates 下添加 Thymeleaf 模板文件

这就借助:fields 对象的方法,这就是fields 及其 th:errors 属性.

<span>该元素会对错误的引用用到订单的表单模板上.

<label for="ccNumber">Credit Card #: </label>

<input type = "text" th:field="*{ccNumber}"/>

<span class="validationError" 

             th:if ="${#feild.hasErrors('ccNumber')}"

             th:errors = "*{ccNumber}">

            CC Num Error</span>

<span>元素使用class属性为错误添加样式,以引起用户的注意,它用th:if属性来决定是否要显示该元素.fields属性的hasError()方法会检查ccNumber域是否会存在错误,如果存在,就会渲染<span>

th:errors 属性引用了ccNumber输入域,如果该输入域存在错误,那么它会将<span>元素的占位符内容替换为校验信息.

如何使用Mustache  模板

第一步 在springboot 中引入Mustache 依赖.第二步: 在/templates下添加模板文件

Mustache  模板 的一个片段

<h3>Designate your wrap:</h3>

{{#wrap}}

    <div>

            <input name = "ingredients"  type = "checkbox" value ="{{id}}"/>

            <span>{{name}}</span></bar>

    </div>

{{/wrap}}

如何使用JSP

Jsp 不需要在构建文件中添加如何特殊的依赖.这是因为Servet容器本身会实现JSP,因此不需要额外的依赖. Java Servlet 容器包括嵌入式的Tomat 和Jetty 容器, 通常会在/WEB-INF 目录寻找JSP.如果我们将应用构建成一个可执行的JAR文件,就无法满足这种需要了.