Thymeleaf 公共css,js提取及自有css,js导入

之前参考网上的各种方法,均为达到期望的效果,于是到Thymeleaf 官网逛了下,找到官网的例子来实现了:

以fragment方式分离公有css和js,
以replace+参数的方式传入每个页面单独的css和js.

直接上栗子:
公有css(存放在templates/common/htmlHead.html中):




    
    The awesome application
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    

    
    

一般页面调用公有css,并使用自己的css:




    设置
    


公有js的提取方式是一样的:



公有js的使用包一层div即可:

......

......


测试结果可用,具体解释请参考Thymeleaf官方文档

另外本人使用的SpringBoot版本是1.5.4,默认的thymeleaf不是3.0版本,上面的测试需要thymeleaf 3.0版本才可以,需要修改下pom.xml文件,添加以下配置即可:

    
        UTF-8
        UTF-8
        1.8
        
        3.0.0.RELEASE
        2.0.0
    

最后打个小广告,闲着没事东拼西凑了个小程序(好多妹子奥),闲着无聊的小伙伴帮我扫扫凑凑人数哈:

Thymeleaf 公共css,js提取及自有css,js导入_第1张图片
炱无聊

你可能感兴趣的:(Thymeleaf 公共css,js提取及自有css,js导入)