Thymeleaf模板引擎和Webjars联合使用

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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。