只要消费就要进行结账,自己写的结账功能。
这个也是要连接数据进行修改的,比如购买了东西,写入了数据库,结账结束后,自然要把数据库进行清空,将结账的钱写入数据库,进行保存。
和上一个随笔相连,同样做一个菜单的结账功能吧。
我是用了两张表进行存数据,一张是桌子信息的表,另一张就是点餐后的点餐表,到结账时,对点餐表进行总和金额,写入桌子表,同时,点餐表中关于这张桌子点的餐也就清除。
一、数据库
情况桌子的信息表: 每张桌子的点餐情况(canpin是一张所有菜品的表,这里是它的代号):
二、结账页面的布局还有添加结账功能
1、结账页面的布局很简单(注意:要将用到的bootstrap提前引入)
注意:这里是关于每张桌子的,所以有暂存桌号,这个可以用session,因为是只写结账功能,这个提一下
(1)可以加一个标题:结账
<h1>结账</h1>
(2)接下来就是遍历数据库了,遍历一下这张桌子的点餐情况(前面我已经提到了session暂存桌号code)
可以用一张表显示点餐信息
<table width="80%" height="100%" cellpadding="0" cellspacing="0" border="1"> <tr> <td>餐品</td> <td>单价</td> <td>数量</td> <td>服务员</td> <td>时间</td> </tr> <!-- 这里是每一列的详细信息,遍历数据库--> </table>
(2.1)遍历数据库
先要是桌子的遍历
<?php session_start(); //开启session $code = $_GET["code"]; //session的值 include("DBDA.class.php"); //调用封装好的数据库 $db = new DBDA(); //造新对象 $sql = " select * from diancan where code={$code}"; //查询一下桌号的那张表的code和session值一样的所有信息 $attr = $db->Query($sql); //执行一下语句 foreach($attr as $v) {
//输出桌号信息 echo "<div>{$v[1]}桌</div><input type='button' value='{$v[1]}' hidden='hidden' id='zhuo' />"; } ?>
然后就是每张桌子的消费结果详情表(要写在表格的标签中)
<?php $sql =" select * from yidiancan where code='$v[1]'"; //查找点餐详情表中的code和上面遍历出来的桌号相等 $attr = $db->Query($sql); //执行查询语句 foreach( $attr as $v) { $cha="select name from caidan where code='{$v[2]}'"; //查找菜单的那个code的名字 $cp=$db->Query($cha); echo "<tr><td>{$cp[0][0]}</td><td>{$v[3]}</td><td>{$v[4]}</td><td>{$v[5]}</td><td>{$v[6]}</td></tr>"; } ?>
看下遍历的结果
2、布局结束后,就是结算的功能部分了
(1)就是显示下总价格
价格:单价*数量(在表中单价和数量都是有的,直接遍历相乘就可以啦)
<?php $sql =" select * from yidiancan where code='$v[1]'"; //遍历点餐信息 $attr = $db->Query($sql); //执行语句 $sum=0; //先给sum赋值为0 foreach( $attr as $v) { $cha="select name from caidan where code='{$v[2]}'"; //查找菜单的名字 $cp=$db->Query($cha); //执行语句 $sum=$sum+$v[3]*$v[4]; //数量和单价的那一列相乘,并且把值赋给sum }
//输出这个总价格(样式是单选按钮) echo "总消费:<input type='radio' value='{$sum}' id='zj' name='yi' class='jie' />{$sum}"; ?>
(2)有时是不是也会打折什么的?
先写出打折的两个选项
<h1 style=" color:#F00">折扣</h1> <div id="zhekou" style=" float:left; width:150px "> <input type='radio' value='0.95' name='zhi' class='ck' />九五折 <input type='radio' value='0.8' name='zhi' class='ck' />八折 </div>
写出一个打折后,让价格显示出来的地方
<div id="zhehou"> </div>
接下来就是利用ajax方法来进行计算打折后的价格,并且显示
$("#zhekou").click(function(){ var zj = $("#zj").val(); //找到总价的单选按钮的值 var ck = $(".ck"); //找到打折的单选 var str = ""; for(var i=0;i<ck.length;i++) { if(ck.eq(i).prop("checked")) //单选按钮的选中状态 { var num = ck.eq(i).val()*zj; //这个就是总价*折扣选中的单选按钮的值 str+="打折后收账:<input type='radio' value='"+ck.eq(i).val()*zj+"' name='yi' class='jie' />"+num.toFixed(1); } } $("#zhehou").html(str); //将str的值写入折后价格显示的地方 })
看下这个功能的结果
三、既然这个功能实现了,是不是要写入数据库了呢?
这样可以添加一个确定按钮,给这个按钮写入事件
<input type="button" value="确定" id="save"/>
这个按钮起了个名字,接下来就是添加单击事件
$("#save").click(function(){ var zhuo = $("#zhuo").val(); //找到桌的值 var jie = $(".jie"); //找到jie单选按钮的 var str = ""; for(var i=0;i<jie.length;i++) { if(jie.eq(i).prop("checked")) //判断单选钮是否选中 { str = str+jie.eq(i).val()+"|"; } } str = str.substr(0,str.length-1); //截取子串 $.ajax({ url:"savee.php", //保存的处理页面 data:{zhuo:zhuo,jie:str}, //将值传过去 type:"POST", //传输的方式 dataType:"TEXT", success: function(data){ if(data.trim()=="OK") { alert("结算成功!"); } window.location.href="jie11.php?code=<?php echo $code; ?>"; //刷新页面 } }); })
保存的处理页面
<?php session_start(); include("DBDA.class.php"); //调用的封装类 $db = new DBDA(); //造新对象 //传过来的用户和选项的 $zhuo = $_POST["zhuo"]; $jie = $_POST["jie"]; $time = date("Y-m-d H:i:s"); $su = "update diancan set money=money+'{$jie}' where name='{$zhuo}'"; //修改表中的money值,并且每次添加新值是相加而不是重新写入 $db->Query($su,0); //执行语句 $attr = explode("|",$jie); foreach($attr as $v) { $sql1 = "update diancan set time='{$time}' where name='{$zhuo}'"; //修改时间,写入当前时间 $db->Query($sql1,0); //执行语句 $sql = "update diancan set isok='0' where name='{$zhuo}'"; //修改状态 $db->Query($sql,0); //执行语句 $sq2 = "delete from yidiancan where code='{$zhuo}'"; //结账结束后,点餐内容删除 $db->Query($sq2,0); echo "OK"; }
下面看下结果
(1)这是页面的内容,还有打折后的价格
(2)看下数据库,点餐表的桌的信息
已点餐的表
(3)点击确定按钮后
页面已经刷新,没有了这一桌的点的菜
数据库两张表的也发生了改变
到此结账功能就结束了