這裡的估清,我用在了選單上,也就是這個菜品當天能不能點餐,這就是估清的功能。
進行估清的選單,我是寫在了資料庫中,讓資料庫這張選單表進行遍歷出想要顯示的內容:
一、資料庫的結構
在資料庫中建立一張選單表,字段內容有點關聯,比如這個類別中的菜品
下面的表就是我建立的表
二、表建立結束後,就是想想這個功能了
(1)用什麼方式顯示出這個這個功能
(2)顯示出來,進行估清時,是不是要對應資料庫的修改
一步一步的來,首先是這個估清功能的樣式
注意:在編寫**之前,要把將要運用到的所有東西提前調入,比如bootstrap、封裝好的資料庫的類
1.可以通過乙個按鈕來進行顯示選單,單擊這個按鈕進行彈出框,然後顯示選單
估清這是對這個估清新增了彈出模態框效果
2.模態框可以運用bootstrap的模態框
×3.進行遍歷資料庫,這裡的遍歷時有條件的估清餐品
//這裡就是遍歷資料庫的選單內容
關閉
(1)如果它的狀態是1的話就是這個菜是不能點餐的,相反則是可以別點餐
(2)因為類別有點多,這裡也是可以借助bootstrap的標籤頁
(3)可以用ajax也可以直接寫php,我這裡是直接寫的php**
3.1 這是顯示類別的,相當於乙個標籤,點選每乙個標籤名會顯示不同的標籤內容
3.2 這個就是遍歷資料中的菜品:要呼叫封裝好的類
include("dbda.php");$db = new dbda();
<?php下面就是顯示的按鈕的樣式了,也就是aa1和aa$sql = "select * from caidan where fcode =('1101')"; //查詢這個類別中的所有選單
$attr = $db->query($sql); //執行封裝好類中的方法
foreach($attr as $v)
else
}
?>
.aa3.3 最後的關閉按鈕了.aa1
關閉可以看一下從資料庫中遍歷出來的內容和樣式了
4.以上只是遍歷出來的,還沒有給它新增功能,單一任意乙個菜品名稱,成灰色,並且改變資料庫的狀態,使前台也是顯示不能點菜;再次單擊呈綠色,資料庫也是改變狀態,使前台可以點餐
在進行遍歷時已經加上個事件,叫做biaoshi
"";4.1 對這個新增事件就可以
$(".aa").click(function()4.2 這只是進行了單擊變色,資料庫還是沒有修改,下面就是進行修改資料庫了else
})
var code = $(this).attr("code"); //遍歷資料庫時,已經標出code是資料庫中的那一列4.3 編寫處理頁面$.ajax(, //將code傳過去
type:"post", //傳輸方式
datatype:"text", //返回格式
success: function(data)}})
<?php4.4 這樣就把4.2步驟新增到4.1中的灰色部分就好了include("dbda.php"); //呼叫封裝好的類
$db = new dbda();
$code = $_post["c"]; //接受穿過來的值
$sql=" update caidan set isok=1 where code='' "; //編寫語句,如果code和資料庫中的一樣,那麼就把狀態改成1
$attr = $db->query($sql,0); //執行語句
echo "ok";
?>
4.5 變回原來顏色的那個是一樣的做法,不多說直接上完整的**
注意:這只是對aa進行了單擊事件,也要對aa1進行單擊事件,同樣的做法而已
//對aa的點選事件到此,就這樣這個估清功能就寫完了$(".aa").click(function(),
type:"post",
datatype:"text",
success: function(data)
}}) }
else
, type:"post",
datatype:"text",
success: function(data)}})
}})//對aa1的單擊事件
$(".aa1").click(function(),
type:"post",
datatype:"text",
success: function(data)
}}) }
else
, type:"post",
datatype:"text",
success: function(data)
}}) }
})
這樣資料庫也是可以修改其狀態的
有關資料結構的知識17 5 1清北
1 include2 include3 include4 include5 include6 include7 include89 using namespace std 1011 過載運算子 12struct rec13 20 g,gg 21 鍊錶 22int v maxn next maxn c...
給IE的右鍵選單增加功能
var parentwin external.menuarguments var doc parentwin.document var sel doc.selection var rng sel.createrange var str new string rng.text rng.text end...
有關於使用者簽到小功能的思考
背景 偽 實現與內容剖析 public class continue break system.out.println 連續簽到的天數 continuousday 方案二 redis key的存在過期值,分析發現,需要統計的是使用者連續簽到,所以給使用者簽到的key設定過期時間,直接記錄連續簽到的次...