用jsp写一个包涵三个页面的快递网站
时间: 2023-09-26 07:13:56 浏览: 44
好的,下面是一个简单的 JSP 实现的快递网站,包含三个页面:首页、快递查询页面和提交订单页面。
1. 首页 index.jsp
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>快递网站首页</title>
</head>
<body>
<h1>欢迎使用快递网站</h1>
<p><a href="query.jsp">查快递</a></p>
<p><a href="order.jsp">下单</a></p>
</body>
</html>
```
2. 快递查询页面 query.jsp
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>快递查询</title>
</head>
<body>
<h1>快递查询</h1>
<form action="query_result.jsp" method="post">
<label for="order_no">订单号:</label>
<input type="text" name="order_no" id="order_no" required>
<br>
<input type="submit" value="查询">
</form>
</body>
</html>
```
3. 提交订单页面 order.jsp
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>提交订单</title>
</head>
<body>
<h1>提交订单</h1>
<form action="order_result.jsp" method="post">
<label for="name">收件人姓名:</label>
<input type="text" name="name" id="name" required>
<br>
<label for="address">收件人地址:</label>
<input type="text" name="address" id="address" required>
<br>
<label for="phone">收件人电话:</label>
<input type="text" name="phone" id="phone" required>
<br>
<label for="goods">物品名称:</label>
<input type="text" name="goods" id="goods" required>
<br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
4. 快递查询结果页面 query_result.jsp
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>快递查询结果</title>
</head>
<body>
<h1>快递查询结果</h1>
<p>订单号:${param.order_no }</p>
<%-- 这里可以根据订单号查询数据库,得到快递状态等信息 --%>
</body>
</html>
```
5. 提交订单结果页面 order_result.jsp
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>提交订单结果</title>
</head>
<body>
<h1>提交订单结果</h1>
<p>姓名:${param.name }</p>
<p>地址:${param.address }</p>
<p>电话:${param.phone }</p>
<p>物品名称:${param.goods }</p>
<%-- 这里可以将订单信息写入数据库 --%>
</body>
</html>
```
以上代码仅供参考,实际开发中需要根据具体需求进行修改和完善。同时,需要注意安全性问题,如表单数据的验证和防止 SQL 注入等。