实验七 JSP内置对象II
目的：
1、掌握JSP内置对象的使用。
2、理解JSP的作用域
3、掌握session，application对象的使用
实验要求：
1、完成实验题目
2、要求提交实验报告，将代码和实验结果页面截图放入报告中
实验过程：
一、结合之前所学的相关技术，编写代码实现以下购物车功能：
1、编写一个页面，展现商品列表（静态页面），页面右上方有登陆、结账和查看购物车三个按钮，下方展示网站历史访问的人数
2、用户点击商品后，可以将商品加入购物车
3、用户点击登陆，跳转到登陆页面
4、用户点击结账，若已登陆跳转至结账页面，否则跳转到登陆页面登陆后再跳转到结账页。
5、用户点击查看购物车按钮，跳转至购物车页面，可查看购物车列表、增加商品数量或者删除商品
代码及结果：
1、编写一个页面，展现商品列表（静态页面），页面右上方有登陆、结账和查看购物车三个按钮，下方展示网站历史访问的人数
2、用户点击商品后，可以将商品加入购物车
index.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>商品列表</title>
<style>
.people{
position: absolute;
bottom: 0px;
}
</style>
</head>
<body>
<div style="text-align: right;">
<a href="login.jsp">登录</a> |
<a href="checkout.jsp">结账</a> |
<a href="cart.jsp">查看购物车</a>
</div>
<h1>欢迎来到我们的商店</h1>
<div>
<h2>商品列表</h2>
<ul>
<li><a href="addtocart.jsp?product=衣服">衣服</a></li>
<li><a href="addtocart.jsp?product=裤子">裤子</a></li>
<li><a href="addtocart.jsp?product=帽子">帽子</a></li>
</ul>
</div>
<div class="people">
<span>网站历史访问人数：1122人</span>
</div>
</body>
</html>
3、用户点击登陆，跳转到登陆页面
4、用户点击结账，若已登陆跳转至结账页面，否则跳转到登陆页面登陆后再跳转到结账页。
login.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录</title>
</head>
<body>
<h1>请登录</h1>
<form action="processLogin.jsp" method="post">
用户名: <input type="text" name="username"><br>
密码: <input type="password" name="password"><br>
<input type="submit" value="登录">
</form>
</body>
</html>
processLogin.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
String username = request.getParameter("username");
String password = request.getParameter("password");
if ("admin".equals(username) && "123456".equals(password)) {
session.setAttribute("isLoggedIn", true);
response.sendRedirect("checkout.jsp");
} else {
out.println("<script>alert('登录失败');</script>");
response.sendRedirect("login.jsp");
}
%>
checkout.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
Boolean isLoggedIn = (Boolean) session.getAttribute("isLoggedIn");
if (isLoggedIn == null || !isLoggedIn) {
response.sendRedirect("login.jsp");
}
%>
<html>
<head>
<title>结账</title>
</head>
<body>
<h1>结账</h1>
<p>感谢您的购买！</p>
<a href="index.jsp">返回首页</a>
</body>
</html>
5、用户点击查看购物车按钮，跳转至购物车页面，可查看购物车列表、增加商品数量或者删除商品
cart.jsp
<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>购物车</title>
</head>
<body>
<h1>我的购物车</h1>
<%
// 这里应该从session中获取购物车信息
Object cart = session.getAttribute("cart");
if (cart == null || ((List<String>) cart).isEmpty()) {
out.println("您的购物车为空。");
} else {
for (String item : (List<String>) cart) {
out.print("<p>" + item + "</p>");
}
}
%>
<a href="index.jsp">继续购物</a>
</body>
</html>
addtocart.jsp
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
String product = request.getParameter("product");
List<String> cart = (List<String>) session.getAttribute("cart");
if (cart == null) {
cart = new ArrayList<>();
session.setAttribute("cart", cart);
}
cart.add(product);
response.sendRedirect("cart.jsp");
%>
二、实验心得。
理解了JSP中这些关键概念的应用，并掌握了如何在JSP页面中有效地使用这些对象来实现特定的功能。
