阅读排行

购物车实现逻辑【详解】

购物车实现逻辑详解

想要实现这样的效果：

1、首先要定义其模型

技术文章

2、分析页面操作

3、实现其功能函数（在fun包下新建）

Cart.java

/**

* 购物车

* @author Administrator

Public class Cart {

private int totalCount ; //购书数量

private float totalPrice ; //购书总价

private Map<Integer, CartItem> map= new HashMap<>();//定义一个集合来存放购物项

//得到书的数量，怎么得？→bookId

public int getTotalCount() {

int totalCount=0;

for(Integer bookId:map .keySet()){

totalCount+= map.get(bookId).getCount();

}

return totalCount;

}

/*API:public Set<K> keySet()返回此映射中所包含的键的 set 视图。

for(Integer bookId:map.keySet()) ，这里面定义了一个和map集合键同类型的变量bookId

map.keySet()表示当前map集合中的所有的键的一个视图

分解：map.get( bookid).getCount()；

map.get( bookid);→ 根据键获取值（CartItem）→（CartItem）对象调用getCount();

//得到书的总价?怎么得→bookId

public float getTotalPrice() {

float totalPrice=0;

for(Integer bookId:map .keySet()){

totalPrice+= map.get(bookId).getItemPrice();

}

return totalPrice;

}

public Map<Integer, CartItem> getMap() {

return map ;

}

public void setMap(Map<Integer, CartItem> map) {

this.map = map;

}

@Override

public String toString() {

return "Cart [totalCount=" + totalCount + ", totalPrice=" + totalPrice

+ ", map=" + map + "]" ;

}

CartItem.java文件

/**

* 购物项类

* @author Administrator

public class CartItem {

private Book book; //图书

private int count ; //当前购物项的图书数量

public CartItem() {

super();

}

public CartItem(Book book, int count) {

super();

this.book = book;

this.count = count;

}

public Book getBook() {

return book ;

}

public void setBook(Book book) {

this.book = book;

}

public int getCount() {

return count ;

}

public void setCount(int count) {

this.count = count;

}

// 得到小计

public float getItemPrice() {

return book .getPrice() * count;

}

@Override

public String toString() {

return "CartItem [book=" + book + ", count=" + count + "]" ;

}

4、编写逻辑处理类CartServlet

大体思路：

①接收请求参数

②处理请求（谁来处理请求）

③转发请求

先定义好CartServlet然后依次写出待实现的空方法

public class CartServlet extends BaseServlet {

private static final long serialVersionUID = 1L;

CartService cartService=new CartServiceImpl();

BookService bookService=new BookServiceImpl();

protected void add(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

System. out.println("add...." );

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

Book book = bookService.getBookById(bookid);

Cart cart = WebUtils. getCart(request);

cartService.add(book, cart);

WebUtils. myForward(request, response,

"/client/BookClientServlet?method=getPageInCondition" );

}

protected void delete(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

System. out.println("delete..." );

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

Cart cart = WebUtils. getCart(request);

cartService.deleteItem(Integer.parseInt(bookid), cart);

WebUtils. myForward(request, response, "/client/book/cart.jsp" );

}

protected void update(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

System. out.println("update...." );

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

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

cartService.updateCount(Integer.parseInt(bookId),

Integer. parseInt(count), WebUtils.getCart(request));

WebUtils. myForward(request, response, "/client/book/cart.jsp" );

}

protected void clear(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

System. out.println("clear....." );

cartService.clear(WebUtils.getCart(request));

WebUtils. myForward(request, response, "/client/book/cart.jsp" );

}

5、编写业务处理类接口

/**

* 处理购物车相关业务的接口

* @author Administrator

public interface CartService {

//向购物车中添加书，书→book 购物车→cart

public void add(Book book ,Cart cart);

//删除一个购物项，在购物车中找到要删除的购物项的bookId

public void deleteItem(Integer BookId,Cart cart);

//更新购物车中书的数量

public void updateCount(int BookId,int count,Cart cart);

//清空购物车

public void clear(Cart cart);

}

6、编写业务处理接口的实现类

/**

* 处理购物车相关业务的实现类

* @author Administrator

public class CartServiceImpl implements CartService {

/**

* 包含购物车中有书和没有书两种情况

@Override

public void add(Book book, Cart cart) {

Integer bookId = book.getBookId();

CartItem cartItem = cart.getMap().get(bookId);

if(cartItem==null){//如果购物车为空的话

cartItem = new CartItem(book,1);//创建一个购物项

cart.getMap().put(bookId, cartItem);

} else{// 不为空的话

cartItem.setCount(cartItem.getCount()+1);

}

@Override

public void deleteItem(Integer BookId, Cart cart) {

cart.getMap().remove(BookId);

}

@Override

public void updateCount(int BookId, int count, Cart cart) {

cart.getMap().get(BookId).setCount(count);

}

@Override

public void clear(Cart cart) {

cart.getMap().clear();

}

6、页面访问（bookList.jsp）

数据来源：bookid=${book.bookId} &bookName= ${book.bookName}

以上来自于：< li>书名： <a href="client/BookClientServlet?method=getBook

★返回的是一个book对象，EL表达式可以获取book对象里面的属性.比如${book.bookId}

分析页面：

★页面上会显示三种状态：

●当没有书的时候：显示→购物车中暂时还没有一本书

●当点击其他分类的时候：显示→您的购物车中有1本书，查看购物车

●当添加一本书的时候：显示→将android添加到了购物车, 购物车中有1本书，查看购物车

如何实现呢？？

< tr>

< td class= "centerTd" colspan = "2">

< c:choose>

< c:when test= " ${empty CART || empty CART.map}" >

购物车中暂时还没有一本书

</ c:when>

< c:when test= " ${empty param.bookName} ">

您的购物车中有${CART.totalCount}本书， < a href ="client/book/cart.jsp?1=1" >查看购物车 </ a>

</ c:when>

< c:otherwise>

将 < font color ="red" >${param.bookName } </ font> 添加到了购物车, 购物车中有${CART.totalCount}本书，

< a href ="client/book/cart.jsp?1=1" >查看购物车 </ a>

</ c:otherwise>

</ c:choose>

</ td>

</ tr>

★详细解答页面显示的三种状态★

◆判断购物车为空和判断购物车集合为空有什么区别？

<c:when test="${empty CART || empty CART.map } ">

解答：这是两种情况，要分别写上

◆第二个和第三个条件类似都是查看购物车有几本书，那么如何区分呢？

解：区分标准就是看有没有点击链接（图书信息中的“加入购物车”）

◇那么，点没点击链接到底有什么区别嗯？

解：看第二个条件有一个显示效果，将 android 添加到了购物车 , 购物车中有 1本书，查看购物车

◇那么，如何动态的显示添加的书名呢？

解：★妙招：将

<li><a href="client/CartServlet?method=add&bookid= ${book.bookId}"> 加入购物车</a></li>

该链接的后面加上 &bookName=${book.bookName} ，也即是：

<li><a href="client/CartServlet?method=add&bookid= ${book.bookId}&bookName=${book.bookName} ">加入购物车 </a></li>

好处：只要点击该链接就会携带该参数，既可以用以显示书名，还可以用于标识到底该执行哪个条件（第二个、第三个）

◇那么，★在第二个条件中 <a href="client/book/cart.jsp?1=1" > 1=1是什么作用？？

如果不加的话：会报一个路径错误 /BookStore/client/book/cart.jsp&cateId=&minPrice=&maxPrice=

设想：要让所有的连接至少携带一个参数，这样才能保证是一个正确的路径

解：设置一个没有用的参数，此时请求地址发送变化

http://localhost:8989/BookStore/client/book/cart.jsp?1=1&cateId=&minPrice=&maxPrice=

这个时候就能正常访问了

◇那么，如何理解 ${CART.totalCount}？

我的理解：CART 是存在于session 中的代表Cart 的对象，因此可以调用 getTotalCount()方法，在 EL表达式中要将 T转为小写

◆点击：加入购物车后···

< li><a href="client/CartServlet?method=add&bookid=${book.bookId} &bookName= ${book.bookName}"> 加入购物车 </a></ li>

◇分析：${empty CART || empty CART.map}

→数据来源于session，那么session中是什么时候设置进去呢？

在webUtils.java 中

/**

* 从请求的session中获取购物车对象

* @param request

* @return

public static Cart getCart(HttpServletRequest request) {

HttpSession session = request.getSession();

//从session中获取cart对象，不一定有，当为空的时候在创建

Cart cart = (Cart) session.getAttribute( "CART");

if(cart==null ){//如果获取不到就新创建

cart = new Cart();//新建一个购物车

session.setAttribute( "CART",cart);//将购物车设置进session中

}

return cart;

}

什么时候用它的呢？

◇CartServlet中

protected void add(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

System. out.println("add...." );

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

Book book = bookService.getBookById(bookid);

Cart cart = WebUtils.getCart(request);//从session中获取购物车对象

cartService.add(book, cart); //将书添加到购物车中国

WebUtils. myForward(request, response,

"/client/BookClientServlet?method=getPageInCondition" );

}

7、显示页面Cart.jsp

◇点击 →将android添加到了购物车, 购物车中有1本书，查看购物车 →Cart.jsp

◆进入我的购物车之后有两种可能：购物车中有书、没有书

◇没有书：则显示没有书并跳转到购书页面（需要经过BookClientServlet）

   <c:when test="${empty CART || empty CART.map}">

购物车中没有一本书, 立即去 <a href="client/BookClientServlet?method=getPageInCondition" >购物 </a>

   </c:when>

◇有书则显示列表

<body>
	<center>
			
		<h2>我的购物车</h2>
		
			<c:choose>
				<c:when test="${empty CART || empty CART.map}">
					购物车中没有一本书, 立即去<a href="client/BookClientServlet?method=getPageInCondition">购物</a>				
				</c:when>
				<c:otherwise>
					<table border="1" cellpadding="10" cellspacing="0">
						<tr>
							<td>书名</td>
							<td>单价</td>
							<td>数量</td>
							<td>小计</td>
							<td>操作</td>
						</tr>
						<!-- (bookid, CartItem) -->
						<c:forEach items="${CART.map}" var="entry">
							<tr>
								<td>${entry.value.book.bookName}</td>
								<td>${entry.value.book.price}</td>
								<td>
									<button class="decrease" ${entry.value.count<=1 ? 'disabled="false"' : ''}>-</button>
									<input id="${entry.key}" class="count" type="text" value="${entry.value.count}" style="width: 30px;"/>
									<button class="increase">+</button>
								</td>
								<td>${entry.value.itemPrice}</td>
								<td><a class="delete" href="client/CartServlet?method=delete&bookid=${entry.key}">删除</a></td>
							</tr>						
						</c:forEach>
						
			
						<tr>
							<td><a id="clear" href="client/CartServlet?method=clear" >清空购物车</a></td>
							<td><a
								href="client/BookClientServlet?method=getPageInCondition">继续购物</a></td>
							<td>共${CART.totalCount}本书</td>
							<td>总价:${CART.totalPrice}元</td>
							<td><a href="#">去结算</a></td>
						</tr>
					</table>
				</c:otherwise>
			</c:choose>
	</center>
</body>

8、清空购物车

点击： < td>< a id = "clear" href ="client/CartServlet?method=clear" >清空购物车 </ a></ td >

进入CartServlet

protected void clear(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

System. out.println("clear...." );

cartService.clear(WebUtils.getCart(request));

WebUtils. myForward(request, response, "/client/book/cart.jsp" );

}

9、给所有删除链接添加点击事件

$(function(){

//给所有删除链接添加点击事件

$( ".delete").click(function (){

if(!window.confirm("你确认删除吗?" )) {

return false ;//不让链接提交请求

}

});

</script>

10、给所有显示书的数量的输入框添加失去焦点的事件

就是这个：<input id="${entry.key}" class="count" type="text" value="${entry.value.count}" style="width: 30px;"/>

$(".count").blur( function(){

//得到输入框的值

var count = this .value;

if(isNaN(count)) {

count = 1;

}

count = count*1; //转为number类型

if(count<=0) {

count = 1;

}

//书的id

var bookId = this.id;

//请求

window.location.href = "${pageContext.request.contextPath}/client/CartServlet?method=update&count=" +count+"&bookId=" +bookId;

});

11、给<button>+</button>添加点击事件

$(".increase").click( function(){

//得到数量

var $countEle = $(this).parent().find("input" );

var count = $countEle.val();//链式调用

count = count*1+1;

alert(count);

//书的id

var bookId = $countEle.attr("id" );

//请求

window.location.href = "${pageContext.request.contextPath}/client/CartServlet?method=update&count=" +count+"&bookId=" +bookId;

});

12、给<button>-</button>添加点击事件

$(".decrease").click( function(){

//得到数量

var $countEle = $(this).parent().find("input" );

var count = $countEle.val();//链式调用

count = count*1-1;

alert(count);

//书的id

var bookId = $countEle.attr("id" );

//请求

window.location.href = "${pageContext.request.contextPath}/client/CartServlet?method=update&count=" +count+"&bookId=" +bookId;

});

文章来自：http://blog.csdn.net/u010834071/article/details/40024433