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

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

2、u.php，擔任查詢數(shù)據(jù)庫，實現(xiàn)菜式查詢。包含連個子頁面，菜式添加與菜式刪除。設計菜式添加頁面AddMenu.php，擔任向數(shù)據(jù)庫中插入數(shù)據(jù)，實現(xiàn)菜式添加，并經(jīng)過形狀頁面AddMenuStatus.php顯示數(shù)據(jù)庫插入形狀。設計菜式刪除頁面DelMenuStatus.php，擔任刪除數(shù)據(jù)庫中的數(shù)據(jù)，實現(xiàn)菜式刪除。設計訂單管理頁面ShowOrder.php，擔任查詢數(shù)據(jù)庫，顯示客戶提交的訂單，并經(jīng)過結賬管理頁面PayStatus.php，對訂單進展管理。.7-2 文件構造. 7-2 文件構造我們把管理端程序放在的系統(tǒng)根目錄，如圖8-1所示。三個文件夾中的程序屬于效力端，根目錄中的程序屬于管理端。

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

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

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