2. 程式人生 > >Web專案的WEB-INF目錄使用說明

Web專案的WEB-INF目錄使用說明

阿新 • • 發佈：2019-01-11

在web專案中，為了安全，可能需要把jsp檔案放在WEB-INF目錄下，這樣如果我們的頁面中出現超連結a標籤或者js的location.href去直接轉向到WEB-INF下的某一個jsp頁面，那麼就會引用不到，因為這樣的請求方式是客戶端的請求，而WEB-INF頁面只對服務端開放，對客戶端是不可見的。這時候我們可以使用action，來進行轉向，我們先去請求一個action，然後由這個action分發到這個WEB-INF下的頁面就可以了。我們可以自己定義一個類似struts1的DispatcherAction的一個action來分發頁面。

由於WEB-INF下對客戶端是不可見的，所以相關的資原始檔，如css，javascript和圖片等資原始檔不能放在WEB-INF下，那麼如何從WEB-INF下引用非WEB-INF下的檔案，以及js，html的frame的框架如何去訪問WEB-INF下的jsp呢？

下面對WEB-INF目錄的一些問題進行詳細說明：

以一個專案為例：

如下這樣一個程式碼目錄：我們把除index.jsp外其他的jsp檔案放在WEB-INF下，把css,javascript,圖片放在了webRoot(WebContent)目錄下，然後main.jsp是一個frame的html框架，包含了main1.jsp和main2.jsp兩個檔案。

 

 

 

1、index.jsp頁面訪問css,js,圖片等檔案的時候，自然不用說，因為它不在WEB-INF下，正常的訪問即可：

Html程式碼  收藏程式碼
  1. <link href="css/login_css.css" rel
    ="stylesheet" type="text/css">  
  2. <script type="text/javascript" src="js/login_js.js"></script>  
  3. <img alt="" src="image/1.jpg">  

2、register.jsp頁面去訪問css,js和圖片的時候，也是不需要新增WEB-INF目錄的，也就是忽略WEB-INF目錄，訪問的時候和index.jsp頁面所在的路徑訪問資原始檔是一樣的：

Html程式碼  收藏程式碼
  1. <link href="css/register_css.css" rel="stylesheet"
     type="text/css">  
  2. <script type="text/javascript" src="js/register_js.js"></script>  
  3. <img alt="" src="image/2.jpg">  

3、register.jsp頁面去轉向index.jsp頁面，即註冊頁面有一個連結，轉向到登入介面，由於index.jsp頁面沒有在WEB-INF下，所以可以直接訪問index.jsp頁面的路徑，

 register.jsp:

Html程式碼  收藏程式碼
  1. <tr>  
  2.     <td></td>  
  3.     <td colspan="2" style="float: left; ">  
  4.         <button type="button" >註冊</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
  5.         <button type="button"  onclick="goLogin()">去登入</button>  
  6.     </td>  
  7. </tr>  

在register.jsp頁面中定義了一個botton，然後響應一個onclick事件，

我們在register_js.js中定義這個goRegister ()的js事件：

regitster_js.js:

Js程式碼  收藏程式碼
  1. function goLogin(){  
  2.     location.href="index.jsp";  
  3. }  

這樣就可以訪問到WebContent目錄中的index.jsp頁面了。

4、index.jsp（登入頁面）有一個連結，指向register頁面，如果點選連結，就跳轉到register.jsp中進行註冊，因為register.jsp在WEB-INF下，所以不可以直接使用a標籤去訪問WEB-INF路徑下的檔案:

Html程式碼  收藏程式碼
  1. <a href="WEB-INF/register/register.jsp">去註冊</a>  

，或者js的location.href去訪問：

Js程式碼  收藏程式碼
  1. function goRegister(){    
  2.     location.href="WEB-INF/register/register.jsp";  
  3. }  

這樣兩種方式都是直接請求了WEB-INF路徑，都是無法跳轉的。

我們可以建立一個action，struts的action中沒有DispatcherAction，但是我們可以通過萬用字元來讓一個action的不同方法返回不同的頁面，然後我們去請求這個action中的相應方法即可由這個action從伺服器端請求到WEB-INF下的頁面了：

下面詳細說明如果進行自定義的分發action來進行頁面的分發：

DispatcherAction.java:

Java程式碼  收藏程式碼
  1. package com.yun.test.webinf.action;  
  2. import com.opensymphony.xwork2.ActionSupport;  
  3. publicclass DispatcherAction extends ActionSupport{  
  4.     public String goRegister(){  
  5.         return"goRegister";  
  6.     }  
  7. }  

