zoukankan      html  css  js  c++  java
  • 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的项目的影响)

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

  • 相关阅读:
    常见错误集锦
    auto 迭代器的使用
    案例:带有动画的返回顶部
    案例:toDoList
    jQuery事件
    案例:发布微博功能
    案例:购物车功能模块
    jQuery常用的API
    案例:王者荣耀手风琴效果
    案例:jQuery实现tab栏切换功能
  • 原文地址:https://www.cnblogs.com/web001/p/9485717.html
Copyright © 2011-2022 走看看