jQuery前端开发任务驱动教程 课件 第10章 项目实战——在线商城.pptx

第10章项目实战——在线商城;学习目标/Target;章节概述/Summary;目录/Contents;项目开发准备;项目分析;项目分析;项目分析;项目分析;项目分析;项目分析;项目分析;项目分析;项目分析;项目分析;项目分析;项目分析;项目分析;项目分析;项目初始化;项目初始化;项目初始化;项目初始化;焦点图切换;任务需求;任务实现;任务实现;放大镜;任务需求;放大镜功能的开发需求如下。

当鼠标指针在小图中移入时，放大镜遮罩层和大图内容跟随鼠标指针进行移动。

单击图像列表中的图像时，切换到对应图像。;任务实现;任务实现;任务实现;购物车;任务需求;购物车功能的开发需求如下。

设计一个购物车表格，包含商品、单价、数量、小计、操作列。

在购物车表格中，设计一个“全选”复选框，并给每一件商品提供一个复选框。当选中“全选”复选框时，选中所有商品的复选框；当取消选中“全选”复选框时，所有商品的复选框均不选中。每次选中或取消选中商品复选框时进行判断，如果商品复选框全部被选中，则选中“全选”复选框，否则不选中“全选”复选框。

在购物车表格的数量列中，通过文本框显示每件商品的购买数量，并提供“+”和“-”两个按钮，用于增减商品数量，即让文本框中的数字加1或者减1。;在购物车表格的小计列中，由于初始商品数量为1，所以小计为1件商品的价格。当单击“+”或“-”按钮时，将当前商品数量和单价相乘，并用其替换当前商品的小计中显示的值。当手动修改商品数量时，商品小计中的值也需更新。

购物车表格的右下方显示用户选中的商品的总件数和总额。将所有选中的商品的数量相加，得到总件数；将所有选中的商品的小计相加，得到总额。当更新复选框的状态时，更新总件数和总额。当用户更改了商品数量时，更新总件数和总额。

在操作列中提供“删除”超链接，单击该超链接即可删除对应商品。;任务实现;任务实现;任务实现;本章小结