Thymeleaf如何添加一个全局变量让前端所有页面都能获取这个变量

项目(springboot+thymeleaf)中需要为所有页面的服务器请求路径URI前增加一个字符串,由于这个字符串并不固定所以需要一个能被所有页面都接收到的全局变量。
在Thymeleaf上有一个视图解析器类ThymeleafViewResolver,里面有一个属性:

private final Map<String, Object> staticVariables = new LinkedHashMap<String, Object>(10);

以及它的set方法:

还有它的add方法:
在这里插入图片描述
set方法内就是使用add方法完成赋值的。

它们都有相同的注释说明,大意是:在处理每个视图之前,视图解析器将这些静态变量添加到上下文中,这样它们就可以像其他上下文变量一样从上下文中引用。

我们可以在springboot对thymeleaf进行自动配置时为staticVariables属性赋值,在类ThymeleafAutoConfiguration中找到关于视图解析的配置:
在这里插入图片描述
可以通过Spring的依赖注入拿到ThymeleafViewResolver的实例对象并为staticVariables 属性赋值,只需在项目中喜欢的位置新建下面这个类就可以获取到全局变量:

@Component
public class ViewResolverConfig {

    @Autowired
    @Qualifier("thymeleafViewResolver")
    private void myViewConfig(ThymeleafViewResolver thymeleafViewResolver){
        if(thymeleafViewResolver != null){
            Map<String, Object> map = new HashMap<>();
            map.put("path","test");
            map.put("path2","test2");
            thymeleafViewResolver.setStaticVariables(map);
        }
    }
}

map的key就是全局变量

也可以这样写:

@Configuration
public class ViewResolverConfig {
    @Autowired
    @Qualifier("thymeleafViewResolver")
    private ThymeleafViewResolver thymeleafViewResolver;

    @Bean
    public void myViewConfig() {
        if (thymeleafViewResolver != null) {
            Map<String, Object> map = new HashMap<>();
            map.put("path", "test");
            map.put("path2", "test2");
            thymeleafViewResolver.setStaticVariables(map);
        }
    }
}

或者这样写:

@Component
public class ViewResolverConfig implements WebMvcConfigurer {

    @Autowired
    @Qualifier("thymeleafViewResolver")
    private ThymeleafViewResolver thymeleafViewResolver;

    @Override
    public void configureViewResolvers(ViewResolverRegistry registry) {
        if (thymeleafViewResolver != null) {
            Map<String, Object> map = new HashMap<>();
            map.put("path", "test");
            map.put("path2", "test2");
            thymeleafViewResolver.setStaticVariables(map);
        }
    }
}

只要能让Spring扫描到都可以,设置staticVariables属性的值也可以使用:

thymeleafViewResolver.addStaticVariable("path","test");

单次只能设置一对key-value值。
接下来就可以在html中以你喜欢的各种姿势取值了:

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input th:value="${path+','+path2}"><!--first-->

<th:block th:inline="text">
        path=[(${path})], path2=[(${path2})]  <!--second-->
</th:block>

</body>

<script> //third
    var path = '[[${path}]]';
    console.log("path="+path);

    var path2 = '[[${path2}]]';
    console.log("path2="+path2);
</script>

</html>

输出如图:
在这里插入图片描述

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值