SpringBoot前端模板

時間 2019-11-08

原文原文鏈接

Springboot支持thymeleaf、freemarker、JSP，可是官方不建議使用JSP,由於有些功能會受限制，這裏介紹thymeleaf和freemarker。html

1、thymeleaf模板

thymeleaf模板的前端界面爲.html格式的文件，能夠直接使用瀏覽器進行查看，方便進行樣式等方面的調試。前端

一、pom依賴添加

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

二、application屬性配置

查看官方文檔的默認配置介紹以下：java

這裏必需要注意的是，開發的時候要關閉模板緩存，否則修改界面文件後沒法實時顯示。在application.properties文件中關閉模板緩存：web

spring.thymeleaf.cache=false

關閉緩存後，修改html文件，能夠直接Ctrl+F9編譯後，顯示最新的修改內容。spring

三、編寫界面

個人界面hello.html路徑爲：templates/template/hello.html，代碼：瀏覽器

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Title</title>
</head>
<body>
    <!--/*@thymesVar id="name" type="java.lang.String"*/-->
    <p th:text="'Hello, ' + ${name}" ></p>
</body>
</html>

四、編寫controller

package com.example.demo.template;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/html")
public class HtmlController {

    @RequestMapping("/hello")
    public String hello(Model model) {
        model.addAttribute("name", "world");

        return "template/hello";
    }
}

運行訪問,以下：緩存

thymeleaf具體使用參考app

http://blog.csdn.net/z719725611/article/details/53908294spring-boot

2、freemarker模板

一、pom依賴添加

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

注意：容許thymeleaf和freemarker同時存在ui

二、application屬性配置

查看官方文檔的默認配置介紹以下：

application.properties文件無需配置，使用默認配置便可

三、編寫界面

個人界面hello.ftl路徑爲：templates/ftl/hello.ftl，代碼：

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
</head>
<body>
    message:${message}
</body>
</html>

四、編寫controller

package com.example.demo.template;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/html")
public class HtmlController {

    @RequestMapping("/hello")
    public String hello(Model model) {
        model.addAttribute("name", "world");

        return "template/hello";
    }
}