复制demo问题

来源:3-2 综合训练-实现员工信息列表

qq_酒半熏_0

2020-05-29 06:40:51

老师好,为什么复制整个demo文件夹到WebContent中,servlet类转发请求到jsp,jsp页面显示样式有问题呢?这样css加载不进去么?http://img.mukewang.com/climg/5ed03d370912756c10030556.jpghttp://img.mukewang.com/climg/5ed03d2609c29a0803030349.jpg

写回答

4回答

好帮手慕阿满

2020-05-31

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

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

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

祝:学习愉快~

0

好帮手慕阿园

2020-05-30

同学你好

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

http://img.mukewang.com/climg/5ed23d0f09050b7705540195.jpg


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

http://img.mukewang.com/climg/5ed23d29097766b300000000.jpg

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

http://img.mukewang.com/climg/5ed23d5e09dd5e5b03320083.jpg


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

http://img.mukewang.com/climg/5ed23f0d09aa39af03620331.jpg

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

http://img.mukewang.com/climg/5ed23fd808e8e96d05540504.jpg

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


0
hq_酒半熏_0
h 老师你说"不加斜杠的参考路径是当前访问的路径,",那么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么,这个地方有什么原理?
h020-05-30
共1条回复

好帮手慕阿园

2020-05-30

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

http://img.mukewang.com/climg/5ed1c974098b2d1405540152.jpg

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

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

0
hq_酒半熏_0
h 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>
h020-05-30
共1条回复

好帮手慕阿园

2020-05-29

同学你好,复制的是demo中的资源,而不是demo文件夹哦,同学这样就多了一层文件夹,所以css样式加载不到

http://img.mukewang.com/climg/5ed0a0a609c9ca8a02360178.jpg

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


0
hq_酒半熏_0
h 还是不能理解,html、CSS和JS文件都在demo文件夹下,html转换成jsp文件后,内容也没变,链接外部css文件是css/xx.css,相对于jsp文件,这样写和之前在sublime学的写的一样啊?
h020-05-30
共1条回复

0 学习 · 9666 问题

查看课程