這個action中，我們定義了一個goRegister的方法，這個方法沒有任何邏輯程式碼，只是返回一個字串，然後在struts.xml中我們讓這個字串指向我們要訪問的WEB-INF下的register.jsp頁面：

struts.xml:

Xml程式碼  收藏程式碼
  1. <action name ="dispatcher" class="com.yun.test.webinf.action.DispatcherAction" >  
  2.     <result name ="goRegister">WEB-INF/register/register.jsp</result >  
  3.     <result name ="input">/index.jsp</result >  
  4. </action >  

然後我們可以在頁面中進行請求DispatcherAction的goRegister方法，然後這個action的goRegister方法就會把頁面轉向到WEB-INF下的register.jsp頁面了：

我們在index.jsp中定義了一個botton,然後給這個botton註冊一個點選事件：

index.jsp:

Html程式碼  收藏程式碼
  1. <tr>  
  2.     <td></td>  
  3.     <td colspan="2" style="float: left; ">  
  4.         <button onclick="checkValues()">登入</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
  5.         <button type="button" id="button1" onclick="goRegister()">去註冊</button>  
  6.     </td>  
  7. </tr>  

在index_js.js中定義這個點選事件為location.href到定義的action的goRegister.action方法中：

login_js.js:

Js程式碼  收藏程式碼
  1. function goRegister(){  
  2.     location.href="dispatcher!goRegister.action";  
  3. }  

當然，也可以直接在頁面中使用a標籤來請求這個action的goRegister方法：

Html程式碼  收藏程式碼
  1. <a href="dispatcher!goRegister.action">去註冊</a>  

這樣我們就可以通過action的轉發，成功的請求道WEB-INF下的jsp檔案了。

注意請求action的方式，dispatcher!goRegister.action  這個！是一個分發字元，！之前的部分是action的名字，！之後的部分是這個action的某個我們要請求的方法的名字。然後這個action中必須要定義一個同名的方法，就不需要使用execute方法了。然後這個同名方法，返回的是一個String字串，這個字串在struts.xml中指向為我們想要跳轉的路徑。這就是一個請求分發的action。

我們還可以自己定義分發的分隔符，可以是下劃線等，分發action詳見Struts2實現分發的action一節

5、jsp頁面中的frame框架中想把多個WEB-INF下的頁面設定為框架的內容的時候，即使main.jsp和main1.jsp,main2.jsp同在WEB-INF目錄下，也不可以直接去指定WEB-INF路徑，如：

Html程式碼  收藏程式碼
  1. <frameset cols="30%,70%">  
  2.     <frame src="main/main1.jsp">  
  3.     <frame src="main/main1.jsp">  
  4. </frameset>  

這樣還是不能訪問，也必須使用服務端的action分發的方式進行指定jsp檔案的路徑。

程式碼如下：

main.jsp:

Html程式碼  收藏程式碼
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"  
  2.     pageEncoding="UTF-8"%>  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  4. <html>  
  5. <head>  
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  7. <title>main</title>  
  8. </head>  
  9. <frameset cols="30%,70%">  
  10.     <frame src="dispatcher!goMain1.action">  
  11.     <frame src="dispatcher!goMain2.action">  
  12. </frameset>  
  13. </html>  

struts.xml:

Xml程式碼  收藏程式碼
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <!DOCTYPE struts PUBLIC  
  3.     "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"  
  4.     "http://struts.apache.org/dtds/struts-2.0.dtd">  
  5. <struts >  
  6.     <package name ="test" extends ="struts-default" >  
  7.         <action name ="dispatcher" class ="com.yun.test.webinf.action.DispatcherAction" >  
  8.             <result name ="goRegister">WEB-INF/register/register.jsp</result >  
  9.             <result name ="goMain1">WEB-INF/main/main1.jsp</result >  
  10.             <result name ="goMain2">WEB-INF/main/main2.jsp</result >  
  11.             <result name ="input">/index.jsp</result >  
  12.         </action >  
  13.         <action name ="login" class ="com.yun.test.webinf.action.LoginAction" >  
  14.             <result name ="success">WEB-INF/main.jsp</result >  
  15.             <result name ="input">/index.jsp</result >  
  16.         </action >  
  17.         <action name ="register" class ="com.yun.test.webinf.action.RegisterAction" >  
  18.             <result name ="success">WEB-INF/main.jsp</result >  
  19.             <result name ="input">WEB-INF/register/register.jsp</result >  
  20.         </action >  
  21.   </package>  
  22. <!-- 定義struts標籤為無預設樣式 -->  
  23.     <constant name="struts.ui.theme" value="simple" />  
  24. </struts>  

