开发者学堂课程【Java Web项目实战2：图书商城：订单模块之添加订单之页面实现（完成）】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/35/detail/785
订单模块之添加订单之页面实现（完成）
内容简介：
一、一键购买的处理
二、order 下的 desc 页面显示当前订单
三、测试程序
一、一键购买的处理
打开 list.jsp ,找到链接：
<a id="buy" href="<c:url value='/jsps/order/desc.jsp'/>"></a>。
简单介绍一下该链接：
超链接中有个 id 选择器 “buy”
#buy{
background: url(<c:url value='/images/all.png'/> ) no-repeat; //给这个链接加了一个名叫all的图片，no-repeat为不循环
display: inline-block;
background-position: 0 -902px; //取了背景图片的x坐标为0，y轴坐标为-902处
margin-left: 30px;
height: 36px; //高36
width: 146px; //宽146
}
#buy : HOVER{ //当光标进入时
background: url(<o:url value='/images/all.png'/>) no-repeat;
display: inline-block;
background-position: o -938px; //图片往下挪动36
margin-left: 30px;
height: 36px;
width: 146px;
}
一般来说当表单的按钮做得的难度比较大时，一般会用一个超链接来提交表单，但此时这里不用提交表单点击这个链接就可以完成操作，但现在不能让程序再请求这里。
需要修改一下链接为
<a id="buy" href="<c:url value='/orderServlet?method=add' />"></a>
二、order下的desc页面显示当前订单
打开 desc.jsp 要循环遍历当前订单，处理以下表格部分
订单信息修改为：
订单编号:${order.oid }成交时间:${order.ordertime}金额:<font color="red"><b>${order.total}元</b></font>
订单条目信息修改为：
<c:forEach items="$ {order.orderItemList }" var="orderItem">
<tr bordercolor="gray" align="center">
<td width=”15%”>
<div>img src="<c:url value='/${orderItem. book.image }'/>" height="75"/></div>
</td>
<td>书名:${orderItem.book.bname }</td>
<td>单价:${orderItem.book.price }元</td>
<td>作者:${orderItem.book.author }</td>
<td>数量:${orderItem.count }</td>
<td>小计: $ {orderitem.subtotal..l元</td>
</tr>
</ c:forEach>
三、测试程序
查看数据库中是否同时生成订单，查询出表格内容，对照订单进行修改。