有關選單進行「估清」的功能

2022-03-30 17:11:56 字數 2794 閱讀 8471

這裡的估清,我用在了選單上,也就是這個菜品當天能不能點餐,這就是估清的功能。

進行估清的選單,我是寫在了資料庫中,讓資料庫這張選單表進行遍歷出想要顯示的內容:

一、資料庫的結構

在資料庫中建立一張選單表,字段內容有點關聯,比如這個類別中的菜品

下面的表就是我建立的表

二、表建立結束後,就是想想這個功能了

(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 

$sql = "select * from caidan where fcode =('1101')"; //查詢這個類別中的所有選單

$attr = $db->query($sql); //執行封裝好類中的方法

foreach($attr as $v)

else

}

?>

下面就是顯示的按鈕的樣式了,也就是aa1和aa

.aa

.aa1

3.3 最後的關閉按鈕了

關閉

可以看一下從資料庫中遍歷出來的內容和樣式了

4.以上只是遍歷出來的,還沒有給它新增功能,單一任意乙個菜品名稱,成灰色,並且改變資料庫的狀態,使前台也是顯示不能點菜;再次單擊呈綠色,資料庫也是改變狀態,使前台可以點餐

在進行遍歷時已經加上個事件,叫做biaoshi

"";
4.1 對這個新增事件就可以

$(".aa").click(function()

else

})

4.2 這只是進行了單擊變色,資料庫還是沒有修改,下面就是進行修改資料庫了

var code = $(this).attr("code");  //遍歷資料庫時,已經標出code是資料庫中的那一列

$.ajax(, //將code傳過去

type:"post", //傳輸方式

datatype:"text", //返回格式

success: function(data)}})

4.3 編寫處理頁面

<?php 

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.4 這樣就把4.2步驟新增到4.1中的灰色部分就好了

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設定過期時間,直接記錄連續簽到的次...