订单模块之添加订单之页面实现(完成) | 学习笔记

简介: 快速学习订单模块之添加订单之页面实现(完成)

开发者学堂课程【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 要循环遍历当前订单,处理以下表格部分

image.png

订单信息修改为:

订单编号:${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>

 

三、测试程序

查看数据库中是否同时生成订单,查询出表格内容,对照订单进行修改。

相关文章
|
12月前
|
前端开发
JavaWeb11(查看订单详情&优化结算)
JavaWeb11(查看订单详情&优化结算)
|
SQL 前端开发
创建订单【项目 商城】
创建订单【项目 商城】
54 0
|
12月前
JavaWeb10(实现结算&查看订单&订单详情)(一)
JavaWeb10(实现结算&查看订单&订单详情)
|
12月前
|
前端开发
JavaWeb10(实现结算&查看订单&订单详情)(二)
JavaWeb10(实现结算&查看订单&订单详情)
|
消息中间件 数据库 RocketMQ
创建支付订单流程|学习笔记
快速学习创建支付订单流程
340 0
创建支付订单流程|学习笔记
|
消息中间件 算法 Java
创建支付订单实现|学习笔记
快速学习创建支付订单实现
121 0
创建支付订单实现|学习笔记
|
数据库 开发者 微服务
查询订单支付状态接口(2) | 学习笔记
快速学习查询订单支付状态接口(2)
查询订单支付状态接口(2) | 学习笔记
|
XML 数据安全/隐私保护 数据格式
查询订单支付状态接口(1) | 学习笔记
快速学习查询订单支付状态接口(1)
|
SQL Java 开发者
订单模块之我的订单完成 | 学习笔记
快速学习订单模块之我的订单完成
277 0
订单模块之我的订单完成 | 学习笔记