1.添加Thymeleaf依赖
2.代码目录结构
resources下static文件夹存放images、css、js等静态资源
templates存放Thymeleaf模板页面
3.Controller层代码写法
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的例子: