来整理一下这个jsp中加入css,js的问题吧
我的情况是在spring-mvc.xml中加上了
<mvc:default-servlet-handler/>
在web.xml中如下配置
<servlet>
<servlet-name>springDispatcherServlet</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet
</servlet-class> <!-- spring-mvc的配置文件默认在:WEB-INF/servlet的name+"-servlet.xml" -->
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:spring/spring-mvc.xml</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>springDispatcherServlet</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
但一直提示无法加载,所以我换成了在线获取的模式
<link href="https://maxcdn.bootstrapcdn/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://code.jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
这个时候没有错了,但样式依然输出不出来
最后换成了这个样子
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="https://cdn.staticfile/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile/jquery/2.1.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
终于成功了。。。。。
如果想要从本地去加载,那建议首先通过pageContext.setAttribute获取到服务器的路径,这样也可以解决上述问题
<html> <% pageContext.setAttribute("APP_PATH", request.getContextPath()); %> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- 新 Bootstrap 核心 CSS 文件 --> <link href="${APP_PATH}/static/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"> <!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> <script src="https://cdn.staticfile/jquery/2.1.1/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="${APP_PATH}/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> <title>你的title</title> </head> <body> <!-- Standard button --> <button id="1" type="button" class="btn btn-default">(默认样式)Default</button> <!-- Provides extra visual weight and identifies the primary action in a set of buttons --> <button type="button" class="btn btn-primary">(首选项)Primary</button> <!-- Indicates caution should be taken with this action --> <button type="button" class="btn btn-warning">(警告)Warning</button> </body> </html>
更多推荐
即使其 MIME 类型(“”)不是有效的 JavaScript MIME 类型,仍已加载来自“http://localhost:8080/src/main/we
发布评论