web001

这两天用到了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的项目的影响)

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

 

分类:

技术点:

相关文章:

  • 2021-09-15
  • 2021-12-10
  • 2021-11-30
  • 2021-11-30
  • 2021-11-29
  • 2021-07-19
猜你喜欢
  • 2022-12-23
  • 2021-11-27
  • 2022-12-23
  • 2021-06-12
  • 2021-11-27
  • 2022-02-07
相关资源
相似解决方案