web工程中URL地址的推薦寫法


三、web工程中URL地址的推薦寫法

使用c標簽<c:url value="" /> 會自動添加項目名 -> value中的值 前面要加 “/”

  在JavaWeb開發中,只要是寫URL地址,那么建議最好以"/"開頭,也就是使用絕對路徑的方式,那么這個"/"到底代表什么呢?可以用如下的方式來記憶"/":如果"/"是給服務器用的,則代表當前的web工程,如果"/"是給瀏覽器用的,則代表webapps目錄。

3.1、"/"代表當前web工程的常見應用場景

①.ServletContext.getRealPath(String path)獲取資源的絕對路徑

復制代碼
1 /**
2 * 1.ServletContext.getRealPath("/download/1.JPG")是用來獲取服務器上的某個資源,
3 * 那么這個"/"就是給服務器用的,"/"此時代表的就是web工程
4  * ServletContext.getRealPath("/download/1.JPG")表示的就是讀取web工程下的download文件夾中的1.JPG這個資源
5 * 只要明白了"/"代表的具體含義,就可以很快寫出要訪問的web資源的絕對路徑
6 */
7 this.getServletContext().getRealPath("/download/1.JPG");
復制代碼

②.在服務器端forward到其他頁面

1 /**
2 * 2.forward
3  * 客戶端請求某個web資源,服務器跳轉到另外一個web資源,這個forward也是給服務器用的,
4 * 那么這個"/"就是給服務器用的,所以此時"/"代表的就是web工程
5 */
6 this.getServletContext().getRequestDispatcher("/index.jsp").forward(request, response);

③.使用include指令或者<jsp:include>標簽引入頁面

1 <%@include file="/jspfragments/head.jspf" %>
1 <jsp:include page="/jspfragments/demo.jsp" />

  此時"/"代表的都是web工程。

3.2、"/"代表webapps目錄的常見應用場景

①.使用sendRedirect實現請求重定向

1 response.sendRedirect("/JavaWeb_HttpServletResponse_Study_20140615/index.jsp");

  服務器發送一個URL地址給瀏覽器,瀏覽器拿到URL地址之后,再去請求服務器,所以這個"/"是給瀏覽器使用的,此時"/"代表的就是webapps目錄,"/JavaWeb_HttpServletResponse_Study_20140615/index.jsp"這個地址指的就是"webapps\JavaWeb_HttpServletResponse_Study_20140615\index.jsp"

  response.sendRedirect("/項目名稱/文件夾目錄/頁面");這種寫法是將項目名稱寫死在程序中的做法,不靈活,萬一哪天項目名稱變了,此時就得改程序,所以推薦使用下面的靈活寫法:

1 response.sendRedirect("/JavaWeb_HttpServletResponse_Study_20140615/index.jsp");

  這種寫法改成

1 response.sendRedirect(request.getContextPath()+"/index.jsp");

  request.getContextPath()獲取到的內容就是"/JavaWeb_HttpServletResponse_Study_20140615",這樣就比較靈活了,使用request.getContextPath()代替"/項目名稱",推薦使用這種方式,靈活方便!

②.使用超鏈接跳轉

1 <a href="/JavaWeb_HttpServletResponse_Study_20140615/index.jsp">跳轉到首頁</a>

  這是客戶端瀏覽器使用的超鏈接跳轉,這個"/"是給瀏覽器使用的,此時"/"代表的就是webapps目錄。

  使用超鏈接訪問web資源,絕對路徑的寫法推薦使用下面的寫法改進:

1 <a href="${pageContext.request.contextPath}/index.jsp">跳轉到首頁</a>

  這樣就可以避免在路徑中出現項目的名稱,使用${pageContext.request.contextPath}取代"/JavaWeb_HttpServletResponse_Study_20140615"

③.Form表單提交

1 <form action="/JavaWeb_HttpServletResponse_Study_20140615/servlet/CheckServlet" method="post">    
2         <input type="submit" value="提交">
3 </form>

  這是客戶端瀏覽器將form表單提交到服務器,所以這個"/"是給瀏覽器使用的,此時"/"代表的就是webapps目錄。

 對於form表單提交中action屬性絕對路徑的寫法,也推薦使用如下的方式改進:

1 <form action="${pageContext.request.contextPath}/servlet/CheckServlet" method="post">
2          <input type="submit" value="提交">
3 </form>

  ${pageContext.request.contextPath}得到的就是"/JavaWeb_HttpServletResponse_Study_20140615"

  ${pageContext.request.contextPath}的效果等同於request.getContextPath(),兩者獲取到的都是"/項目名稱"

④.js腳本和css樣式文件的引用

1  <%--使用絕對路徑的方式引用js腳本--%>
2  <script type="text/javascript" src="${pageContext.request.contextPath}/js/index.js"></script>
3  <%--${pageContext.request.contextPath}與request.getContextPath()寫法是得到的效果是一樣的--%>
4  <script type="text/javascript" src="<%=request.getContextPath()%>/js/login.js"></script>
5  <%--使用絕對路徑的方式引用css樣式--%>
6  <link rel="stylesheet" href="${pageContext.request.contextPath}/css/index.css" type="text/css"/>

綜合范例:

復制代碼
 1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 2 
 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 4 <html>
 5   <head>
 6     <title>"/"代表webapps目錄的常見應用場景</title>
 7     <%--使用絕對路徑的方式引用js腳本--%>
 8     <script type="text/javascript" src="${pageContext.request.contextPath}/js/index.js"></script>
 9     <%--${pageContext.request.contextPath}與request.getContextPath()寫法是得到的效果是一樣的--%>
10     <script type="text/javascript" src="<%=request.getContextPath()%>/js/login.js"></script>
11     <%--使用絕對路徑的方式引用css樣式--%>
12       <link rel="stylesheet" href="${pageContext.request.contextPath}/css/index.css" type="text/css"/>
13   </head>
14   
15   <body>
16       <%--form表單提交--%>
17        <form action="${pageContext.request.contextPath}/servlet/CheckServlet" method="post">
18            <input type="submit" value="提交">
19        </form>
20        <%--超鏈接跳轉頁面--%>
21        <a href="${pageContext.request.contextPath}/index.jsp">跳轉到首頁</a>
22   </body>
23 </html>
復制代碼

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM