html文件相对路径引用

本例环境是eclipse + 基于maven的web项目 + jdk7  + springmvc
1.本例目录如下截图

        
2.本例中static,views,WEB-INFO均在根目录下,且三个目录同级
3.应用场景
  本例应用是views目录下的index.html要引用static目录下的各种js,css等组件
  可以如下引用:
  <link rel="stylesheet" href="../static/css/bootstrap.min.css">
  <link rel="stylesheet" href="../static/css/font-awesome.min.css">
  <link rel="stylesheet" href="../static/css/AdminLTE.min.css">
  <link rel="stylesheet" href="../static/css/all-skins.min.css">
  <link rel="stylesheet" href="../static/css/main.css">
  <script src="../static/libs/jquery.min.js"></script>
  <script src="../static/libs/vue.min.js"></script>
  <script src="../static/libs/router.js"></script>
  <script src="../static/libs/bootstrap.min.js"></script>
  <script src="../static/libs/fastclick.min.js"></script>
  <script src="../static/plugins/layer/layer.js"></script>
  <script src="../static/js/index.js"></script>
  其中, ../表示在index.html的上级目录
  例如本项目名称是generator,在本地部署ip: 127.0.0.1 端口号:8080
  那么<script src="../static/js/index.js"></script>就等价于
  http://127.0.0.1:8080/generator/static/js/index.js
  如上纯html文件引用js,css组件能生效.
4.注意
  本例是springMVC项目,所以在配置springMVC的视图文件解析时需要加上如下配置:
  <mvc:default-servlet-handler />
    作用:对静态资源文件的访问,将无法mapping到Controller的path交给default servlet handler处理 
5.效果就是如下url可以正常访问
  http://127.0.0.1:8080/generator/views/index.html 
以上,TKS.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值