订单模块之添加订单之页面实现(完成) | 学习笔记-阿里云开发者社区

开发者社区> 学堂小助手> 正文

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

简介: 快速学习订单模块之添加订单之页面实现(完成)
+关注继续查看

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

 

三、测试程序

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
我的第一个页面及其标签简介|学习笔记
快速学习我的第一个页面及其标签简介
35 0
Linux基础命令---添加用户useradd
useradd       创建新的系统用户,useradd指令只能以管理员的身份运行,创建的用户都在“/etc/passwd”文件中。当不加-D参数,useradd指令使用命令列来指定新帐号的设定值and使用系统上的预设值.新使用者帐号将产生一些系统档案,使用者目录建立,拷备起始档案等,这些均可以利用命令列选项指定。
1298 0
强大的编辑器--vim|学习笔记
快速学习强大的编辑器--vim
24 0
一起谈.NET技术,SharePoint开发笔记-SharePoint2010添加ASP.NET应用程序
大家可能在sharepoint开发webpart会引入一些asp.net的控件,这时候就会需要添加dll引用..下图所示CRSWebControls便是我添加的.   部署这个项目到sharepoint后.
778 0
git学习------&gt;在CenterOS系统上安装GitLab并自定义域名访问GitLab管理页面
目前就职的公司一直使用SVN作为版本管理,现在打算尝试从SVN迁移到Git。安排我来预言并搭建好相关的环境以及自己尝试使用Git。今天我就尝试在Center OS系统上安装GitLab,现在在此记录一下整个安装过程。
3380 0
去掉DataGrid自动添加的一个空行
    WPF的DataGrid添加行时自动多加一行的问题十分让人烦恼。    下面给出正确的解决方案,实际上就是下面标红色的三句话的组合。    AutoGenerateColumns="False" CanUserDeleteRows="False" CanUserAddR...
731 0
1394
文章
0
问答
来源圈子
更多
技术图谱:由专家组参与技术图谱的绘制与编写,知识与实践的结合让开发者们掌握学习路线与逻辑,快速提升技能 电子书:电子书由阿里内外专家打造,供开发者们下载学习,更与课程相结合,使用户更易理解掌握课程内容 训练营:学习训练营 深入浅出,专家授课,带领开发者们快速上云 精品课程:汇集知识碎片,解决技术难题,体系化学习场景,深入浅出,易于理解 技能自测:提供免费测试,摸底自查 体验实验室:学完即练,云资源免费使用
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载