IDEA中向JSP页面添加css和js引用路径的问题

我不是女神ヾ 2023-10-01 20:21 16阅读 0赞

现在有一个项目，用到了第三方的js和[css][]插件，需要引用到我们的jsp页面，项目结构大致如下  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAMTEyM-OAgg_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]

如果直接采用下面的方式，将无法引用成功，导致页面效果无法实现。

[这里][Link 1]原因是/为根路径，而根路径默认从WEB-INF这里开始，所以运营后将无法找到插件资源。那么更改路径，通过…/呢

上面的方式，期望通过/…追溯到webapp路径后，再向下查找文件路径，实际上也是不可行的，编译器也会提示找不到  
![在这里插入图片描述][cb77cc64dd364e8aa7718aca21a5c393.png_pic_center]

不过这里的思路到是对的，通过找到webapp根路径，在myeclipce项目中就是webRoot根路径来实现，那么怎么找到此路径呢，两种方式：

**1.通过$\{pageContext.request.contextPath\}** 可以获得当前项目的路径，然后就只需要在后面加上引入的静态文件的文件路径即可。

**2.通过src="<c:url value=“路径”/>"的方式来实现**，这样也是默认基于项目根路径的路径。它会提示添加头引用，<%@ taglib prefix=“c” uri=“http://www.springframework.org/tags” %>

**3.通过./当前目录的方式来实现**，这里的当前目录会被理解为项目目录，也是资源根路径webapp的路径。但需要注意的是，这种方式在微网页中会引发错误，因为它是找当前域下的项目目录。

至此，完成要求，打开浏览器查看源码，可以看到路径会自动加上项目名称，网页效果显示正常，表示引用成功了。  
![在这里插入图片描述][45e77133cb91419c9f2c4b04e8d9b37f.png_pic_center]

[css]: https://so.csdn.net/so/search?q=css&spm=1001.2101.3001.7020
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAMTEyM-OAgg_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]: https://img-blog.csdnimg.cn/d64a53a7b35b435994d44f7084c2fbc9.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAMTEyM-OAgg==,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center
[Link 1]: http://dianzilibu.com/
[cb77cc64dd364e8aa7718aca21a5c393.png_pic_center]: https://img-blog.csdnimg.cn/cb77cc64dd364e8aa7718aca21a5c393.png#pic_center
[45e77133cb91419c9f2c4b04e8d9b37f.png_pic_center]: https://img-blog.csdnimg.cn/45e77133cb91419c9f2c4b04e8d9b37f.png#pic_center