• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
麦兜家园
优秀是一种习惯
博客园    首页    新随笔    联系   管理    订阅  订阅
thymeleaf 获取项目路径(工程名) contextPath

这两天用到了thymeleaf 这个模板,我们前端人员开发的过程中,引用的资源都为静态的资源,显然是不符合动态页面的需求的。所以服务端的同事说要加一个工程名,毕竟动态引入的项目必须要使其路径正确才能出效果,所以,我查了网上的一些做法,有很多回答,但是对于我这种菜鸟,真心还是不太明白,但是实际用到了,就总结出来,以供和我同样水平的同学明白。

javascript里直接引用这段代码:

 <script type="text/javascript" th:inline="javascript">
        /*<![CDATA[*/
        ctxPath = /*[[@{/}]]*/ '';
        /*]]>*/

        console.info(ctxPath);
 </script>  

然后代码中就直接通过thymeleaf方式直接引用css和js即可。比如:

<script th:src="@{/js/jquery-2.1.4.js}"></script>

其实需注意的使,因为上面的js代码中已经对项目名称做了解析,所以直接通过thymeleaf引入js的时候已经将工程名(项目名)编译加进去了,所以,引用外部js前不需加任何东西。(说实话,我刚开始一直以为需要加入ctxPath才行,是我想错了,受之前用的guns的项目的影响)

好了,就这样,希望能够帮助到大家!

 

posted on 2018-08-16 10:19  麦兜家园  阅读(15920)  评论(1)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3