# Spring Boot FreeMarker 教程 > 原文： [http://zetcode.com/springboot/freemarker/](http://zetcode.com/springboot/freemarker/) 在 Spring Boot FreeMarker 教程中，我們將使用 FreeMarker 模板引擎和 H2 數據庫創建一個簡單的 Spring Boot Web 應用。 Spring 是流行的 Java 應用框架。 Spring Boot 致力于創建獨立的，基于生產級別的基于 Spring 的應用，而無任何麻煩。 H2 是完全用 Java 創建的開源關系數據庫管理系統。 它可以嵌入 Java 應用中或以客戶端-服務器模式運行。 它易于部署和安裝，占地面積小。 ## FreeMarker FreeMarker 是適用于 Web 和獨立環境的服務器端 Java 模板引擎。 模板使用 FreeMarker 模板語言（FTL）編寫，這是一種簡單的專用語言。 ## Spring Boot FreeMarker 示例 以下示例使用 FreeMarker 模板引擎。 ```java pom.xml src └── main ├── java │ └── com │ └── zetcode │ ├── Application.java │ ├── model │ │ └── City.java │ ├── controller │ │ └── MyController.java │ └── service │ ├── CityService.java │ └── ICityService.java └── resources ├── application.yml ├── data-h2.sql ├── schema-h2.sql ├── static │ └── css │ └── style.css └── templates ├── index.ftl └── showCities.ftl ``` 這是項目結構。 FreeMarker 模板文件的后綴為`.ftl`； 它們默認位于`src/main/resources/template`目錄中。 當 Spring Boot 在 Maven POM 文件中找到依賴關系時，它將自動配置 FreeMarker。 `pom.xml` ```java <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>com.zetcode</groupId> <artifactId>springbootfreemarkerex</artifactId> <version>1.0-SNAPSHOT</version> <packaging>jar</packaging> <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <maven.compiler.source>11</maven.compiler.source> <maven.compiler.target>11</maven.compiler.target> </properties> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.1.1.RELEASE</version> </parent> <dependencies> <dependency> <groupId>com.h2database</groupId> <artifactId>h2</artifactId> <scope>runtime</scope> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-freemarker</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-jdbc</artifactId> </dependency> </dependencies> <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> </plugin> </plugins> </build> </project> ``` 這是 Maven 構建文件。 `h2`包添加了 H2 數據庫。 `spring-boot-devtools`啟用熱插拔，禁用模板緩存并啟用實時重載。 `spring-boot-starter-web`用于使用 Spring MVC 構建包括 RESTful 在內的 Web 應用。 它使用 Tomcat 作為默認的嵌入式容器。 `spring-boot-starter-freemarker`是用于使用 FreeMarker 構建 Spring MVC 應用的入門程序。 `spring-boot-starter-jdbc`是在 Spring Boot 中使用 JDBC 的入門工具。 `com/zetcode/model/City.java` ```java package com.zetcode.model; import java.util.Objects; public class City { private Long id; private String name; private int population; public City() { } public City(Long id, String name, int population) { this.id = id; this.name = name; this.population = population; } public Long getId() { return id; } public void setId(Long id) { this.id = id; } public String getName() { return name; } public void setName(String name) { this.name = name; } public int getPopulation() { return population; } public void setPopulation(int population) { this.population = population; } @Override public int hashCode() { int hash = 7; hash = 29 * hash + Objects.hashCode(this.id); hash = 29 * hash + Objects.hashCode(this.name); hash = 29 * hash + this.population; return hash; } @Override public boolean equals(Object obj) { if (this == obj) { return true; } if (obj == null) { return false; } if (getClass() != obj.getClass()) { return false; } final City other = (City) obj; if (this.population != other.population) { return false; } if (!Objects.equals(this.name, other.name)) { return false; } if (!Objects.equals(this.id, other.id)) { return false; } return true; } @Override public String toString() { final StringBuilder sb = new StringBuilder("City{"); sb.append("id=").append(id); sb.append(", name='").append(name).append('\''); sb.append(", population=").append(population); sb.append('}'); return sb.toString(); } } ``` 這是`City` bean 類。 它包含商品 ID，名稱和數量。 `resources/application.yml` ```java server: servlet: context-path: /cities spring: main: banner-mode: "off" datasource: platform: h2 logging: level: org: springframework: ERROR ``` `application.yml`是主要的 Spring Boot 配置文件。 `context-path`定義 Web 應用的名稱。 使用`banner-mode`屬性，我們可以關閉 Spring 橫幅。 該平臺值用在 SQL 初始化腳本中：`schema-${platform}.sql`和`data-${platform}.sql`。 另外，我們將 spring 框架的日志記錄級別設置為`ERROR`。 注意，我們沒有配置數據源。 如果沒有配置數據，Spring 會以內存模式自動配置 H2。 我們希望有一個內存數據庫，因此我們讓 Spring 進行自動配置。 `resources/schema-h2.sql` ```java CREATE TABLE cities(id INT PRIMARY KEY AUTO_INCREMENT, name VARCHAR(255), population INT); ``` 該 SQL 腳本創建`cities`表。 `resources/data-h2.sql` ```java INSERT INTO cities(name, population) VALUES('Bratislava', 432000); INSERT INTO cities(name, population) VALUES('Budapest', 1759000); INSERT INTO cities(name, population) VALUES('Prague', 1280000); INSERT INTO cities(name, population) VALUES('Warsaw', 1748000); INSERT INTO cities(name, population) VALUES('Los Angeles', 3971000); INSERT INTO cities(name, population) VALUES('New York', 8550000); INSERT INTO cities(name, population) VALUES('Edinburgh', 464000); INSERT INTO cities(name, population) VALUES('Berlin', 3671000); ``` 該腳本用數據填充表。 這兩個腳本都位于類路徑的根目錄中。 `com/zetcode/model/ICityService.java` ```java package com.zetcode.service; import com.zetcode.model.City; import java.util.List; public interface ICityService { List<City> findAll(); } ``` `ICityService`提供了一種從數據源獲取所有城市的契約方法。 `com/zetcode/service/CityService.java` ```java package com.zetcode.service; import com.zetcode.model.City; import java.util.List; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.jdbc.core.BeanPropertyRowMapper; import org.springframework.jdbc.core.JdbcTemplate; import org.springframework.stereotype.Service; @Service public class CityService implements ICityService { @Autowired private JdbcTemplate jdbcTemplate; @Override public List<City> findAll() { var sql = "SELECT * FROM cities"; return jdbcTemplate.query(sql, new BeanPropertyRowMapper<>(City.class)); } } ``` `CityService`包含`findAll()`方法的實現。 我們借助`JdbcTemplate`從`cities`表中檢索所有城市。 ```java @Autowired private JdbcTemplate jdbcTemplate; ``` 注入`JdbcTemplate`。 ```java var sql = "SELECT * FROM CITIES"; ``` 這是要執行的 SQL。 我們從`CITIES`表中選擇所有城市。 ```java return jdbcTemplate.query(sql, new BeanPropertyRowMapper<>(City.class)); ``` `BeanPropertyRowMapper`將一行轉換為指定映射目標類的新實例。 `com/zetcode/controller/MyController.java` ```java package com.zetcode.controller; import com.zetcode.service.ICityService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.servlet.ModelAndView; import java.util.HashMap; @Controller public class MyController { @Autowired private ICityService cityService; @GetMapping("/") public String index(Model model) { return "index"; } @GetMapping("/showCities") public ModelAndView showCities() { var cities = cityService.findAll(); var params = new HashMap<String, Object>(); params.put("cities", cities); return new ModelAndView("showCities", params); } } ``` 這是 Spring Boot Web 應用的控制器類。 控制器以`@Controller`注解修飾。 控制器具有兩個映射：一個用于主頁的映射，一個用于列出所有城市的映射。 當 Spring Boot 在 Maven POM 文件中檢測到 FreeMarker 啟動程序時，它將自動配置 FreeMarker 視圖。 ```java @Autowired private ICityService cityService; ``` 我們將`ICityService`注入到帶有`@Autowired`注解的字段中。 ```java @GetMapping("/") public String index(Model model) { return "index"; } ``` `index`是位于預定義`template`目錄中的視圖的名稱。 ```java @GetMapping("/showCities") public ModelAndView showCities() { var cities = cityService.findAll(); var params = new HashMap<String, Object>(); params.put("cities", cities); return new ModelAndView("showCities", params); } ``` 此控制器方法可提供城市列表。 我們從城市服務中找到所有城市對象，并將結果列表放入參數中。 Spring 將找到名為`showCities`的 FreeMarker 視圖，并讓引擎將模板與模型數據連接在一起。 `resources/static/css/style.css` ```java h2 {color: blue} td:nth-child(3) { text-align: right; } ``` `style.css`是位于`src/main/resources/static/css`目錄中的靜態文件。 它將 H2 標簽設置為藍色，并右對齊第三列的數據。 `resources/templates/index.ftl` ```java <!DOCTYPE html> <html> <head> <title>Home page</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <a href="showCities">Show cities</a> </body> </html> ``` `index.ftl`模板文件是應用的主頁。 它包含一個檢索所有城市的鏈接。 `resources/templates/showCities.ftl` ```java <!DOCTYPE html> <html> <head> <title>Cities</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> </head> <body> <h2>List of cities</h2> <table> <tr> <th>Id</th> <th>Name</th> <th>Population</th> </tr> <#list cities as city> <tr> <td>${city.id}</td> <td>${city.name}</td> <td>${city.population}</td> </tr> </#list> </table> </body> </html> ``` `showCities.ftl`是一個 FreeMarker 模板文件，其中包含要用來自模型的數據填充的占位符。 要訪問數據，我們使用`${}`變量表達式。 ```java <link rel="stylesheet" href="css/style.css"> ``` 我們包括靜態 CSS 文件。 ```java <#list cities as city> <tr> <td>${city.id}</td> <td>${city.name}</td> <td>${city.population}</td> </tr> </#list> ``` 我們遍歷城市列表，并將每個城市的詳細信息放入一個表格行中。 `#list`指令用于列出數據集合。 `com/zetcode/Application.java` ```java package com.zetcode; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; @SpringBootApplication public class Application { public static void main(String[] args) { SpringApplication.run(Application.class, args); } } ``` 我們設置了 Spring Boot 應用。 `@SpringBootApplication`注解啟用自動配置和組件掃描。  圖：列出城市 該應用部署在內置的 Tomcat 服務器上，該服務器監聽端口 8080。 在本教程中，我們使用 FreeMarker 和 H2 創建了一個 Spring Boot Web 應用。 您可能也對相關教程感興趣： [FreeMarker 教程](/java/freemarker/)， [Java 教程](/lang/java/)或列出[所有 Spring Boot 教程](/all/#springboot)。