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

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

开发者学堂课程【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>

 

三、测试程序

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

相关文章
|
前端开发
JavaWeb11(查看订单详情&优化结算)
JavaWeb11(查看订单详情&优化结算)
|
5月前
|
关系型数据库 MySQL 数据库
生成订单的过程------支付系统21------支付宝支付----统一收单下单并支付页面接口----创建订单,下订单,我们要在我们数据库的订单表中,设置订单,订单表常用数据库设置格式
生成订单的过程------支付系统21------支付宝支付----统一收单下单并支付页面接口----创建订单,下订单,我们要在我们数据库的订单表中,设置订单,订单表常用数据库设置格式
JavaWeb10(实现结算&查看订单&订单详情)(一)
JavaWeb10(实现结算&查看订单&订单详情)
111 0
|
前端开发
JavaWeb10(实现结算&查看订单&订单详情)(二)
JavaWeb10(实现结算&查看订单&订单详情)
|
数据可视化 搜索推荐 API
如何通过拼多多订单API接口获取订单详情
拼多多订单接口获取到订单详情之后,你可以根据需求对订单信息进行处理和利用,例如: 将订单信息导入到 ERP 系统中实现自动化订单处理; 根据订单信息生成发货单、物流面单等相关文档; 对订单的商品信息进行分析,例如常购买的商品、下单时间、下单地点等,为业务决策提供参考; 根据买家信息进行个性化营销,为买家提供更好的购物体验; 对订单信息进行可视化展示,例如订单量趋势图、订单来源分析等,为业务和数据分析提供支持。 以上只是一些简单的示例,具体使用方式应根据实际业务需求和场景而定。需要注意的是,对于涉及用户隐私数据的处理,需要遵守相关的法律法规和隐私保护政策。
|
消息中间件 算法 Java
创建支付订单实现|学习笔记
快速学习创建支付订单实现
131 0
创建支付订单实现|学习笔记
|
消息中间件 数据库 RocketMQ
创建支付订单流程|学习笔记
快速学习创建支付订单流程
371 0
创建支付订单流程|学习笔记
|
数据库 开发者 微服务
查询订单支付状态接口(2) | 学习笔记
快速学习查询订单支付状态接口(2)
查询订单支付状态接口(2) | 学习笔记
|
XML JSON Java
课程支付功能(生成订单接口1) | 学习笔记
简介:快速学习课程支付功能(生成订单接口1)
191 0
课程支付功能(生成订单接口1) | 学习笔记