DispatcherAction.java:

Java程式碼  收藏程式碼
  1. package com.yun.test.webinf.action;  
  2. import com.opensymphony.xwork2.ActionSupport;  
  3. publicclass DispatcherAction extends ActionSupport{  
  4.     public String goRegister(){  
  5.         return"goRegister";  
  6.     }  
  7.     public String goMain1(){  
  8.         return"goMain1";  
  9.     }  
  10.     public String goMain2(){  
  11.         return"goMain2";  
  12.     }  
  13. }  

這樣，這個main頁面就可以通過action分發使用frame框架了。

6、同在WEB-INF目錄下的register.jsp和main.jsp中怎麼跳轉呢？我們會在register.jsp中提交表單，然後在action中進行處理，如果註冊成功，會跳轉到main頁面，這時的跳轉也會涉及到WEB-INF目錄，因為目標路徑main.jsp也在WEB-INF下，所以我們在跳轉的時候也必須寫上WEB-INF的目錄路徑才可以，而且必須是請求分發，而不能是redirct的方式。

如程式碼：

register.jsp:

Html程式碼  收藏程式碼
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"  
  2.     pageEncoding="UTF-8"%>  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  4. <html>  
  5. <head>  
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  7. <title>register</title>  
  8. <link href="css/register_css.css" rel="stylesheet" type="text/css">  
  9. <script type="text/javascript" src="js/register_js.js"></script>  
  10. </head>  
  11. <body>  
  12.     <div id="content" >  
  13.     <form action="register.action" id="registerForm"  method="post">  
  14.         <table>  
  15.             <tr>  
  16.                 <td width="150px;" style="text-align:center; ">註冊名</td>  
  17.                 <td width="80px;" style="text-align: left;"><input type="text" name="user.username"  id="username" ></td>  
  18.                 <td width="400px;" style="text-align: left;"><font color="red">* 請輸入使用者名稱</font></td>  
  19.             </tr>  
  20.             <tr>  
  21.                 <td width="100px;" style="text-align:center; ">註冊密碼</td>  
  22.                 <td width="80px;" style="text-align: left;"><input type="password" name="user.password" size="22" id="password"></td>  
  23.                 <td width="400px;" style="text-align: left;"><font color="red">* 請輸入密碼</font></td>  
  24.             </tr>  
  25.             <tr>  
  26.                 <td></td>  
  27.                 <td colspan="2" style="float: left; ">  
  28.                     <button type="button"  onclick="checkValues()">註冊</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
  29.                     <button type="button"  onclick="goLogin()">去登入</button>  
  30.                 </td>  
  31.             </tr>  
  32.         </table>  
  33.      </form>  
  34.     </div>  
  35.     <img alt="" src="image/2.jpg">  
  36. </body>  
  37. </html>  

struts.xml:

Xml程式碼  收藏程式碼
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <!DOCTYPE struts PUBLIC  
  3.     "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"  
  4.     "http://struts.apache.org/dtds/struts-2.0.dtd">  
  5. <struts >  
  6.     <package name ="test" extends ="struts-default" >  
  7.         <action name ="dispatcher" class ="com.yun.test.webinf.action.DispatcherAction" >  
  8.             <result name ="goRegister">WEB-INF/register/register.jsp</result >  
  9.             <result name ="goMain1">WEB-INF/main/main1.jsp</result >  
  10.             <result name ="goMain2">WEB-INF/main/main2.jsp</result >  
  11.             <result name ="input">/index.jsp</result >  
  12.         </action >  
  13.         <action name ="login" class ="com.yun.test.webinf.action.LoginAction" >  
  14.             <result name ="success">WEB-INF/main.jsp</result >  
  15.             <result name ="input">/index.jsp</result >  
  16.         </action >  
  17.         <action name ="register" class ="com.yun.test.webinf.action.RegisterAction" >  
  18.             <result name ="success">WEB-INF/main.jsp</result >  
  19.            <result name ="input">WEB-INF/register/register.jsp</result >  
  20.         </action >  
  21.     </package>  
  22.     <!-- 定義struts標籤為無預設樣式 -->  
  23.     <constant name="struts.ui.theme" value="simple" />  
  24. </struts>  

