实验七 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");
%>