只要消費就要進行結賬,自己寫的結賬功能。
這個也是要連接數據進行修改的,比如購買了東西,寫入了數據庫,結賬結束后,自然要把數據庫進行清空,將結賬的錢寫入數據庫,進行保存。
和上一個隨筆相連,同樣做一個菜單的結賬功能吧。
我是用了兩張表進行存數據,一張是桌子信息的表,另一張就是點餐后的點餐表,到結賬時,對點餐表進行總和金額,寫入桌子表,同時,點餐表中關於這張桌子點的餐也就清除。
一、數據庫
情況桌子的信息表: 每張桌子的點餐情況(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)點擊確定按鈕后
頁面已經刷新,沒有了這一桌的點的菜

數據庫兩張表的也發生了改變


到此結賬功能就結束了
