第七章點(diǎn)餐系統(tǒng)管理端ppt課件

1、挪動(dòng)終端軟件開(kāi)發(fā)實(shí)戰(zhàn)李欽深圳信息職業(yè)技術(shù)學(xué)院軟件學(xué)院科技樓1703C室kenneth_lee_qin.挪動(dòng)終端軟件開(kāi)發(fā)實(shí)戰(zhàn)第七章 跟我做在線點(diǎn)餐系統(tǒng)(1)管理端開(kāi)發(fā).本章大綱7-1、設(shè)計(jì)思緒7-2、文件構(gòu)造7-3、開(kāi)發(fā)步驟.7-1 設(shè)計(jì)思緒. 7-1 設(shè)計(jì)思緒本系統(tǒng)分為三大模塊：效力端、管理端、客戶(hù)端。三個(gè)模塊之間的關(guān)系如圖7-9所示。管理端直接在效力器上運(yùn)轉(zhuǎn)，供飯店管理者運(yùn)用。. 7-1 設(shè)計(jì)思緒管理端. 7-1 設(shè)計(jì)思緒管理端的設(shè)計(jì)思緒可簡(jiǎn)單描畫(huà)如下：設(shè)計(jì)管理端主頁(yè)面index.xml，包含菜單管理與訂單管理兩個(gè)子頁(yè)面，運(yùn)用css與js技術(shù)，為主頁(yè)面設(shè)計(jì)款式。設(shè)計(jì)菜單管理頁(yè)面ShowMen

2、u.php，擔(dān)任查詢(xún)數(shù)據(jù)庫(kù)，實(shí)現(xiàn)菜式查詢(xún)。包含連個(gè)子頁(yè)面，菜式添加與菜式刪除。設(shè)計(jì)菜式添加頁(yè)面AddMenu.php，擔(dān)任向數(shù)據(jù)庫(kù)中插入數(shù)據(jù)，實(shí)現(xiàn)菜式添加，并經(jīng)過(guò)形狀頁(yè)面AddMenuStatus.php顯示數(shù)據(jù)庫(kù)插入形狀。設(shè)計(jì)菜式刪除頁(yè)面DelMenuStatus.php，擔(dān)任刪除數(shù)據(jù)庫(kù)中的數(shù)據(jù)，實(shí)現(xiàn)菜式刪除。設(shè)計(jì)訂單管理頁(yè)面ShowOrder.php，擔(dān)任查詢(xún)數(shù)據(jù)庫(kù)，顯示客戶(hù)提交的訂單，并經(jīng)過(guò)結(jié)賬管理頁(yè)面PayStatus.php，對(duì)訂單進(jìn)展管理。.7-2 文件構(gòu)造. 7-2 文件構(gòu)造我們把管理端程序放在的系統(tǒng)根目錄，如圖8-1所示。三個(gè)文件夾中的程序?qū)儆谛ЯΧ?，根目錄中的程序?qū)儆诠芾矶恕?/p>

3、.7-3 開(kāi)發(fā)步驟. 7-3 開(kāi)發(fā)步驟1主界面設(shè)計(jì)管理端界面設(shè)計(jì)采用DIV+CSS。在系統(tǒng)根文件夾新建index.html，設(shè)計(jì)效果如圖8-2所示。. 7-3 開(kāi)發(fā)步驟代碼如下，實(shí)現(xiàn)添加兩個(gè)按鈕，分別跳轉(zhuǎn)到訂單管理主頁(yè)面ShowOrder.php和菜單管理主頁(yè)面ShowMenu.php。代碼完成后，在閱讀器輸入“l(fā)ocalhost/Order/index.html進(jìn)展測(cè)試。. 7-3 開(kāi)發(fā)步驟index.html的款式在mystyle.css中設(shè)計(jì)，代碼如下。. 7-3 開(kāi)發(fā)步驟2菜單管理主頁(yè)面設(shè)計(jì) 在系統(tǒng)根文件夾新建ShowMenu.php，實(shí)現(xiàn)頁(yè)面如圖8-3所示。. 7-3 開(kāi)發(fā)步驟代碼如

4、下，用于查詢(xún)數(shù)據(jù)庫(kù)，將數(shù)據(jù)庫(kù)中的菜單顯示到頁(yè)面上，并添加兩個(gè)按鈕：添加菜式和刪除菜式，用于跳轉(zhuǎn)到菜式的添加頁(yè)面AddMenu.php與刪除頁(yè)面DelMenuStatus.php。頁(yè)面整體設(shè)計(jì)采用DIV+CSS，本頁(yè)面的DIV和CSS寫(xiě)在同個(gè)PHP中。頁(yè)面運(yùn)用了Jquery，為菜單的奇數(shù)行、偶數(shù)行、首行設(shè)置不同的顏色。運(yùn)用Jquery，需求到Jquery官網(wǎng)上下載jquery.min.js文件，復(fù)制到系統(tǒng)根文件架D:xampphtdocsOrder。. 7-3 開(kāi)發(fā)步驟3菜式添加頁(yè)面設(shè)計(jì)在系統(tǒng)根文件夾新建AddMenu.php，同樣運(yùn)用mystyle.css實(shí)現(xiàn)款式設(shè)計(jì)。設(shè)計(jì)效果如圖8-4所示.

5、 7-3 開(kāi)發(fā)步驟代碼如下，實(shí)如今表單中進(jìn)展新菜式信息輸入，點(diǎn)擊添加按鈕，那么跳轉(zhuǎn)到AddMenuStatus.php，經(jīng)過(guò)POST方式將表單中的信息發(fā)送AddMenuStatus.php。. 7-3 開(kāi)發(fā)步驟4菜式添加形狀頁(yè)面設(shè)計(jì) 在根文件夾下新建AddMenuStatus.php，代碼如下，用于將用戶(hù)在AddMenu.php頁(yè)面中輸入的信息插入數(shù)據(jù)庫(kù)，實(shí)現(xiàn)菜式的添加，添加勝利后，顯示勝利信息，并在3秒后自動(dòng)跳轉(zhuǎn)回菜單管理主頁(yè)面ShowMenu.php。. 7-3 開(kāi)發(fā)步驟5菜式刪除形狀頁(yè)面設(shè)計(jì)在根文件夾下新建DelMenuStatus.php，代碼如下，用于將用戶(hù)在AddMenu.php頁(yè)面中選中的菜式從數(shù)據(jù)庫(kù)中刪除，實(shí)現(xiàn)菜式的刪除，刪除勝利后，顯示勝利信息，并在3秒后自動(dòng)跳轉(zhuǎn)回菜單管理主頁(yè)面ShowMenu.php。. 7-3 開(kāi)發(fā)步驟6 訂單管理主頁(yè)面設(shè)計(jì)在系統(tǒng)根文件夾新建ShowOrder.php，實(shí)現(xiàn)頁(yè)面如圖8-5所示。. 7-3 開(kāi)發(fā)步驟代碼如下，用于查詢(xún)數(shù)據(jù)庫(kù)，將數(shù)據(jù)庫(kù)中的訂單顯示到頁(yè)面上，并添加一個(gè)按鈕：結(jié)賬，用于跳轉(zhuǎn)到結(jié)賬頁(yè)面 PayStatus.php。頁(yè)面整體設(shè)計(jì)采用DIV+CSS，本頁(yè)面的DIV和CSS寫(xiě)在同個(gè)PHP中。頁(yè)面運(yùn)用了Jquery，為菜單的奇數(shù)行、偶數(shù)行、首行設(shè)置不同的