快捷導(dǎo)航

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

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

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

引言

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

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

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

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

正文

那么在springboot中如果需要使用頁(yè)面該怎么做呢？springboot不推薦使用jsp，因?yàn)閖sp在springboot中有諸多限制，具體限制這里就不展開(kāi)說(shuō)了，大家感興趣可以去網(wǎng)上查閱。springboot中推薦使用thymeleaf模板，使用html作為頁(yè)面展示。那么如何通過(guò)Controller來(lái)訪問(wèn)來(lái)訪問(wèn)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中添加訪問(wèn)請(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.編寫(xiě)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è)面。

6.靜態(tài)資源的訪問(wèn)

html頁(yè)面中使用到靜態(tài)資源時(shí)（如圖片），直接使用<script type="text/javascript" src="/js/wangEditor.js"></script>。js為static下的文件夾。

7.項(xiàng)目目錄

總結(jié)

以上所述是小編給大家介紹的springboot使用thymeleaf模板訪問(wèn)html頁(yè)面，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: