购物车功能实现

购物车功能的实现:

一、创建购物车类:

框架:

1. 购物车可以有很多不同种类的商品,可以将购物车传入泛型;

2. 定义一个Map类型

Map<T,Integer> carMap;

public Car(){

//创建的hashMap应为有序的,键不重复值可重复的部分,所以使用LinkedHashMap

carMap=new LinkedHashMap<T,Integer>();

}

//获取购物车

public Map<T,Integer> getCarMap(){

return carMap;

}

3. 购物车会实现增加商品,减少商品,和清空购物车的功能,因为可添加对应方法:public void saveOrUpdate(T p,Integer q){

//如果当前的购物车包含商品

if(carMap.containsKey(p)){

   //获取当前商品的数量

int qq=carMap.get(p);

   //将商品和数量放置到购物车中

carMap.put(p, qq+q);

}else{

  //如果当前的购物车没有商品,将当前的购物车数量放置到Map中

carMap.put(p, q);

}

}

二、car.jsp页面操作:

1.引入<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

这样能够使用jstl语句;

2.购物车中有继续购物,清除购物车和添加订单的功能;所以在jsp页面上设置对应的链接,实现相关操作:

<div align="right">

<a href="${pageContext.request.contextPath}/ProdListServlet">继续购物</a>

<a href="${pageContext.request.contextPath}/CleanServlet">清空购物车</a>

<a href="${pageContext.request.contextPath}/addOrder.jsp">添加订单</a>

</div>

3.购物车中也有金额实现,定义变量money,初始化值为0;

<c:set var="money" value="0"></c:set>

4. 购物车中:缩略图、商品名称种类、单价、数量、总价、操作内容

使用<c:forEach>方式进行遍历,里面分别有传入缩略图的路径;商品的名称,种类、单价、数量、总价、操作;详见代码:

<table>

<c:forEach items="${car.carMap}" var="entry">

<tr>

<td><img src="${pageContext.request.contextPath}/ImgServlet?id=${entry.key.id}&type=s"></td>

<td>${entry.key.name }</td>

<td>${entry.key.category }</td>

<td>${entry.key.price }元</td>

<td><input  type="text" value="${entry.value}"  onchange="changeNum('${entry.key.id}',this)"></td>

<td>${entry.key.price*entry.value }元</td>

<c:set var="money" value="${money+ entry.key.price*entry.value }"></c:set>

<td><a href="${pageContext.request.contextPath}/DelCarServlet?id=${entry.key.id}">删除</a></td>

</tr>

</c:forEach>

</table>

 

jsp页面的右下角,设置总金额:

<div align="right">

<font color="red" size="6">总价:${money}元</font>

</div>

 

三、servlet相关操作:

⑴ProdListServlet功能实现:继续购物,就是转回到购物列表中;

1.声明ProdService类对象,便于查询所有商品

ProdService service=(ProdService) BasicFactory.getFactory().getInstance("ProdService");  

2.在doPost或doGet方法中调用findAllProds()方法:

//获取所有商品,并将其返回到列表中

List<Prod> list=service.findAllProds();

request.setAttribute("list", list);

request.getRequestDispatcher("/prodList.jsp").forward(request, response);

3.因为涉及到findAllProds()方法,所以在ProductDaoImpl实现findAllProds()操作;

1)定义sql语句:

 String sql = "select * from products";

2)QueryRunner runner=new QueryRunner(DaoUtils.getSource());

3)Runner.update(sql,new BeanListHandler<Prod>(Prod.class));

⑵CleanServlet功能实现,清空购物车:

首先需要获取car对象,然后调用clean方法

Car<Prod> car=(Car<Prod>) request.getSession().getAttribute("car");

Car.clean();

当购物车清空完毕后,跳转到car.jsp页面

response.sendRedirect(request.getContextPath()+"/car.jsp");

 

四、设置删除购物车商品的功能:

建立链接:

<td><a href="${pageContext.request.contextPath}/DelCarServlet?id=${entry.key.id}">删除</a></td>

 

在DelCarServlet实现删除操作:

1)首先获取ProdService对象

ProdService service = (ProdService) BasicFactory.getFactory().getInstance("ProdService");

2)获取商品的id

String id = request.getParameter("id");

3)根据商品的id获取商品对象

  Prod prod = service.findProdById(Integer.valueOf(id));

4)获取session中的car对象

Car<Prod> car=(Car<Prod>)request.getSession().getAttribute(“car”);

5)让购物车实现删除商品的操作:

 car.delete(prod);

6)当删除完商品后,重定向到car.jsp页面中

response.sendRedirect(request.getContextPath()+"/car.jsp");

五、页面金额随着点击数目,而做出总额改变的功能:

car.jsp页面中,设置初始化变量money,它的值为0

<c:set var=”money” value=”0”><c:set>

//遍历的内容是carmap类,这样可以使用jstl直接调用属性值;如下代码显示,${entry.key.id}可以获取carMapid值;

<c:forEach items="${car.carMap}" var="entry">

<td><input  type="text" value="${entry.value}"  onchange="changeNum('${entry.key.id}',this)"></td>

</c:forEach>

 

遍历后,为了方便展示总价,使用此样式

<div align="right">

<font color="red" size="6">总价:${money}元</font>

</div>

 

六、缩略图功能的实现:

Jsp页面显示:

<c:forEach items="${car.carMap}" var="entry">

<tr>

<td><img src="${pageContext.request.contextPath}/ImgServlet?id=${entry.key.id}&type=s"></td>

</tr>

 

Servlet进行操作:

先获取idtype.

String id=request.getParameter(“id”);

String type=request.getParameter(“type”);

//获取商品对象

Prod prod=service.findProdById(Integer.valueOf(id));

String s=null;

判断当前type是否为s,因为在PicUtils中使用s来判断缩略图,如果是缩略图,就将缩略图的地址传到s;

If(“s”.equals(type)){

//获取缩略图的地址

s = prod.getImgurls();

}else{

//获取普通图的地址

s = prod.getImgurl();

}

//进行转发

request.getServletContext().getRequestDispatcher(s).forward(request, response);

Service进行操作:

@Override

public Prod findProdById(Integer id) {

// TODO Auto-generated method stub

return dao.findProdById(id);

}

Dao进行操作:

定义sql语句:

String sql = "select * from products where id=?";

//获取连接对象

QueryRunner runner = new QueryRunner(DaoUtils.getSource());

//使用更新

Prod prod=runner.query(sql, newBeanHandler<Prod>(Prod.class),id);

return prod;

猜你喜欢

转载自blog.csdn.net/u012994320/article/details/65665980