Tmall_Fore_buyone+buy(结算)
先看直接点击购买会发生什么
会在OrderItem中插入一条数据
1. pid =844 购买的商品id
2. oid = -1, 这个订单项还没有生成对应的订单,即还在购物车中
3. uid= 3,用户的id是3
4. number=3, 购买了3件产品
假设此时登录了,登录了以后点击购买的话
会访问地址且带上数据http://127.0.0.1:8080/tmall/forebuyone?pid=844&num=3
老模式,访问ForeServlet的buyone方法
首先获取pid和num,然后通过pid找到商品,通过uid找到用户,再根据用户找到用户自己的OrderItem。ois
然后for循环,将用户的oi中,是当前产品的oi给取出来,且加上。且返回oiid。
如果找不到,就意味着用户没有当前orderItem的数据,则新建一个OrderItem,且添加到数据库中。最终返回oiid且跳转到结算页面
public String buyone(HttpServletRequest request, HttpServletResponse response, Page page) {
int pid = Integer.parseInt(request.getParameter("pid"));
int num = Integer.parseInt(request.getParameter("num"));
Product p = productDAO.get(pid);
int oiid = 0;
User user =(User) request.getSession().getAttribute("user");
boolean found = false;
List<OrderItem> ois = orderItemDAO.listByUser(user.getId());
for (OrderItem oi : ois) {
if(oi.getProduct().getId()==p.getId()){
oi.setNumber(oi.getNumber()+num);
orderItemDAO.update(oi);
found = true;
oiid = oi.getId();
break;
}
}
if(!found){
OrderItem oi = new OrderItem();
oi.setUser(user);
oi.setNumber(num);
oi.setProduct(p);
orderItemDAO.add(oi);
oiid = oi.getId();
}
return "@forebuy?oiid="+oiid;
}
下一步就是结算页面的事情了,结算页面会把购物车中的订单全部显示出来,并且供用户进行选择。
结算页面截图
buy方法以及oiid的获取
这里用ois是为了兼容从购物车传来的结算。根据代码可以看出来,获取了订单价格总数
public String buy(HttpServletRequest request, HttpServletResponse response, Page page){
String[] oiids=request.getParameterValues("oiid");
List<OrderItem> ois = new ArrayList<>();
float total = 0;
for (String strid : oiids) {
int oiid = Integer.parseInt(strid);
OrderItem oi= orderItemDAO.get(oiid);
total +=oi.getProduct().getPromotePrice()*oi.getNumber();
ois.add(oi);
}
request.getSession().setAttribute("ois", ois);
request.setAttribute("total", total);
return "buy.jsp";
}
最后是buy.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" isELIgnored="false"%>
<div class="buyPageDiv">
<form action="forecreateOrder" method="post">
<div class="buyFlow">
<img class="pull-left" src="img/site/simpleLogo.png">
<img class="pull-right" src="img/site/buyflow.png">
<div style="clear:both"></div>
</div>
<div class="address">
<div class="addressTip">输入收货地址</div>
<div>
<table class="addressTable">
<tr>
<td class="firstColumn">详细地址<span class="redStar">*</span></td>
<td><textarea name="address" placeholder="建议您如实填写详细收货地址,例如接到名称,门牌好吗,楼层和房间号等信息"></textarea></td>
</tr>
<tr>
<td>邮政编码</td>
<td><input name="post" placeholder="如果您不清楚邮递区号,请填写000000" type="text"></td>
</tr>
<tr>
<td>收货人姓名<span class="redStar">*</span></td>
<td><input name="receiver" placeholder="长度不超过25个字符" type="text"></td>
</tr>
<tr>
<td>手机号码 <span class="redStar">*</span></td>
<td><input name="mobile" placeholder="请输入11位手机号码" type="text"></td>
</tr>
</table>
</div>
</div>
<div class="productList">
<div class="productListTip">确认订单信息</div>
<table class="productListTable">
<thead>
<tr>
<th colspan="2" class="productListTableFirstColumn">
<img class="tmallbuy" src="img/site/tmallbuy.png">
<a class="marketLink" href="#nowhere">店铺:天猫店铺</a>
<a class="wangwanglink" href="#nowhere"> <span class="wangwangGif"></span> </a>
</th>
<th>单价</th>
<th>数量</th>
<th>小计</th>
<th>配送方式</th>
</tr>
<tr class="rowborder">
<td colspan="2" ></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</thead>
<tbody class="productListTableTbody">
<c:forEach items="${ois}" var="oi" varStatus="st" >
<tr class="orderItemTR">
<td class="orderItemFirstTD"><img class="orderItemImg" src="img/productSingle_middle/${oi.product.firstProductImage.id}.jpg"></td>
<td class="orderItemProductInfo">
<a href="foreproduct?pid=${oi.product.id}" class="orderItemProductLink">
${oi.product.name}
</a>
<img src="img/site/creditcard.png" title="支持信用卡支付">
<img src="img/site/7day.png" title="消费者保障服务,承诺7天退货">
<img src="img/site/promise.png" title="消费者保障服务,承诺如实描述">
</td>
<td>
<span class="orderItemProductPrice">¥<fmt:formatNumber type="number" value="${oi.product.promotePrice}" minFractionDigits="2"/></span>
</td>
<td>
<span class="orderItemProductNumber">${oi.number}</span>
</td>
<td><span class="orderItemUnitSum">
¥<fmt:formatNumber type="number" value="${oi.number*oi.product.promotePrice}" minFractionDigits="2"/>
</span></td>
<c:if test="${st.count==1}">
<td rowspan="5" class="orderItemLastTD">
<label class="orderItemDeliveryLabel">
<input type="radio" value="" checked="checked">
普通配送
</label>
<select class="orderItemDeliverySelect" class="form-control">
<option>快递 免邮费</option>
</select>
</td>
</c:if>
</tr>
</c:forEach>
</tbody>
</table>
<div class="orderItemSumDiv">
<div class="pull-left">
<span class="leaveMessageText">给卖家留言:</span>
<span>
<img class="leaveMessageImg" src="img/site/leaveMessage.png">
</span>
<span class="leaveMessageTextareaSpan">
<textarea name="userMessage" class="leaveMessageTextarea"></textarea>
<div>
<span>还可以输入200个字符</span>
</div>
</span>
</div>
<span class="pull-right">店铺合计(含运费): ¥<fmt:formatNumber type="number" value="${total}" minFractionDigits="2"/></span>
</div>
</div>
<div class="orderItemTotalSumDiv">
<div class="pull-right">
<span>实付款:</span>
<span class="orderItemTotalSumSpan">¥<fmt:formatNumber type="number" value="${total}" minFractionDigits="2"/></span>
</div>
</div>
<div class="submitOrderDiv">
<button type="submit" class="submitOrderButton">提交订单</button>
</div>
</form>
</div>
然后通过结算页面展示,用户可以选择下一步操作,比如说提交订单