Web.15.三层架构之购物车项目02

最新推荐文章于 2024-04-21 09:39:18 发布

YY…

最新推荐文章于 2024-04-21 09:39:18 发布

阅读量292

点赞数 10

分类专栏： javaWeb 文章标签： java sql 后端架构 eclipse

本文链接：https://blog.csdn.net/m0_64043477/article/details/124204623

版权

本文继续介绍购物车项目的开发，包括购物车界面显示、商品数量修改及总价计算、删除商品功能、退出系统功能、总价计算及项目效果展示。通过doXXX.jsp文件详细解析各功能实现。

摘要由CSDN通过智能技术生成

本期内容是购物车项目开发的后半部分的内容嗷~

项目前半部分的回顾：项目的基本介绍（上期内容有详细讲解yo~）

项目后半部分文件目录的展示：

项目后半部分功能的编写：

a. 购物车界面的显示功能

b. 修改购物车商品数量，和计算单个商品总价的功能

c. 删除购物车选项的功能代码

d. 主页的退出系统的功能

e. 计算购物车所有商品的总价

f. 购物车项目的效果展示：

项目后半部分文件目录的展示：

项目后半部分功能的编写：

a. 购物车界面的显示功能

在购物车页面可以显示所有添加到购物车的商品，可以对购物车的商品进行删除：

购物车界面 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="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
    <script src="bootstrap-3.3.7-dist/js/jquery-3.5.1.js"></script>
    <script src="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="