java 框架引入 boostrap 总结

最近在看了简书的一个大牛写的东西,感慨良多。这个世界最可怕的事情就是比你优秀的人还比你努力!

我做毕业设计遇到的一个SSM框架,页面使用的jsp,在使用boostrap的时候遇到的问题,框架一直无法引用boostrap的 js 、css 资源,格式使用不上。项目的框架如下。

在查了N多的资料,试了N种网上说的引用路径,有相对路径 还有用java小脚本获取绝对路径,到最后按着 Ctrl 路径也变了颜色,可是就是访问不到。

<%
    String path = request.getContextPath(); 
%>

大家可以在浏览器里按下 F12  看下浏览器报错:

 

若是如下: 就说明路径不对,没有找到文件。

出现这种就说明自己的路径不对,在试下自己的路径是否正确。

若是如下: 就说明资源无法访问。

这种情况的解决办法如下:在springMVC.xml加入以下字段

  <!-- 访问静态资源 -->
  <!-- 对静态资源文件的访问 -->  
    <mvc:resources location="/Images/" mapping="/images/**"/>  
    <mvc:resources location="/WEB-INF/jsp/js/" mapping="/js/**"/>  
    <mvc:resources location="/WEB-INF/jsp/projectjs/" mapping="/projectjs/**"/>  
    <mvc:resources location="/WEB-INF/jsp/css/" mapping="/css/**"/>  
    <mvc:resources location="/WEB-INF/jsp/fonts/" mapping="/fonts/**"/>  
    <mvc:resources location="/WEB-INF/jsp/resources/" mapping="/resources/**"/>  
    <mvc:resources location="/WEB-INF/jsp/bootstrap/" mapping="/bootstrap/**"/>  
    <mvc:resources location="/WEB-INF/jsp/build/" mapping="/build/**"/>
    <mvc:resources location="/boostrap/" mapping="/boostrap/**"/>

 无法加载的原因是,拦截器自动的将这些静态资源拦截了,需要用下面这个标签引用一下:

<mvc:resources location="/boostrap/" mapping="/boostrap/**"/>

 然后,如果还是不行的话,是因为这个标签需要引用一个jar包  : org.springframework.web.servlet-3.1.4.RELEASE.jar

如果出现下列情况:

这时候可以访问到css 和 js ,但是 css 可以使用, js 还是不能使用

这是因为 bootstrap 的 js 文件引用需要 jquery 的依赖,在引入完 boostrap.min.css之后 引入 jquery.js  然后 再引入 boostrap.js

这样就都ok了

欢迎大家加入我的QQ群:564761941 

大家一起讨论学习、相互鼓励!

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值