家居网购项目实现09

以下皆为部分代码,详见 https://github.com/liyuelian/furniture_mall.git

21.功能20-修改购物车

21.1需求分析/图解

  1. 进入购物车页面,可以修改购买数量
  2. 更新该商品的金额
  3. 更新购物车商品数量和总金额

21.2思路分析

21.3代码实现

21.3.1entity层

Cart.java

增加方法updateCount()

/**
* 根据家居id和count,修改指定cartItem的数量和总价
*
* @param id 家居id
* @param count 指定id的家居的数量
*/
public void updateCount(int id, int count) {
//获取指定的cartItem
CartItem item = items.get(id);
if (null != item) {//如果cartItem不为空
//更新数量
item.setCount(count);
//某家居总价 = 单价 * 数量(为了安全使用get方法获取数量count)
item.setTotalPrice(item.getPrice().multiply(new BigDecimal(item.getCount())));
}
}

21.3.2web层

CartServlet.java

增加方法updateCount()

/**
* 更新购物车的某个家居数量
*
* @param req
* @param resp
* @throws ServletException
* @throws IOException
*/
protected void updateCount(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
int id = DataUtils.parseInt(req.getParameter("id"), 0);
int count = DataUtils.parseInt(req.getParameter("count"), 1);
//获取session中的购物车
Cart cart = (Cart) req.getSession().getAttribute("cart");
if (null != cart) {
cart.updateCount(id, count);
}
//回到请求更新家居购物车的页面
resp.sendRedirect(req.getHeader("Referer"));
}

21.3.3前端

cart.jsp

添加绑定事件,当点击修改对应的家居数量时,向服务器发送更新家居信息的请求

<script type="text/javascript">
$(function () {
/*--------------------------
Cart Plus Minus Button
----------------------------*/
var CartPlusMinus = $(".cart-plus-minus");
CartPlusMinus.prepend('<div class="dec qtybutton">-</div>');
CartPlusMinus.append('<div class="inc qtybutton">+</div>');
$(".qtybutton").on("click", function () {
var $button = $(this);
var oldValue = $button.parent().find("input").val();
if ($button.text() === "+") {
var newVal = parseFloat(oldValue) + 1;
} else {
// Don't allow decrementing below zero
if (oldValue > 1) {
var newVal = parseFloat(oldValue) - 1;
} else {
newVal = 1;
}
}
$button.parent().find("input").val(newVal);
var furnId = $button.parent().find("input").attr("furnId");
//发出修改购物车的请求
location.href =
"cartServlet?action=updateCount&count=" + newVal + "&id=" + furnId;
});
})
</script>

21.4完成测试

修改家居数量:

22.功能21-删除/清空购物车

22.1需求分析/图解

  1. 进入购物车,可以删除某商品
  2. 可以清空购物车
  3. 要求该出适当的确认信息

22.2思路分析

见21.2思路分析图

22.3代码实现

22.3.1entity层

Cart.java添加删除购物车家居项的方法delItem()

/**
* 根据家居id删除对应的cartItem
*
* @param id 家居id
*/
public void delItem(int id) {
items.remove(id);
}

增加清空方法clear()

/**
* 清空items
*/
public void clear() {
items.clear();
}

22.3.2web层

CartServlet.java添加方法delItem()

/**
* 根据id删除购物车的某个家居信息
*
* @param req
* @param resp
* @throws ServletException
* @throws IOException
*/
protected void delItem(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
int id = DataUtils.parseInt(req.getParameter("id"), 0);
//获取session中的购物车
Cart cart = (Cart) req.getSession().getAttribute("cart");
if (null != cart) {
cart.delItem(id);
}
//回到请求删除家居项的购物车页面
resp.sendRedirect(req.getHeader("Referer"));
}

增加clear()方法

/**
* 清空购物车
*
* @param req
* @param resp
* @throws ServletException
* @throws IOException
*/
protected void clear(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//获取session的购物车
Cart cart = (Cart) req.getSession().getAttribute("cart");
if (null != cart) {
cart.clear();
}
//回到请求清空家居项的购物车页面
resp.sendRedirect(req.getHeader("Referer"));
}

22.3.3前端

cart.jsp

//清空购物车绑定确认事件
$("a.clearCart").click(function () {
return window.confirm("你确认要清空购物车吗?")
}) //给删除购物车绑定事件
$("a.delItem").click(function () {
//获取要删除的家居名
var furnName = $(this).parent().parent().find("td:eq(1)").text();
//使用确认弹窗
//点击确认,返回true,点击取消,返回false
return window.confirm("你确认要删除" + furnName + "吗?")
})


22.4完成测试

删除购物车项:


清空购物车:


23.功能22-生成订单

23.1需求分析/图解




  1. 进入购物车,点击购物车结账
  2. 生成订单和订单项
  3. 如果会员没有登录,则先进入登录页面,完成登录后再结账

23.2思路分析

23.3代码实现

23.3.1设计order和order_item表

23.4完成测试

最新文章

  1. .NetCore中的日志(1)日志组件解析
  2. [MySQL+PHP] 触发器及存储过程等MySQL功能在PHP中实现的坑
  3. Sequence.js - 适合电子商务网站的图片滑块
  4. C语言实现进制转换
  5. silverlight 生成二维码
  6. 面试题_103_to_124_关于 OOP 和设计模式的面试题
  7. C# 高精度乘法 支持小数(待优化)
  8. 最近跟mysql的自动shutdown干上了。。。
  9. 每天学习点--------第六天(2017-10-10) 摘要: mysql和Oracle的区别
  10. vue组件之前嵌套
  11. Laravel项目部署上线(阿里云 Ubuntu 16.04)
  12. Beta冲刺三
  13. Centos7 设置静态IP地址
  14. 《DSP using MATLAB》Problem 7.1
  15. git之win安装git和环境配置及常用命令总结
  16. 跨域导致无法获取cookie
  17. 关于 ake sure class name exists, is public, and has an empty constructor that is public
  18. php判断是否是ajax提交 方法
  19. 打开u盘时提示是否要将其格式化的提示
  20. Reverse Integer--整数的反转

热门文章

  1. Springboot 之 Mybatis-plus 多数据源
  2. IOC常用的创建对象方式
  3. 一键体验 Istio
  4. Dapr v1.9.0 版本已发布
  5. WPF 鼠标移动到图片变大,移开还原,单击触发事件效果
  6. 【lwip】08-ARP协议一图笔记及源码实现
  7. 表单的子元素可不在form标签内
  8. mybatis不知道取什么名字的标题
  9. 一、Redis的Java客户端
  10. MongoDB 数据库的学习