Thymeleaf模板引擎和Webjars联合使⽤
2018-09-08 本文已影响0人
陶然然_niit
1. 添加Thymeleaf依赖
<!--thymeleaf模板引擎依赖--> 1
<dependency> 2
<groupId>org.springframework.boot</groupId> 3
<artifactId>spring-boot-starter-thymeleaf</artifactId> 4
</dependency>
2. 代码⽬录结构
resources下static⽂件夹存放images、css、js等静态资源
templates存放Thymeleaf模板⻚⾯
resources目录结构含义
3. Controller层代码写法
package com.example.quickstart.controller;
import com.example.quickstart.entity.Student;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.GetMapping;
import javax.annotation.Resource;
@Controller
public class IndexController {
//注入了一个Student类的对象，被Spring容器托管
@Resource
private Student student;
//Get请求映射
@GetMapping("index")
public String index(ModelMap map) {
student.setName("Tom");
student.setAge(20);
student.setMale("男");
//将模型加入视图
map.addAttribute("student",student);
return "index";
}
}
4. html⻚⾯头部添加thymeleaf名称空间声明
<html xmlns:th="http://www.thymeleaf.org"> 1
<html lang="en"> 2
<head> 3
<meta charset="UTF-8"> 4
<title>主页</title> 5
</head> 6
<body> 7
<p th:text="${stduent.name}"></p> 8
</body> 9
</html>
5. 通过Webjars引⽤静态资源
- Web前端使⽤了越来越多的JS或CSS，⼀般情况下，我们是将这些Web资源拷⻉到Java的⽬录下，或者通过CDN引⽤，通过⼿⼯进⾏管理，这种⽅式容易导致⽂件混乱、版本不⼀致等问题。
- WebJars是将这些通⽤的Web前端资源打包成Java的Jar包，然后借助Maven⼯具对其管理，保证这些Web资源版本唯⼀性，升级也⽐较容易。
- 关于Webjars资源，有⼀个专⻔的⽹站http://www.webjars.org/，我们可以到这个⽹站上找到⾃⼰需要的资源，在⾃⼰的⼯程中添加⼊maven依赖，即可直接使⽤这些资源了。
⼀个使⽤bootstrap的Webjars的例⼦： - Maven依赖
<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap</artifactId>
<version>3.3.7-1</version>
</dependency>
- 页面代码
<html xmlns:th="http://www.thymeleaf.org"> 1
<html lang="zh-CN"> 2
<head> 3
<meta charset="UTF-8"/> 4
<title>欢迎页面</title> 5
<link rel="stylesheet" 6
href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" /> 7
<body> 8
<div class="alert alert-success"> 9
<p th:text="${info}"></p> 10
</div> 11
</div>
