汽车用品购物网站的设计与实现毕业论文 下载本文

了有效的存储订单信息,在数据库中设计了订单信息表和订单细节表。订单信息表主要存放的是订单名称、订单编号、订单总价、客户邮件等订单的基本信息,订单细节表(订单商品记录表)存放每一张订单所购商品名称以及数量等信息。

1.购买

每个商品旁边都有一个“加入购物车”图标,点击“加入购物车”,即将该商品放入购物车,“购物车”的内容包括您订购商品的信息:商品名、数量、商品原价、商品优惠价、货款合计等。

2.修改定购数量

每个商品的默认订购数量是“1”个。如果要改变订购数量,请在数量框中填入您希望购买的数量,然后按下数量框下的“变更”按钮,系统会更新购物车信息。

注意:如果点击“加入购物车”了相同的折扣商品,则会提示“添加到购物车失败,该商品已成功添加到购物车,请勿重复添加”。

图6 购物车界面

购物车实现代码如下:

您已选购以下商品

商品名 库存 原价

数量

href=\ })\>

¥${it.product.price1}¥${it.product.price2}

id=\${it.product.id}\ value='${it.number}' />

href=\

序号

优惠价

变更数量 删除

 

${v.index+1 }

onclick=\${it.product.id

class=\>${it.product.name }

${it.product.kucun}

  

  ${it.number}

onclick=\${it.product.id})\>
变更

您还没有挑选商品

原价:

${price1}

优惠价:

${price2}

.gif\

alt=\结算\ border=\ title=\结算\ />

3.删除和恢复购物车内的商品

已经放入购物车的商品,如果不再购买,可以按商品目录信息右边的“删除”按钮,该商品即被删除,系统会更新购物车信息。而被删除的商品目录会在最下边显示,如果您是误删,可以点商品目录右边的“恢复”按钮,则该商品重新被加入购物车。

注意:如果点击了“恢复”商品,需更新网页才能在购物车中显示。

src=\${pageContext.request.contextPath}/images/butt_balance

图7 购物车删除操作后

恢复功能代码如下:

4.生成订单

商品加入购物车后,如果不需要再选其他商品了,可以点击“结算”按钮,跳转到生成订单页面,确认无误后点“提交订单”,系统提示生成订单完成后可返回主页继续浏览商品。