使用Myeclipse创建Maven webapp项目问题处理——jsp文件中引用js,css

在学习MVC并构建DEMO时,遇到一个问题:HTTPServlet转发后,index2.jsp的CSS样式未生效。经过排查,发现是web.xml中缺少对静态资源的配置。在web.xml中添加了对.css等静态文件的servlet映射后,成功解决了资源访问问题。
摘要由CSDN通过智能技术生成

运行环境Win10, Java 1.8,MyEclipse2017 CI 3,apache-maven-3.3.9

这几天学习了解MVC,自己动手写一个DEMO,简单实现HttpServlet接受请求后,按指定路由通过controller转发到一个View(html模板),测试过程中为验证转发环节功能,先转到一个jsp页面,该页面使用了jquery,boostrap,项目结构如下:

 通过Myeclipse自带的tomcat启动后,测试按路由转发没问题,本例中默认页为index.jsp,index2.jsp由映射为New的Action转发

结果,index2.jsp中的css没有生效,浏览器调试结果:

这是为啥呢,检查工作目录,这些文件也有,网上找原因,各位网友说加<%=basePath%>,在这儿试了也没用,后来看到有人提到这种静态如果存在但是访问不到,可能是被过滤了,要在web.xml中设置一下,设置<servlet-mapping>,马上查看web.xml文件,发现<servlet-mapping>相关的只有以下内容

问题应该就出在这里了,把css,js这些相关的配置加进来试试

<!--设置访问静态资源(css,js,image...)-->  
    <servlet-mapping>
        <servlet-name>default</servlet-name>
        <url-pattern>*.css</url-pattern>
    </servlet-mapping>
    	<servlet-mapping>
		<servlet-name>default</servlet-name>
		<url-pattern>*.gif</url-pattern>
	</servlet-mapping>
	<servlet-mapping>
		<servlet-name>default</servlet-name>
		<url-pattern>*.jpg</url-pattern>
	</servlet-mapping>
	<servlet-mapping>
		<servlet-name>default</servlet-name>
		<url-pattern>*.png</url-pattern>
	</servlet-mapping>
	<servlet-mapping>
		<servlet-name>default</servlet-name>
		<url-pattern>*.eot</url-pattern>
	</servlet-mapping>
	<servlet-mapping>
		<servlet-name>default</servlet-name>
		<url-pattern>*.js</url-pattern>
	</servlet-mapping>
	<servlet-mapping>
		<servlet-name>default</servlet-name>
		<url-pattern>*.woff</url-pattern>
	</servlet-mapping>
	<!--设置访问静态资源(css,js,image...)END -->

保存后重启Tomcat, 刷新页面

Ok,果真是这里的问题,困扰一个新手多时的问题,终于解决。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值