web-jsp（15）购物车_web前端购物车jsp-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_64286752/article/details/124463324

本文介绍了如何实现一个简单的web购物车应用，包括car.jsp展示购物车、doDelCar.jsp删除选项、doUpdCar.jsp数量调整、docClear.jsp全选清空及doEdit.jsp等操作。同时展示了index.jsp的更新过程和数据库建表语句。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.car.jsp(购物车）

2.doDelCar.jsp(删除购物车选项功能）

3.doUpdCar.jsp(购物车数量加减）

4.docClear.jsp(购物车全选清空）

5.doEite.jsp

6，index.jsp

7,建表语句

1.car.jsp(购物车）

<%@page import="com.zking.pojo.User"%>
<%@page import="java.util.List"%>
<%@page import="com.zking.vo.CarItem"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">

<head>
<meta charset="UTF-8">
<title>华美商城购物车</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
    href="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/css/bootstrap.css">
<script
    src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/jquery-3.5.1.js"></script>
<script
    src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<style>
td:nth-child(4)::before, small {
    content: "$";
}

* {
    outline: none !important;
}

td, th {
    text-align: center;
}

input {
    text-align: center;
}
</style>
</head>

<body>
    <%
    Object obj = session.getAttribute("user");
    if (obj == null) {
        response.sendRedirect("login.jsp");
        return;
    }
    %>
    <div class="jumbotron">
        <div class="container">
            <h1>欢迎光临华美购物车🛒</h1>
            <p>
                尊贵的<%=((User) obj).getAccount()%></p>
            <a href="doEite.jsp" class="btn btn-primary"> 退出登录 </a> <a
                href="index.jsp" class="btn btn-primary">返回商城</a>
        </div>
    </div>

    <table class="table">
        <tr>
            <th>商品序号</th>
            <th>商品名称</th>
            <th>商品个数</th>
            <th>商品总价</th>
            <th>操作</th>
        </tr>
        <%
        int sum = 0;
        List<CarItem> car = (List<CarItem>) session.getAttribute("car");

        for (CarItem caritem : car) {

            sum += caritem.getSum();
        %>
        <tr>
            <td style="line-height: 30.5px;"><%=caritem.getGoods().getId()%></td>
            <td style="