美文网首页
Thymeleaf模板引擎和Webjars联合使⽤

Thymeleaf模板引擎和Webjars联合使⽤

作者: 不知所措的STRANGER | 来源:发表于2018-10-20 17:31 被阅读0次
  1. 添加Thymeleaf依赖
<!--thymeleaf模板引擎依赖-->
<dependency>
  <groupId>org.springframework.boot</groupId>
  <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

2、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容器托管——bean
 @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";
 }
 }

3、html⻚⾯头部添加thymeleaf名称空间声明

<html xmlns:th="http://www.thymeleaf.org">
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>主页</title>
 </head>
 <body>
 <p th:text="${stduent.name}"></p>
 </body>
 </html>

4、通过Webjars引⽤静态资源
Web前端使⽤了越来越多的JS或CSS,⼀般情况下,我们是将这些Web资源拷⻉到
Java的⽬录下,或者通过CDN引⽤,通过⼿⼯进⾏管理,这种⽅式容易导致⽂件混乱、
版本不⼀致等问题。
WebJars是将这些通⽤的Web前端资源打包成Java的Jar包,然后借助Maven⼯具对
其管理,保证这些Web资源版本唯⼀性,升级也⽐较容易。关于Webjars资源,有⼀个
专⻔的⽹站http://www.webjars.org/,我们可以到这个⽹站上找到⾃⼰需要的资源,
在⾃⼰的⼯程中添加⼊maven依赖,即可直接使⽤这些资源了。
如:⼀个使⽤bootstrap的Webjars的例⼦:

<dependency>
2 <groupId>org.webjars</groupId>
3 <artifactId>bootstrap</artifactId>
4 <version>3.3.7-1</version>
5 </dependency>
1 <html xmlns:th="http://www.thymeleaf.org">
2 <html lang="zh-CN">
3 <head>
4 <meta charset="UTF-8"/>
5 <title>欢迎页面</title>
6 <link rel="stylesheet"
7 href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" />
8 <body>
9 <div class="alert alert-success">
10 <p th:text="${info}"></p>
11 </div>
12 </div>

相关文章

网友评论

      本文标题:Thymeleaf模板引擎和Webjars联合使⽤

      本文链接:https://www.haomeiwen.com/subject/cqumzftx.html