springboot如何使用thymeleaf模板訪問html頁(yè)面

更新時(shí)間：2018年05月10日 17:04:12 作者：Tomthy

springboot中推薦使用thymeleaf模板，使用html作為頁(yè)面展示。那么如何通過Controller來(lái)訪問來(lái)訪問html頁(yè)面呢？下面通過本文給大家詳細(xì)介紹，感興趣的朋友跟隨腳本之家小編一起看看吧

引言

在傳統(tǒng)的web開發(fā)中通常使用jsp頁(yè)面，首先需要在pom文件中引入springmvc相關(guān)的包，然后寫springmvc的配置文件（包括訪問資源的路徑解析），之后還需再web.xml中配置訪問路由。這無(wú)疑太麻煩了，每次開發(fā)前都需要編寫大量的配置文件。

springboot為此提供了高效便捷的解決方案，只需再pom.xml中添加web開發(fā)的依賴，便可進(jìn)行web開發(fā)，省去了繁瑣的配置步驟。

下面為web開發(fā)引入的依賴

<dependency>
  <groupId>org.springframework.boot</groupId>
  <artifactId>spring-boot-starter-web</artifactId>
</dependency>

正文

那么在springboot中如果需要使用頁(yè)面該怎么做呢？springboot不推薦使用jsp，因?yàn)閖sp在springboot中有諸多限制，具體限制這里就不展開說了，大家感興趣可以去網(wǎng)上查閱。springboot中推薦使用thymeleaf模板，使用html作為頁(yè)面展示。那么如何通過Controller來(lái)訪問來(lái)訪問html頁(yè)面呢？

1.在pom.xml文件中添加thymeleaf依賴

  <dependencies>
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-test</artifactId>
      <scope>test</scope>
    </dependency>
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>
  </dependencies>

2.在application.yml中添加訪問請(qǐng)求配置

##thymeleaf頁(yè)面模板配置
spring:
 mvc:
  view:
   prefix: /
   suffix: .html

springboot中默認(rèn)resources中static文件夾存放靜態(tài)資源，如js文件、css文件、圖片等等。templates文件夾中存放html頁(yè)面。

3.在templates文件夾中創(chuàng)建hello.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <title>Title</title>
</head>
<body>
hello world
</body>
</html>

4.編寫Controller

/**
 * Created by Tomthy on 2018/5/10
 */
@Controller
public class ContentController {
  @GetMapping("/hello")
  private String helloWorld(){
    return "hello";
  }
}

注意：不要使用@RestController注解，@RestController注解是@ResponseBody和@Controller的集合體，使用@RestController注解會(huì)默認(rèn)返回?cái)?shù)據(jù)，而不會(huì)請(qǐng)求到頁(yè)面。

5.在瀏覽器中輸入請(qǐng)求地址

輸入地址：http://localhost:8080/hello便可請(qǐng)求到hello.html頁(yè)面。