Spring Boot快速入门中我们完成了一个简朴的RESTful Service,体验了快速开拓的特性。在留言中也有伴侣提到如何把处理惩罚功效渲染到页面上。那么本篇就在上篇基本上先容一下如何举办Web应用的开拓。
静态资源会见
在我们开拓Web应用的时候,需要引用大量的js、css、图片等静态资源。
默认设置
Spring Boot默认提供静态资源目次位置需置于classpath下,目次名需切合如下法则:
举例:我们可以在src/main/resources/目次下建设static,在该位置安排一个图片文件。启动措施后,实验会见http://localhost:8080/D.jpg。如能显示图片,软件开发,设置乐成。
渲染Web页面
在之前的示例中,我们都是通过@RestController来处理惩罚请求,所以返回的内容为json工具。那么假如需要渲染html页面的时候,要如何实现呢?
模板引擎
在动态HTML实现上Spring Boot依然可以完美胜任,而且提供了多种模板引擎的默认设置支持,所以在推荐的模板引擎下,我们可以很快的上手开动员态网站。
Spring Boot提供了默认设置的模板引擎主要有以下几种:
Spring Boot发起利用这些模板引擎,制止利用JSP,若必然要利用JSP将无法实现Spring Boot的多种特性,详细可见后文:支持JSP的设置
当你利用上述模板引擎中的任何一个,它们默认的模板设置路径为:src/main/resources/templates。虽然也可以修改这个路径,详细如何修改,可在后续各模板引擎的设置属性中查询并修改。
Thymeleaf
Thymeleaf是一个XML/XHTML/HTML5模板引擎,可用于Web与非Web情况中的应用开拓。它是一个开源的Java库,基于Apache License 2.0许可,由Daniel Fernández建设,该作者照旧Java加密库Jasypt的作者。
Thymeleaf提供了一个用于整合Spring MVC的可选模块,在应用开拓中,你可以利用Thymeleaf来完全取代JSP或其他模板引擎,如Velocity、FreeMarker等。Thymeleaf的主要方针在于提供一种可被欣赏器正确显示的、名目精采的模板建设方法,因此也可以用作静态建模。你可以利用它建设颠末验证的XML与HTML模板。相对付编写逻辑或代码,开拓者只需将标签属性添加到模板中即可。接下来,软件开发,这些标签属性就会在DOM(文档工具模子)上执行预先拟定好的逻辑。
示例模板:
<table> <thead> <tr> <th th:text="#{msgs.headers.name}">Name</td> <th th:text="#{msgs.headers.price}">Price</td> </tr> </thead> <tbody> <tr th:each="prod : ${allProducts}"> <td th:text="${prod.name}">Oranges</td> <td th:text="${#numbers.formatDecimal(prod.price,1,2)}">0.99</td> </tr> </tbody> </table>
可以看到Thymeleaf主要以属性的方法插手到html标签中,欣赏器在理会html时,当查抄到没有的属性时候会忽略,所以Thymeleaf的模板可以通过欣赏器直接打开揭示,这样很是有利于前后端的疏散。
在Spring Boot中利用Thymeleaf,只需要引入下面依赖,并在默认的模板路径src/main/resources/templates下编写模板文件即可完成。
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>
在完成设置之后,举一个简朴的例子,在快速入门工程的基本上,举一个简朴的示例来通过Thymeleaf渲染一个页面。
@Controller public class HelloController { @RequestMapping("/") public String index(ModelMap map) { // 插手一个属性,用来在模板中读取 map.addAttribute("host", "http://blog.didispace.com"); // return模板文件的名称,对应src/main/resources/templates/index.html return "index"; } }
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8" /> <title></title> </head> <body> <p th:text="${host}">Hello World</p> </body> </html>
如上页面,直接打开html页面揭示Hello World,可是启动措施后,会见http://localhost:8080/,则是展示Controller中host的值:http://blog.didispace.com,做到了不粉碎HTML自身内容的数据逻辑疏散。
更多Thymeleaf的页面语法,还请会见Thymeleaf的官方文档查询利用。
Thymeleaf的默认参数设置