spring mvc配置bootstrap教程

spring mvc配置bootstrap教程

本文实例为大家分享了spring mvc配置bootstrap教程，供大家参考，具体内容如下

1.下载bootstrap

到下面的链接下载最新的 http://getbootstrap.com/，我下载的版本是bootstrap-3.3.7-dist

2.解压bootstrap-3.3.7-dist.zip,把整个文件夹copy到项目的中。我创建的是maven项目，我的bootstrap资源文件放在webapp\res文件夹下。

bootstrap-3.3.7-dist本身没有包含jquery.js脚本文件，需要单独下载，下载地址http://jquery.com/download/。

具体文件目录结构请看下图：

3.修改web.xml,对客户端请求的静态资源，如js,css等，交由默认的servlet处理；*.tff,*.woff,*.woff2是bootstrap的font目录下的文件后缀。

default

*.jpg

default

*.js

default

*.css

default

*.hthttp://ml

default

*.ttf

default

*.woff

default

*.woff2

springDispatcherServlet

/

如果不添加，会报404错误，下面的报错的url和截图

http://localhost:8080/maven05/res/bootstrap-3.3.7-dist/fonts/glyphicons-halflings-regular.woff2

点击进去看详情

4.在web页面中引用bootstrap

这里没有使用cdn，直接引用本地文件

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

href="res/bootstrap-3.3.7-dist/css/bootstrap.min.css">

</span>

User

User

User

运行效果

5.如果使用cdn，很简单，直接在web页面引用即可，不需要配置web.xml

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">

User

User

User

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。