本文介绍了一个使用JSP实现的初级购物车系统，通过与Oracle数据库交互存储商品信息。主要步骤包括创建商品表和订单表，利用页面缓存处理购物车数据。在购物车页面中实现商品不重复、数量修改和删除订单等功能，同时提供了关键代码片段。
友友们又见面了，购物车是日常中常见的，今天来了解一下它的基本框架：完成一个初级版的购物车：
一、思维导图：
首先了解需要用到的
| 表： | 用户表 | 商品表 | 订单表 | 购物车表（可无） |
| 浏览页面： | 用户登录页面 | 商品浏览页面 | 购物车页面 | |
| 操作页面： | 登录操作页面 | 购物车操作页面 | 购物车删除页面 |
下图是浏览页面间的基本关系与它们的作用：
二、步骤（今天只了解商品表【连接数据库】与订单表【用页面缓存】）
在此之前下了解一下，自己写页面可能会不怎么美观。所以可以用别人写好的CSS样式，JS样式来美化：
现将美化包导入项目，然后在页面导包如下：
<!-- 引用jQuery库 -->
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
再来了解每个页面：
注意哦：这里给的是有效果后的完整代码，里面的一些小难点在最后在分区详细讲解
1.商品页面 index.jsp：
a.首先创建商品表（goods），它的实体类以及dao类（当然包括帮助类），
b.然后创建表格，实例化商品对象调用dao类 查询商品信息赋值给表格。
c.跳转页面到 购物车操作页面，并且传递商品编号（bid）
代码如下：
<html>
<head>
<meta charset="UTF-8">
<!-- 引用jQuery库 -->
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<script type="text/javascript">
function gm(bid) {
//跳转页面，传递编号
location.href="do_spcar.jsp?bid="+bid;
}
</script>
</head>
<body>
最低0.47元/天 解锁文章
1017
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
