关于路径
1 路径分类
1.1 客户端路径和服务端路径
客户端路径是由客户端浏览器发起请求的路径，例如图片路径、超链接路径、表单提交地址、背景图路径、链接js文件的路径，链接CSS文件的路径。简单点理解就是html文件里可以使用的各种路径。重定向路径也是客户端路径。
服务端路径是由服务端发起请求的路径，目前学过的有include（静态、动态）、forward路径。是服务端转发请求给服务端另一组件，或者包含另一服务端组件的路径。
1.2 绝对路径和相对路径
1.2.1 绝对路径
绝对路径以“/”开头，（如果是http://****这种完整的地址也算绝对路径，这种路径容易理解，我们不讨论）。
如果是客户端绝对路径（超链接、图片地址等）： “/”代表web服务器地址，例如：:8080
因此如果想要超链接到showProducts.jsp，绝对路径的写法是：
<a href=”/estore/pages/product/showProducts.jsp”>
如果是服务端绝对路径（forward，include等）： “/”代表当前web应用，例如:8080/estore
因此转发请求到show
### Java Web应用开发：关于路径
#### 一、路径分类
**1.1 客户端路径和服务端路径**
在Java Web开发中，路径的概念非常重要，它涉及到客户端和服务端之间的数据交互方式。根据路径的发起者不同，可以分为客户端路径和服务端路径。
- **客户端路径**：指的是由客户端浏览器发起的请求路径，主要应用于HTML文件内的元素如图片路径、超链接、表单提交地址等。例如，在HTML中使用的图像文件路径或指向其他页面的超链接路径均属于此类。值得注意的是，重定向路径也是一种客户端路径。
- 示例：
```html
<img src="/images/logo.png" />
<a href="/products">产品列表</a>
```
- **服务端路径**：由服务端发起请求的路径，如使用`include`或`forward`操作时所涉及的路径。这些路径主要用于服务端内部组件间的通信，例如将请求转发到另一个JSP页面或包含另一个组件的内容。
- 示例：
```jsp
<%@ page import="javax.servlet.RequestDispatcher" %>
<% RequestDispatcher dispatcher = request.getRequestDispatcher("/pages/cart");
dispatcher.forward(request, response); %>
```
```jsp
<jsp:include page="/pages/header.jsp" />
```
**1.2 绝对路径和相对路径**
- **绝对路径**：以“/”开头，表示从根目录开始的路径。对于客户端绝对路径，“/”通常代表Web服务器的地址；而对于服务端绝对路径，“/”则代表当前Web应用的根目录。
- 示例：
- 客户端绝对路径：
```html
<a href="/estore/pages/product/showProducts.jsp">查看产品</a>
```
- 服务端绝对路径：
```jsp
<% RequestDispatcher dispatcher = request.getRequestDispatcher("/pages/product/showProducts.jsp");
dispatcher.forward(request, response); %>
<jsp:include page="/pages/product/showProducts.jsp" />
```
- **相对路径**：不以“/”开头的路径，相对于当前文件所在的目录或文件夹路径。确定相对路径时需参考当前文件的位置。
- 示例：
- 相对路径示例：
```html
<img src="images/logo.png" />
<a href="product/showProducts.jsp">查看产品</a>
```
#### 二、页面中路径的选择与使用
在实际开发中，选择使用绝对路径还是相对路径需要根据具体情况进行判断。
- **绝对路径**：虽然能够提供更精确的定位，但在项目迁移或部署至不同环境时，可能会因为路径差异导致问题。为了减少这类问题的发生，可以采用如下方式书写绝对路径：
- 直接使用绝对路径但避免写死应用名，如：
```html
<img src="<%=request.getContextPath()%>/productImages/pig.jpg" />
```
- 使用`<%=request.getContextPath()%>`获取当前应用的根目录路径，从而实现跨环境兼容性。
- **相对路径**：更加灵活，适用于项目内部资源引用。通过合理设计工程结构，可以在不同环境中保持路径的一致性。
#### 三、<base>标签的使用
在HTML文档头部使用`<base>`标签可以帮助简化路径管理，通过设置`href`属性，可以为页面中的所有相对路径提供一个基准点。
- **语法**：
```html
<head>
<base href="指定路径" />
</head>
```
- **示例**：
```html
<head>
<base href="/estore" />
</head>
<body>
<img src="images/logo.png" /> <!-- 实际路径变为 /estore/images/logo.png -->
<a href="pages/product/showProducts.jsp">查看产品</a> <!-- 实际路径变为 /estore/pages/product/showProducts.jsp -->
</body>
```
需要注意的是，`<base>`标签仅对客户端路径生效，不会影响到服务端路径（如`include`和`forward`）。
#### 四、实践案例
以`showProducts.jsp`为例，演示如何通过添加`<base>`标签并调整路径来优化页面路径管理。
**步骤1**：在`showProducts.jsp`页面的`<head>`标签内添加`<base>`标签，并设置`href`属性为当前应用的根目录。
```html
<head>
<base href="/estore" />
</head>
```
**步骤2**：将页面中的所有客户端路径改为基于应用根目录的相对路径。
```html
<body>
<img src="images/logo.png" />
<a href="pages/product/showProducts.jsp">查看产品</a>
</body>
```
**步骤3**：如果`showProducts.jsp`页面包含其他页面（如`head.jsp`），则确保被包含的页面中的路径也遵循相同的规则。
**步骤4**：测试修改后的页面效果是否与预期一致。
通过以上步骤，我们可以有效地管理和优化Web应用程序中的路径设置，提高代码的可维护性和扩展性。