RegisterAction.java:

Java程式碼  收藏程式碼
  1. package com.yun.test.webinf.action;  
  2. import com.opensymphony.xwork2.ActionSupport;  
  3. import com.yun.test.webinf.entity.User;  
  4. public class RegisterAction extends ActionSupport{  
  5.          private User user;  
  6.          public void setUser(User user) {  
  7.                    this.user = user;  
  8.          }  
  9.          public User getUser() {  
  10.                    return user;  
  11.          }  
  12.          @Override  
  13.          public String execute() throws Exception {  
  14.                    if("lisi".equals(user.getUsername())&&"lisi".equals(user.getPassword())){  
  15.                             return SUCCESS;  
  16.                    }  
  17.                    return INPUT;  
  18.          }  
  19. }  

接下來對WEB-INF頁面中的注意事項進行說明：

1. 把頁面資原始檔只能放在WebContent目錄內，,如 CSS,JS,image等.不能放在WEB-INF下，因為WEB-INF是對客戶端隱藏的，所以放在WEB-INF下會造成頁面的佈局等檔案引用不到的情況。

2. 頁面檔案一般放在WEB-INF目錄下面,這樣可以限制訪問,提高安全性.如JSP,html檔案，放在WEB-INF目錄下就可以避免客戶端直接在位址列上輸入路徑進行訪問了。基於不同的功能 ，把JSP 放置在WEB-INF下的不同的目錄中。

3. 只能用轉向方式來訪問WEB-INF目錄下的JSP,不用採用重定向的方式請求該目錄裡面的任何資源。

4.轉向方式:

4.1、請求轉發：

如struts.xml檔案中配置

Xml程式碼  收藏程式碼
  1. <result name ="goMain2">WEB-INF/main/main2.jsp</result >  

或在Action中寫

request.getRequestDispatcher("/WEB-INF/main/main2.jsp").forward(request, response);

的方式都是伺服器讀取了該頁面內容,併發送到客戶端的，客戶端的地址不變，然後內容跳轉了。這樣的方式是可以訪問到WEB-INF目錄下的jsp檔案的。

4.2、重定向方式:

如struts.xml檔案中配置        

Xml程式碼  收藏程式碼
  1. <result name ="goMain2" type="redirect">WEB-INF/main/main2.jsp</result >  

 或在action中

response.sendRedirect("WEB-INF/main/main2.jsp ");

都屬於重定向的方式，重定向的含義就是伺服器把地址發給客戶端,讓客戶端去訪問，這樣還是在客戶端訪問的WEB-INF目錄，所以是無法訪問到WEB-INF目錄下的jsp檔案的。

5、有一些標籤，也是可以訪問到WEB-INF目錄中的檔案的，如果符合要求的情況下也可以使用，如：

Html程式碼  收藏程式碼
  1. <js

相關推薦

讀取web專案web-inf目錄下的jdbc.properties檔案

package com.cttsp.test; import java.io.FileInputStream; import java.io.IOException; import java.io.InputStream; import java.util.Properti

Intellij建立maven web專案無src目錄

原因 網上有很多博文寫了方法，比如這篇部落格。大概講的就是兩種方法，一種配引數禁止載入，另一種是改映象。 其實原因都是因為maven官方下載太慢導致專案沒啟動成功。我選擇第二種一勞永逸的方法，成功改好了映象，卻發現依舊不行，最後經過一定的探索終於找到了正確的流程。 操作步驟

ltelliJ IDEA 建立Maven web專案無src目錄的解決方案

一、緣由 這幾天閒來無事，突然想試試IDEA這個編譯器，之前一直都在用Eclipse 和 Myeclipse。下好滿懷期待建了個Maven專案後，還在載入init就去吃飯了，半小時回來後，居然發現沒有Src標準目錄結構。這不能忍了，原來Maven資源一直還在載入，國內網無

Spring 筆記 -05- 建立 Maven Web 專案 + Tomcat 及目錄結構配置

Spring 筆記 -05- 建立 Maven Web 專案 + Tomcat 及目錄結構配置 之前的專案熟悉 Spring，並沒有 Web 的部分，下面介紹在 IDEA 中，建立 Maven Web 專案，以及配置目錄結構。 建立 Maven Web 專案 開啟 Intel

Java web專案WEB-INF下的JSP如何訪問？

Webcontent結構如下：    <welcome-file-list>        <welcome-file>./WEB-INF/content/index.jsp</welcome-file>    </welcome-f

一個web專案web.xml的配置中配置作用

一個web專案web.xml的配置中<context-param>配置作用 <context-param>的作用: web.xml的配置中<context-p

一個web專案web.xml的配置中<context-param>配置作用

  <context-param>的作用: web.xml的配置中<context-param>配置作用 1. 啟動一個WEB專案的時候,容器(如:Tomcat)會去讀它的配置檔案web.xml.讀兩個節點: <listener>

Java Web專案web.xml配置詳解與示例

<description>,<display-name>,<icon> <description>站臺描述</discription> 對站臺做出描述. <display-name>站臺名稱</display-name> 定

Spring——WEB專案web.xml檔案中classpath: 跟classpath*:使用的區別

　　首先 classpath是指 WEB-INF資料夾下的classes目錄 classpath 和 classpath* 區別： classpath：只會到你指定的class路徑中查詢檔案; classpath*：不僅包含class路徑，還包括jar

eclipes建立一個web專案web.xml不能自動更新的原因（web.xml和@WebServlet的作用）

在eclipse中建立一個Web專案的時候，雖然有web.xml生成，但是再新增Servlet類檔案的時候總是看不見web.xml的更新，所以異常的鬱悶！上網查了查，原來我們在建立Web專案的時候，會彈出一個對話方塊，“Dynamic web module version”

WEB專案web.xml檔案中classpath: 跟classpath*:使用的區別

引用一篇很不錯的文章:http://blog.csdn.net/wxwzy738/article/details/16983935 首先 classpath是指 WEB-INF資料夾下的classes目錄 classpath 和 classpath* 區別： cla

web專案開發下WEB-INF目錄使用的注意事項

在web專案中，為了安全，可能需要把jsp、html等頁面檔案放在WEB-INF目錄下，這樣如果我們的頁面中出現超連結<a>標籤或者<script></script>指令碼下的location.href去直接轉向到WEB-INF下的某一個jsp或者html頁面，那

在spring web專案中獲取WEB-INF/classes目錄與WEB-INF/目錄

場景:在spring web專案中獲取WEB-INF/classes目錄與WEB-INF/目錄  1.獲取WEB-INF/classes 目錄  /**1.獲取WEB-INF/classes 目錄 **/ public static String getW

Web專案的WEB-INF目錄使用說明

在web專案中，為了安全，可能需要把jsp檔案放在WEB-INF目錄下，這樣如果我們的頁面中出現超連結a標籤或者js的location.href去直接轉向到WEB-INF下的某一個jsp頁面，那麼就會引用不到，因為這樣的請求方式是客戶端的請求，而WEB-INF頁面只對服務端

JavaEE專案在WEB-INF目錄下的jsp頁面如何訪問WebRoot中的CSS和JS文

寫專案為了訪問安全問題，將jsp頁面放在WEB-INF下，卻訪問不到樣式檔案。試了很多方法，以下可行好用： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncodi

web專案的WEB-INF目錄

WEB-INF是Java的WEB應用的安全目錄。所謂安全就是客戶端無法訪問，只有服務端可以訪問的目錄。 如果想在頁面中直接訪問其中的檔案，必須通過web.xml檔案對要訪問的檔案進行相應對映才能訪問。

利用Eclipse建立maven專案並生成META-INF和WEB-INF目錄

1、使用eclipse外掛建立一個web project 首先建立一個Maven的Project如下圖 我們勾選上Create a simple project （不使用骨架） 這裡的Packing 選擇 war的形式 由於packing是w

所有的jsp頁面都放到WEB-INF目錄

目的 ref 而已 b- 跳轉 jsp 控制 test bsp 把所有的jsp頁面都放到WEB-INF目錄 目錄結構大概是這樣： WEB-INF/jsps/test下有一個b.jsp WEB-INF/jsps下有一個a.jsp a.jsp中有一個鏈接<a hr

關於WEB-INF目錄下無法訪問webapp下的css等靜態文件

訪問 static class sharp sco 靜態文件 ext 輸出 pos <!-- 輸出為項目根目錄，即webapp--> <c:set value="${pageContext.request.contextPath}" var="p

解決/WEB-INF目錄下的jsp頁面引入webRoot下的Js、css和圖片的問題

type ref 引入 即使 處理 back round tex 定位 轉自：http://blog.csdn.net/qq_18875541/article/details/69390871 通常把jsp頁面放在webRoot的/WEB-INF下可以防止訪問者直接輸入