1. Thymeleaf模板
1.1 在pom.xml中添加Thymeleaf依赖
<!--使用thymeleaf标签-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
1.2 在 application.properties 中添加 Thymeleaf模板配置,如下
#thymeleaf模板
# 关闭缓存
spring.thymeleaf.cache=false
#设定thymeleaf文件前缀,默认为src/main/resources/templates
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
#去除thymeleaf的html严格校验
spring.thymeleaf.mode=HTML5
#模板编码
spring.thymeleaf.encoding=UTF-8
#设置写入http响应的内容类型值
spring.thymeleaf.servlet.content-type=text/html
#在呈现之前检查模板是否存在
spring.thymeleaf.check-template=true
1.3 编写Controller
package com.wyp.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import java.util.Map;
@Controller
@RequestMapping("thymeleaf")
public class ThymeleafController {
@RequestMapping(value = "thymeleaf")
public String index(Map<String,Object> map){
map.put("admin","123");
return "index";
}
}
1.4 在 templates 目录中创建名为 index.html 文件,内容如下:
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1 th:text="${admin}"></h1>
</body>
</html>
1.5 运行SpringbootLpplication,结果如下
我这里地址路径之所以有个springboot,是因为我在application.properties中加了一个地址,如下,如果不加的话就可以去掉访问地址中的springboot
server.servlet.context-path=/springboot
2. Freemarker模板
2.1 在pom.xml中添加Freemarker依赖
<!--freemarker依赖-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>
2.2 在 application.properties 中添加 Freemarker模板配置,如下
# Freemarker 模板配置
spring.freemarker.allow-request-override=false
spring.freemarker.cache=true
spring.freemarker.check-template-location=true
spring.freemarker.charset=UTF-8
spring.freemarker.content-type=text/html
spring.freemarker.expose-request-attributes=false
spring.freemarker.expose-session-attributes=false
spring.freemarker.expose-spring-macro-helpers=false
spring.freemarker.prefix=
spring.freemarker.suffix=.ftl
2.3 编写Controller
package com.wyp.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import java.util.Map;
/**
* Spring Boot整合Freemarker模板
*/
@Controller
@RequestMapping("Freemarker")
public class FreemarkerController {
@RequestMapping("Freemarker")
public String Test(Map<String,Object> map){
map.put("admin","Hello! Freemarker");
return "freemarker";
}
}
2.4 在 templates 目录中创建名为 freemarker.html 文件,然后在修改为 freemarker.ftl文件,内容如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h2>${admin}</h2>
</body>
</html>
2.5 运行SpringbootLpplication,结果如下
3. JSP模板
注(必看):如果读者在整合JSP模板之前整合了上面的 Freemarker模板和Thymeleaf模板,请先将上面两个模板的依赖屏蔽,否则会报如下错误:
Error resolving template [test], template might not exist or might not be accessible by any of the configured Template Resolvers
3.1 添加依赖
<!--jsp依赖-->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
<dependency>
<groupId>org.apache.tomcat.embed</groupId>
<artifactId>tomcat-embed-jasper</artifactId>
</dependency>
<!--jsp依赖-->
3.2 创建目录和配置文件
1. 在main下面创建webapp/WEB-INF/jsp,JSP页面放在:/src/main/webapp/WEB-INF/jsp/目录下,如:
/src/main/webapp/WEB-INF/jsp/index.jsp
2. CSS或JavaScript之类的静态文件:/src/main/resources/static/目录下,如:
/src/main/resources/static/css/main.css
3. 对于属性文件放在:/src/main/resources/目录下,如:
/src/main/resources/application.properties
4.配置application.properties
只需要添加这2个就可以了,如下:
#页面默认前缀目录
spring.mvc.view.prefix=/WEB-INF/jsp/
#页面默认后缀目录
spring.mvc.view.suffix=.jsp
如果不在application.properties中配置,在application.yml中配置:spring节点下面:
|
3.3 编写Controller
package com.wyp.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import java.util.Map;
/**
* Spring Boot整合jsp
*/
@Controller
@RequestMapping("/jsp")
public class TestController1 {
@RequestMapping("/index")
public String hello(Map<String,Object> map){
map.put("admin","Hello! JSP");
return "test";
}
}
3.4 创建JSP页面
<%--
Created by IntelliJ IDEA.
User: Tiramisu
Date: 2018/11/10/010
Time: 11:18
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<h2>${admin}</h2>
</body>
</html>