如何使用Thymeleaf和Webjars

1.添加Thymeleaf和Webjars依赖

thymeleaf模板引擎依赖

org.springframework.boot 3
spring-boot-starter-thymeleaf 4

Webjars模板引擎依赖

 
org.webjars 
bootstrap 
3.3.7-1 
 

2.代码目录结构

1.png

resources下static⽂件夹存放images、css、js等静态资源
templates存放Thymeleaf模板⻚⾯

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

4. html⻚⾯头部添加thymeleaf名称空间声明

5. 通过Webjars引⽤静态资源

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