如何在Thymeleaf中获取内容路径？SpringBoot项目技术问询

好的，针对你在Spring Boot 1.5.10 + Thymeleaf项目里遇到的URL硬编码问题，我来给你几种优雅的解决方案，让你不用手动拼接上下文路径，适配不同的部署场景：

核心原理 #

Thymeleaf内置了对Spring上下文路径的支持，通过@{/path}表达式可以自动拼接当前应用的上下文路径（也就是你配置的server.context-path，默认是/），这样不管你的应用部署时上下文路径是什么，生成的URL都是正确的。

方法一：定义全局上下文路径变量 #

在页面的<script>标签里，先用Thymeleaf注入上下文路径到一个全局JS变量，之后所有跳转都用这个变量拼接：

<script th:inline="javascript">
    // 注入上下文路径，@{/}会自动替换成实际的上下文路径（比如/myapp/）
    var contextPath = [[@{/}]];

    // 下拉框跳转逻辑
    $('#month').on('change', function() {
        var month = $(this).val();
        window.location = contextPath + "dashboard/operation/month/" + month;
    });

    // 按钮跳转逻辑
    $('#bFind').click(function() {
        var month = $('#month').val();
        var newUrl = contextPath + "dashboard/operation/month/" + month;
        $('a').attr('href', newUrl);
    });
</script>

注意要给<script>加上th:inline="javascript"属性，这样Thymeleaf才会解析里面的[[...]]表达式。

方法二：直接在跳转逻辑中使用Thymeleaf URL表达式 #

如果你不想定义全局变量，也可以直接在JS的跳转代码里使用@{/xxx}表达式，Thymeleaf会自动处理上下文路径：

<script th:inline="javascript">
    // 下拉框跳转逻辑
    $('#month').on('change', function() {
        var month = $(this).val();
        // @{/dashboard/operation/month/}会自动拼接上下文路径
        window.location = [[@{/dashboard/operation/month/}]] + month;
    });

    // 按钮跳转逻辑
    $('#bFind').click(function() {
        var month = $('#month').val();
        var newUrl = [[@{/dashboard/operation/month/}]] + month;
        $('a').attr('href', newUrl);
    });
</script>

方法三：直接在HTML标签中绑定URL（更推荐） #

其实对于按钮或者链接，你完全可以不用JS拼接，直接用Thymeleaf在HTML标签里生成正确的URL，比如：

<!-- 下拉框配合form提交（如果适合的话） -->
<form th:action="@{/dashboard/operation/month/}" method="get">
    <select name="month" id="month" onchange="this.form.submit()">
        <!-- 选项内容 -->
    </select>
</form>

<!-- 按钮直接生成带参数的URL -->
<a id="findLink" th:href="@{/dashboard/operation/month/{month}(month=${selectedMonth})}">
    <button id="bFind">查询</button>
</a>

这种方式更符合Thymeleaf的设计理念，减少JS的硬编码，维护起来更方便。

补充说明 #

• 如果你的Spring Boot应用配置了自定义上下文路径（比如在application.properties里设置server.context-path=/my-dashboard），上述所有方法都会自动把上下文路径加到URL前面，生成类似http://localhost:8080/my-dashboard/dashboard/operation/month/10这样的正确URL。
• 记得确保你的Thymeleaf页面的HTML标签上添加了xmlns:th="http://www.thymeleaf.org"命名空间，这样Thymeleaf才能正确解析所有表达式。

内容的提问来源于stack exchange，提问作者davisoski