天天生鲜项目——提交订单页
5、place_order.html 提交订单页
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>天天生鲜-提交订单</title><link rel="stylesheet" type="text/css" href="css/reset.css"><link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body><div class="header_con"><div class="header"><div class="welcome fl">欢迎来到天天生鲜!</div><div class="fr"><div class="login_info fl">欢迎您:<em>张 山</em></div><div class="login_btn fl"><a href="login.html">登录</a><span>|</span><a href="register.html">注册</a></div><div class="user_link fl"><span>|</span><a href="user_center_info.html">用户中心</a><span>|</span><a href="cart.html">我的购物车</a><span>|</span><a href="user_center_order.html">我的订单</a></div></div></div> </div><div class="search_bar clearfix"><a href="index.html" class="logo fl"><img src="data:images/logo.png"></a><div class="sub_page_name fl">| 提交订单</div><div class="search_con fr"><input type="text" class="input_text fl" name="" placeholder="搜索商品"><input type="button" class="input_btn fr" name="" value="搜索"></div> </div><h3 class="common_title">确认收货地址</h3><div class="common_list_con clearfix"><dl><dt>寄送到:</dt><dd><input type="radio" name="" checked="">北京市 海淀区 东北旺西路8号中关村软件园 (李思 收) 182****7528</dd></dl><a href="user_center_site.html" class="edit_site">编辑收货地址</a></div><h3 class="common_title">支付方式</h3> <div class="common_list_con clearfix"><div class="pay_style_con clearfix"><input type="radio" name="pay_style" checked><label class="cash">货到付款</label><input type="radio" name="pay_style"><label class="weixin">微信支付</label><input type="radio" name="pay_style"><label class="zhifubao"></label><input type="radio" name="pay_style"><label class="bank">银行卡支付</label></div></div><h3 class="common_title">商品列表</h3><div class="common_list_con clearfix"><ul class="goods_list_th clearfix"><li class="col01">商品名称</li><li class="col02">商品单位</li><li class="col03">商品价格</li><li class="col04">数量</li><li class="col05">小计</li> </ul><ul class="goods_list_td clearfix"><li class="col01">1</li> <li class="col02"><img src="data:images/goods/goods012.jpg"></li><li class="col03">奇异果</li><li class="col04">500g</li><li class="col05">25.80元</li><li class="col06">1</li><li class="col07">25.80元</li> </ul><ul class="goods_list_td clearfix"><li class="col01">2</li> <li class="col02"><img src="data:images/goods/goods003.jpg"></li><li class="col03">大兴大棚草莓</li><li class="col04">500g</li><li class="col05">16.80元</li><li class="col06">1</li><li class="col07">16.80元</li> </ul></div><h3 class="common_title">总金额结算</h3><div class="common_list_con clearfix"><div class="settle_con"><div class="total_goods_count">共<em>2</em>件商品,总金额<b>42.60元</b></div><div class="transit">运费:<b>10元</b></div><div class="total_pay">实付款:<b>52.60元</b></div></div></div><div class="order_submit clearfix"><a href="javascript:;" id="order_btn">提交订单</a></div> <div class="footer"><div class="foot_link"><a href="#">关于我们</a><span>|</span><a href="#">联系我们</a><span>|</span><a href="#">招聘人才</a><span>|</span><a href="#">友情链接</a> </div><p>CopyRight © 2016 北京天天生鲜信息技术有限公司 All Rights Reserved</p><p>电话:010-****888 京ICP备*******8号</p></div><div class="popup_con"><div class="popup"><p>订单提交成功!</p></div><div class="mask"></div></div><script type="text/javascript" src="js/jquery-1.12.2.js"></script><script type="text/javascript">$('#order_btn').click(function() {localStorage.setItem('order_finish',2);$('.popup_con').fadeIn('fast', function() {setTimeout(function(){$('.popup_con').fadeOut('fast',function(){window.location.href = 'index.html';}); },3000)});});</script>
</body>
</html>
天天生鲜项目——提交订单页相关推荐
- 天天生鲜项目——用户订单页
9.user_center_order.html 用户中心-用户订单页 用户中心功能二,查看用户的全部订单 <!DOCTYPE html PUBLIC "-//W3C//DTD XHT ...
- 天天生鲜项目——用户信息页
8.user_center_info.html 用户中心-用户信息页 用户中心功能一,查看用户的基本信息 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM ...
- 天天生鲜项目开发笔记
天天生鲜项目开发笔记 说在前面的话 大学四年,忙忙碌碌,什么都学了,又好像什么都没学,总之要毕业了,毕设题目是"生鲜配送系统",B站上找到了一个天天生鲜的项目开发教程,之后文章记录 ...
- 【Django 天天生鲜项目05】订单(Mysql事务、并发处理、支付宝支付、评论)
本部分涉及订单的生成.并发处理.支付.评论等 关键:MySQL事务.并发处理的悲观锁/乐观锁.支付宝SDK 的使用...... 仅作为个人笔记! 目录 2.创建订单 3.订单生成 3.1. MySQL ...
- 天天生鲜项目——我的购物车页
4.cart.html 我的购物车页,列出已放入购物车上的商品 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E ...
- GO语言开发天天生鲜项目第三天 用户模块开发
项目分析 一.项目架构 二.数据库表设计 用户模块 ##一.用户注册 用户通过我们的网站购买商品前,必须要登录.如果,该用户在我们的网站上没有账号,那么必须进行注册.下面我们看一下注册的具体实现过程( ...
- 天天生鲜项目从0开始
天天生鲜 一.环境准备 因为此文章是实践项目文章,所以对于基础的python安装就不多做赘述,这里只交代系统环境是ubuntu操作系统,python3.5 安装虚拟环境软件 安装虚拟环境: sudo ...
- Django通过celery 异步发送邮件 : django开发之天天生鲜项目知识总结【5】
这里初次学习celery,只简单讲解一下如何使用celery 异步发送邮件,在以后的总结中还会,多次提到celery,因为后面很多任务都需要用到celery执行任务,后面再专门针对celery做具体的 ...
- HTML学习-14天天生鲜项目
一.准备阶段 首先应该对HTML自带的各种样式进行重置 a>rest.css 创建文件reset.css以写入相关样式来对其进行重置 1.代码 /* 将标签默认的间距设为0 */ body,p, ...
最新文章
- 用信号量和读写锁解决读者写者问题
- Lasso回归的坐标下降法推导
- 深入理解l内核v4l2框架之video for linux 2(一)
- java treemap用法_JAVA作业,使用TreeMapK,V类
- 记录ie下报XMLHttpRequest: 网络错误 0x80070005, 拒绝访问。
- short类型占16位,可以赋给short类型的最大值32767,最小值为-32768
- android中自适应布局教程,Android实现自适应正方形GridView
- 学习总结 java 父子级
- ##spss软件学习笔记20181031
- C专家编程(学习笔记)_第10章 再论指针
- ~《概率论》~贝叶斯公式
- 计算机管理中没有大容量存储,控制器没有足够的带宽可利用为USB大容量存储设备的解决方法...
- C++中exchange()函数的使用方法(例题)
- 服务器上使用nvcc编译多个cu文件,在cmake中使用nvcc编译。cu
- 【AGC031E】Snuke the Phantom Thief(费用流)
- 【舍友计划】恶搞~让计算机变卡变慢
- [Git命令]上传单个文件到GitHub项目已有文件夹
- 掌控者靶场第二章:WAF绕过
- 不删除分区的情况下怎么合并分区?如何合并磁盘分区
- IIS 6 UrlRewrite 步骤