复制demo问题

老师好，为什么复制整个demo文件夹到WebContent中，servlet类转发请求到jsp，jsp页面显示样式有问题呢？这样css加载不进去么？

源自：JSTL与EL表达式 3-2 综合训练-实现员工信息列表

收起

4回答

好帮手慕阿满回答被采纳获得+3积分 2020-05-31 10:38:03

同学你好，如果有css，js等是在demo文件夹下，那么正确的加载路径是localhost:8080/employee/demo/xx.js，如果缺少/demo，所以css，js等加载不成功，加上/demo则能正确访问。

如果同学的css，js等加载不正确，可以在浏览器中按F12，查看浏览器的控制台报错是否是404，js和css的路径中是否有demo。

jsp发布后，并没有脱离原来的位置，同学可以去tomcat下查看发布后的项目，查看jsp文件的位置。

祝：学习愉快~

好帮手慕阿园 2020-05-30 19:13:52

同学你好

1，jsp页面是不能设置断点调式的，同学打开浏览器的调式页面，把鼠标放到下图这个位置，就可以查看css的引入路径，如下图

2，同学可以查看下jsp是在demo文件夹下还是在WebContent文件夹下，在WebContent文件夹下就需要在路径前加上demo/才能找到对应文件；不加demo/的路径是下面这个路径

加上demo/才能找到对应的文件，如下图

3，不加斜杠的参考路径是当前访问的路径，如下图

加上斜杠的参考路径是我们访问的根路径，加载文件是从根路径开始加载，如下图所示，如果加上斜杠会导致引入文件不成功，如下图

如果我的回答解决了你的疑惑，请采纳，祝学习愉快~

提问者 qq_酒半熏_0 #1

老师你说"不加斜杠的参考路径是当前访问的路径，",那么demo文件夹下面三个文件夹和.jsp文件都是兄弟关系，那么从.jsp文件的角度来看，不加"demo/"才是对的吧，就下面这样写就可以了， <link href="css/bootstrap.css" type="text/css" rel="stylesheet"></link> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="js/bootstrap.js"></script> 难道是项目发布到webapps后，对于.jsp文件就很特殊地脱离了原来的位置，需要重新到根路径去加载.css，.js么，这个地方有什么原理？

2020-05-30 19:55:43

好帮手慕阿园 2020-05-30 10:48:42

同学你好，老师测试如果jsp页面是在demo文件夹下的话是可以加载到的，同学可以在浏览器调式页面看下css和js是否正确引入了

如果还存在此问题，同学清除下缓存试试，清除谷歌浏览器的快捷键是Ctrl+Shift+Delet

建议同学跟老师的代码一致，防止以后的路径引起的冲突祝学习愉快

提问者 qq_酒半熏_0 #1

1.老师我的jsp文件不能设置断点。2.我给所有引用文件路径前面加demo/就可以了，这为什么和sublime中不一样啊？3.路径前面没'/'和有'/'都是什么路径？ <link href="demo/css/bootstrap.css" type="text/css" rel="stylesheet"></link> <script type="text/javascript" src="demo/js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="demo/js/bootstrap.js"></script>

2020-05-30 17:39:53