一、简介
spring boot的web应用开发，是基于spring mvc。
Spring boot在spring默认基础上，自动配置添加了以下特性：
1、包含了ContentNegotiatingViewResolver和BeanNameViewResolver beans。
2、对静态资源的支持，包括对WebJars的支持。
3、自动注册Converter，GenericConverter，Formatter beans。
4、对HttpMessageConverters的支持。
5、自动注册MessageCodeResolver。
6、对静态index.html的支持。
7、对自定义Favicon的支持。
8、主动使用ConfigurableWebBindingInitializer bean
二、模板引擎的选择
FreeMarker
Thymeleaf
Velocity (1.4版本之后弃用，Spring Framework 4.3版本之后弃用)
Groovy
Mustache
注：jsp应该尽量避免使用，原因如下：
1、jsp只能打包为：war格式，不支持jar格式，只能在标准的容器里面跑（tomcat，jetty都可以）
2、内嵌的Jetty目前不支持JSPs
3、Undertow不支持jsps
4、jsp自定义错误页面不能覆盖spring boot 默认的错误页面
三、FreeMarker使用
新建一个工程，勾选Freemarker、DevTools（开发方便）
会自动在pom.xml中加入Freemarker的配置：
|
1
2
3
4
|
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>
|
WebController.java:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
package com.example.demo.controller;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
/** * Created by DELL on 2017/6/13.
*/
@Controller@RequestMapping("/web")
public class WebController {
private static final Logger logger = LoggerFactory.getLogger(WebController.class);
@RequestMapping("/index")
public String index(Model model){
logger.info("这是一个controller");
model.addAttribute("title","我是一个例子");
return "index"; // 注意，不要再最前面加上/，linux下面会出错
}
} |
index.ftl:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<!DOCTYPE html><html>
<head lang="en">
<title>Spring Boot Demo - FreeMarker</title>
<link href="/css/index.css" rel="stylesheet" />
</head>
<body>
<center>
<img src="/images/logo.png" />
<h1 id="title">${title}</h1>
</center>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script>
$(function(){
$('#title').click(function(){
alert('点击了');
});
})
</script>
</body>
</html>
|
说明：
1、视图默认访问templates下面，如"index",则：在templates下面找index.ftl
2、css、js、img等静态资源则在static下面找，如<link href="/css/index.css" rel="stylesheet" />，则是找static下面的css下面的index.css文件
四、thymeleaf模块
4.1、简介
Thymeleaf是一个优秀的面向java的XML/XHTML/HTML5页面模板，并且有丰富的标签语言和函数。使用Springboot框架进行界面设计，一般都会选择Thymeleaf模板。
4.2、使用
引入依赖：
|
1
2
3
4
|
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
|
配置application.properties文件：
|
1
2
3
4
5
6
7
8
|
#####################thymeleaf开始######################################关闭缓存spring.thymeleaf.cache=false#后缀spring.thymeleaf.suffix=.html#编码spring.thymeleaf.encoding=UTF-8#####################thymeleaf结束##################################### |
IndexController.java:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
@Controllerpublic class IndexController {
@RequestMapping("/index")
public String show(Model model) throws Exception {
List<User> users = new ArrayList<User>();
users.add(new User(1L, "zhangsan"));
users.add(new User(2L, "lisi"));
users.add(new User(3L, "wangwu"));
model.addAttribute("hello","我只是一个例子");
model.addAttribute("users", users);
model.addAttribute("addtime",new Date());
return"/helloHtml";
}
} |
main/resources/templates/helloHtml.html:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<title>Hello World!</title>
</head><p th:text="${hello}"></p>
<body>
<h1 th:inline="text">Hello.v.2</h1>
<p th:text="${addtime} ? ${#dates.format(addtime, 'yyyy-MM-dd HH:mm:ss')}"></p>
<select>
<option>请选择用户</option>
<option th:each="user:${users}" th:value="${user.id}" th:text="${user.name}">
</option>
</select>
</body>
</html>
|
浏览器中输入：http://localhost:8989/index ，效果如下：
4.3、thymeleaf功能简介
在html页面中使用thymeleaf标签语言，用一个简单的关键字“th”来标注，如：
|
1
2
|
<p th:text="${hello}"></p>
<img th:src="@{images/logo.png}" />
|
其中th:text指定在<p>标签中显示的文本，它的值来自"$"所引用的内存变量。
th:src指定img的图片地址
注意：使用th，需要<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
thymeleaf的主要标签和函数：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
th:text，显示文本。th:utext，和th:text的区别是针对"unescaped text"。
th:attr，设置标签属性th:if or th:unless，条件判断语句
th:switch, th:case，选择语句th:each，循环语句
#date：日期函数#calendars：日历函数#numbers：数字函数#strings：字符串函数#objects：对象函数#bools：逻辑函数#arrays：数组函数#lists：列表函数 |
详细标签请查看官方：http://www.thymeleaf.org/
本文转自我爱大金子博客51CTO博客，原文链接http://blog.51cto.com/1754966750/1934891如需转载请自行联系原作者
我爱大金子