Thymeleaf模板引擎和Webjars联合使⽤

2018-09-17  本文已影响0人  g忠一

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的例⼦:

上一篇 下一篇

猜你喜欢

热点阅读