JavaWeb.购物车项目二

最新推荐文章于 2025-03-18 08:44:07 发布

这脑子我不想要了(ಥ_ಥ)

最新推荐文章于 2025-03-18 08:44:07 发布

阅读量2k

点赞数 20

文章标签： web java eclipse

本文链接：https://blog.youkuaiyun.com/weixin_64938628/article/details/124206169

版权

该博客介绍了在上一篇的基础上优化的JavaWeb购物车项目，详细讲解了购物车界面、添加商品、删除商品、修改商品数量、清空购物车及退出登录等核心功能的实现代码。

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

前言：这一篇文章是在上一篇的基础上优化了购物车，增加了购物车界面和商品删除，商品数量加减，清空购物车等功能。

购物车界面代码（car.jsp）

商品添加购物车代码（doAddCar.jsp）

从购物车删除商品的代码（doDelCar.jsp）

主页面代码（index.jsp）

修改商品数量代码（doUpdCar.jsp）

清空(结算)购物车代码（doClear.jsp）

退出登陆代码（doExit.jsp）

运行界面

购物车界面代码（car.jsp）

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

<head>
    <meta charset="UTF-8">
    <title>Document</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>
    <div class="jumbotron">
        <div class="container">
            <h1>欢迎光临胡阿玛购物车🛒</h1>
            <p>尊贵的xxx</p>
            <p>
              <a href="doExit.jsp" class="btn btn-warning">退出登陆</a>
            </p>
        </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="line-height: 30.5px;"><%=carItem.getGoods().getName() %></td>
            <td>
                <div class="input-group" style="width: 120px;margin: auto;">
                    <span class="input-group-btn">
                        <a href="doUpdCar.jsp?id=<%=carItem.getGoods().getId() %>&type=0"  class="btn btn-default" type="button">-</a>
                    </span>
                    <input type="number" onblur="location.href='doUpdCar.jsp?id=<%=carItem.getGoods().getId() %>&count='+this.value"  value="<%

最低0.47元/天解锁文章