购物车业务逻辑

本是古典何须时尚 2022-06-02 12:53 285阅读 0赞

# 购物车实现逻辑详解 #

想要实现这样的效果：

![Center][]

## 1、首先要定义其模型 ##

![Center 1][]

![Image 1][]

##    2、分析页面操作 ##

![Image 1][]

![Center 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本书， [查看购物车][Link 1]

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

如何实现呢？？

< 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本书，  [查看购物车][Link 2]    →Cart.jsp

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

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

>       < c:when  test = *"* $\{  **empty**  CART ||  **empty**  CART.map\} *"* >
> 
>      购物车中没有一本书, 立即去  < a  href = *"client/BookClientServlet?method=getPageInCondition"*  > 购物  </ a >                 
> 
>     </ c:when >

◇有书则显示列表  ![Image 1][]

**\[html\]**  [view plain][]  [copy][view plain]

1.  **<****body****>**  
2.      **<****center****>**  
3.                
4.          **<****h2****>**我的购物车**</****h2****>**  
5.            
6.              **<****c:choose****>**  
7.                  **<****c:when** test="$\{empty CART || empty CART.map\}"**>**  
8.                      购物车中没有一本书, 立即去**<****a** href="client/BookClientServlet?method=getPageInCondition"**>**购物**</****a****>**                 
9.                  **</****c:when****>**  
10.                 **<****c:otherwise****>**  
11.                     **<****table** border="1" cellpadding="10" cellspacing="0"**>**  
12.                         **<****tr****>**  
13.                             **<****td****>**书名**</****td****>**  
14.                             **<****td****>**单价**</****td****>**  
15.                             **<****td****>**数量**</****td****>**  
16.                             **<****td****>**小计**</****td****>**  
17.                             **<****td****>**操作**</****td****>**  
18.                         **</****tr****>**  
19.                           
20.                         **<****c:forEach** items="$\{CART.map\}" var="entry"**>**  
21.                             **<****tr****>**  
22.                                 **<****td****>**$\{entry.value.book.bookName\}**</****td****>**  
23.                                 **<****td****>**$\{entry.value.book.price\}**</****td****>**  
24.                                 **<****td****>**  
25.                                     **<****button** class="decrease" $\{entry.value.count**<**=1 ? 'disabled="false"' : ''\}**>**\-**</****button****>**  
26.                                     **<****input** id="$\{entry.key\}" class="count" type="text" value="$\{entry.value.count\}" style="width: 30px;"**/>**  
27.                                     **<****button** class="increase"**>**\+**</****button****>**  
28.                                 **</****td****>**  
29.                                 **<****td****>**$\{entry.value.itemPrice\}**</****td****>**  
30.                                 **<****td****>****<****a** class="delete" href="client/CartServlet?method=delete&bookid=$\{entry.key\}"**>**删除**</****a****>****</****td****>**  
31.                             **</****tr****>**                       
32.                         **</****c:forEach****>**  
33.                           
34.               
35.                         **<****tr****>**  
36.                             **<****td****>****<****a** id="clear" href="client/CartServlet?method=clear" **>**清空购物车**</****a****>****</****td****>**  
37.                             **<****td****>****<****a**  
38.                                 href="client/BookClientServlet?method=getPageInCondition"**>**继续购物**</****a****>****</****td****>**  
39.                             **<****td****>**共$\{CART.totalCount\}本书**</****td****>**  
40.                             **<****td****>**总价:$\{CART.totalPrice\}元**</****td****>**  
41.                             **<****td****>****<****a** href="\#"**>**去结算**</****a****>****</****td****>**  
42.                         **</****tr****>**  
43.                     **</****table****>**  
44.                 **</****c:otherwise****>**  
45.             **</****c:choose****>**  
46.     **</****center****>**  
47. **</****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、给所有删除链接添加点击事件 ##

< script  type =  *"text/javascript"* >

$( **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;

\});

[Center]: /images/20220602/85ef9ad011974ba68d8bbefa649e10d9.png
[Center 1]: /images/20220602/3a670932609c4a068a87ef3f67224b0a.png
[Image 1]: 
[Center 2]: /images/20220602/7dad4228c4624610a538087c97740f0c.png
[Link 1]: http://localhost:8989/BookStore/client/book/cart.jsp?1=1&cateId=4&minPrice=&maxPrice=
[Link 2]: http://localhost:8989/BookStore/client/book/cart.jsp?1=1&cateId=&minPrice=&maxPrice=
[view plain]: http://blog.csdn.net/u010834071/article/details/40024433#