WEB-INF目录

一、WEB-INF是Java的WEB应用的安全目录，只能通过服务端访问（servlet，controller或action之类的）。

1、servlet跳转web-inf目录下的页面

//重定向（url改变，不能传递参数）
response.sendRedirect("/WEB-INF/index.html");
//转发（url不变，可以传递参数）
RequestDispatcher dispatcher=request.getRequestDispatcher("/WEB-INF//index.html");
dispatcher.forward(request, response);

2、controller、action等框架内的跳转（以后整理）

二、WEB-INF目录内的页面引入静态资源

由于js、css等静态资源一般都是直接引入，所以一般不放入WEB-INF目录内，而是放到和WEB-INF同级的目录下（webapps目录下）。

以下提供相对路径引入和绝对路径引入两种方法，最好使用绝对路径引入（简单明了）：

1、相对路径引入：

注意目录层级的问题，这里不能根据项目中的真实路径去判断往回返回几层，而是根据项目的访问路径进行判断

比如当前的url是http://localhost:8080/projectName/login，这里需要引入的资源访问路径是http://localhost:8080/projectName/bootstrap-3.3.7/css/bootstrap.css，所以下面示例的引入并没有返回上一级（../）。

<link rel="stylesheet" href="./bootstrap-3.3.7/css/bootstrap.css" >
<script src="./jquery-3.2.1.js"></script>

2、绝对路径引入

此方法一般适用于jsp页面，html页面使用c:set标签好像需要引入什么库（具体自行百度）

<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/> 
<script type="text/javascript" src="${path}/js/jquery-1.8.1.min.js"></script> 
<script type="text/javascript" src="${path}/js/jquery.datepick.js"></script> 
<script type="text/javascript" src="${path}/js/jquery.datepick-zh-CN.js"></script> 
<link type="text/css" href="${path}/css/smoothness.datepick.css" rel="stylesheet">