飯店點餐平臺導航
【餐廳點餐平臺｜一】項目描述+需求剖析
【餐廳點餐平臺｜二】總體設計
【餐廳點餐平臺｜三】模塊設計
【餐廳點餐平臺｜四】UI設計+療效展示
【源碼下載】
文章目錄
五：UI設計
UI設計分為三個模塊，分別是登陸/注冊界面；店家功能界面和管理員功能界面。
5.1登陸/注冊界面：流程概覽
登陸
界面設計：界面中帳號和密碼輸入框為類型；
用戶類型選擇為，設置其為互斥框，用戶只能選一個；
登陸/注冊按鍵為，點擊按鍵進行相應功能實現。
運行程序，彈出登陸/注冊界面，用戶選擇功能；
?用戶輸入帳號（手機號）和密碼，選擇用戶類型后登陸。若未選擇用戶類型，彈出“類型未選擇”窗口。按下登陸按鍵將獲取到的帳號，密碼傳給前端，前端執行登陸函數，并接收來自前端返回的執行結果。假如彈出open窗口，表示未聯接到數據庫；彈出框，表示數據庫聯接成功。假如帳號密碼輸入錯誤，彈出“賬號密碼不匹配，請重新輸入”提示；帳號密碼輸入正確，則步入相應用戶頁面；
注冊
界面設計：界面使用了、、、和。
其中，獲取用戶輸入的信息；用作性別選擇；獲取用戶類型；獲取用戶相應懇求；用作顯示不同的頁面。
不僅所有類型用戶都須要輸入的信息外，管理員額外須要輸入組織名稱、組織地址、組織卡號信息。使用實現如下：在中添加一個控件，在控件中添加兩個頁面，頁面0：內容為空，界面1：顯示管理員須要輸入的其他信息。
初始打開注冊界面時，顯示界面0。對類型選擇的設置狀態改變槽函數，當選擇管理員時，彈出界面1；選擇店家時，彈出界面0。
執行邏輯：用戶選擇類型并填入相應信息，點擊確定注冊按鍵，將數據傳給前端，執行注冊函數，接收前端返回的執行結果。假如返回結果是True，彈出“注冊成功”窗口；假如是False，彈出“注冊失敗，信息輸入不合法”窗口。假如注冊成功，將返回登錄界面進行登陸。
5.2店家功能界面：流程概覽
界面設計：界面上方是中包含三個，顯示固定文本“商家管理系統”；在店家管理界面打開時，顯示店家名子；在店家打開窗口時，顯示窗口名稱。包含5個，分別是五個功能實現按鍵。
界面總體使用實現六個頁面的切換：
頁面0是空白界面，在店家未選擇功能時，顯示此界面；界面1是打開窗口界面，界面2是添加食材頁面；界面3是窗口申請頁面；界面4是加盟申請頁面；界面5是添加折扣頁面。
打開窗口
打開窗口
用戶點擊打開窗口按鍵，顯示右圖所示并向前端發出懇求獲取當前可開啟窗口信息。由一個和一個組成。顯示從前端傳來的當前可以開啟的窗口的信息。
用戶點擊須要打開窗口的勾選框，并點擊確定按鍵，即可獲取到店家所選擇窗口的信息，向前端懇求獲取此窗口的食材信息，并將其顯示在頁面1上。
菜肴有三種類型：1.單品；2.套餐；3.不可選（比如：蕃茄醬），為單品時，右方選擇框顯示“添加”按鈕；為套餐時，右方選擇框顯示“選套餐”按鈕；為不可選時，右方選擇框顯示“自能看，不能選”文本。
界面1如右圖所示：
點餐
界面設計：點餐界面顯示兩個框，左方的框中內容為本窗口可點的菜肴，在第六列中插入，并在插入時對每位進行添加槽函數;，使其可以才能實時獲取店家點擊了那個按鍵并在左側對訂單信息進行顯示。添加套餐時首先對套餐的內容進行選擇，選擇完成后將訂單信息顯示在左側框中。
店家打開窗口后，即可按照中學生的需求進行點餐：
\1.選擇單品添加時，右方訂單信息顯示框會實時顯示已點的食材。
\2.選擇套餐時，首先彈出“點套餐，顯示下一個窗口”提示，點擊確定，跳轉到選擇套餐詳盡信息窗口。
選擇套餐內容窗口
界面設計：套餐界面總體上顯示一個和一個。
List：List中顯示不同類型的菜單的食材，list的每一行都是一個，每一個菜單由一個table顯示。
table：table內容設計為三行若干列，第一行展示食材圖片，第二行顯示菜肴名稱，第三行放置添加菜肴；第一列顯示該菜單的描述信息，從第二列開始動態添加各個菜肴的選擇信息，可添加若干個。
添加：添加槽函數：功能1：每點擊選擇一個菜肴，第一列的食材份數顯示減1，若為0則表示不可選擇點擊；功能2：對進行了重新封裝，降低了的位置信息，點擊觸發槽函數可以辨識按鍵“身份”，如“0行0列”，因而對用戶點擊的按鍵對應菜單進行匹配。
遞交訂單：添加槽函數：將上述按鍵的添加結果添加到訂單中，并關掉套餐界面，返回點餐界面。
遞交訂單
界面設計：界面包含兩個、一個label和一個；
拿來顯示訂單詳盡信息；有兩列高校點餐，第一列動態顯示當前可選擇的折扣，第二列是折扣勾選框。添加槽函數：當打鉤選框狀態發生變化時，動態獲取當前選擇的折扣信息，并將當前的折扣信息發送給前端，并發送重新估算價錢的信息，將前端返回的價錢動態顯示在label上。
label：label內容格式為：“訂單價錢為：xx”，拿來顯示當前訂單總價錢。
：對按下添加槽函數，按下槽函數將當前訂單西餐品信息、餐品份數及單價發送給前端，懇請前端結算，接收前端發送的訂單是否結算成功的結果，彈出相應的提示框。
添加食材
添加單品
點擊添加食材按鍵，顯示界面2。
界面設計：界面包含四個、一個label，一個，兩個按鍵。
：獲取菜肴的名稱、單位、總價、描述信息。
：顯示菜肴類型的三個選項，分別是“稱重，總價，組合”。添加槽函數：當選擇“組合”時，彈出添加套餐界面。
label：label顯示食物對應的圖片。
：“添加圖片”按鈕，添加槽函數，顯示本機文件夾，選擇jpg或png格式的圖片高校點餐，對圖片進行剪裁及按比列縮放，將其顯示在label中。
“確定”按鈕，添加槽函數，獲取當前界面上所有信息并組合成結構體，將結構體傳給前端并發送添加菜肴的懇求。
添加套餐
?在（1）中的食材類型中選擇組合時，表示要添加套餐，彈出添加套餐界面。
界面設計：首先是右邊的，其中顯示了當前店內可點單的單品，店家對其上單品進行選擇，對中插入的添加槽函數，可以實時獲取被勾選的框。
?：按下add按鍵是在套餐中加入一類，比如拉面中的“兩葷兩素”，其中“葷菜”就是一類，“素菜”是另一類。在添加涼菜時，勾選右邊的勾選框，之后選數目為2，類型名稱填涼菜，點擊add，即添加成功；添加涼菜與此類似。
在套餐內容添加完成后，點擊“套餐組合完成”，即可結束添加套餐，并將套餐信息發送給前端并懇求添加套餐。
窗口申請
點擊窗口申請顯示界面4
界面設計：界面4包含、一個和一個。
：第一列插入控件供店家勾選，二三列顯示當前可申請的窗口的地址和收租形式。
：輸入店家所設置的窗口名稱。
：添加槽函數，從界面獲取勾選的窗口和窗口名稱。點擊按鍵，即可即將申請的窗口的信息傳給前端，并發送加入窗口的懇求。
加盟申請
界面設計：界面4包含、一個。
：第一列插入控件供店家勾選，二三列顯示當前可申請的組織的名稱和地址。
：添加槽函數，從界面獲取勾選的組織。點擊按鍵，即可即將加盟的組織的信息傳給前端，并發送加盟的懇求。
添加折扣
界面設計：包含一個、一個和一個。
：供店家選擇打折方法是滿減還是打折。
：供店家選擇折扣力度。
：添加槽函數，點擊按鍵，獲取界面的打折方法和折扣力度，將打折信息傳給前端并發送添加打折的懇求。按照前端返回的結果進行顯示。
5.3管理員界面流程概覽
管理員登入成功，右上方顯示組織名稱；有四個功能，加盟審批、窗口審批、菜品審批，添加窗口。分別為界面1，界面2，界面3，界面4。
加盟審批
界面設計：包含一個和兩個。
：第一列插入類型勾選框，其余列顯示當前須要審批的加盟的店家id，名稱和審批id，一個管理員只能審批自己管理的組織。信息動態顯示。
：分別是初審通過和初審不通過，添加點擊按鍵槽函數，槽函數獲取中的被勾選的信息并將其傳給前端，發送初審通過/不通過的懇求。當點擊按鍵以后，完成審批，則中此信息都會被刪掉。
窗口審批
界面設計：包含一個和兩個。
：第一列插入類型勾選框，其余列顯示當前須要審批的窗口位置、名稱，店家姓名，店家電話和審批id，一個管理員只能審批自己管理的組織中的窗口。信息動態顯示。
：分別是初審通過和初審不通過，添加點擊按鍵槽函數，槽函數獲取中的被勾選的信息并將其傳給前端，發送初審通過/不通過的懇求。當點擊按鍵以后，完成審批，則中此信息都會被刪掉。
食材審批
界面設計：包含一個和兩個。
：第一列插入類型勾選框，第二列插入label控件顯示菜肴圖片，其余列顯示當前須要添加的食材的窗口名子，菜肴名稱，總價，計價方法，單位和食材描述。一個管理員只能審批自己管理的窗口。信息動態顯示。
：分別是初審通過和初審不通過，添加點擊按鍵槽函數，槽函數獲取中的被勾選的信息并將其傳給前端，發送初審通過/不通過的懇求。當點擊按鍵以后，完成審批，則中此信息都會被刪掉。
添加窗口
界面設計：包含一個、一個和一個。
：管理員輸入窗口位置
：管理員選擇收租類型，有兩種：日租、利潤收租。
：添加槽函數，點擊確定，獲取和的信息發送給前端，并懇求添加窗口。按照返回結果進行顯示。
六：代碼實現
代碼實現系統功能分為基于用戶種類兩個模塊詮釋：店家模塊與管理員模塊。
6.1店家系統療效詮釋
登陸模塊療效詮釋
若用戶沒有仍未注冊帳號則點擊注冊步入注冊界面，勾選店家提示框，填寫相應信息，若填寫無誤則注冊成功：
注冊成功以后返回登錄界面，用戶勾選店家提示框，填寫相關信息，填寫無誤則登錄成功步入主界面，否則彈出報錯信息，并返回登錄界面：
功能模塊療效詮釋
用戶登錄成功以后步入系統主界面，店家在此界面可選擇打開窗口點菜、添加食材、窗口申請、加盟申請、添加折等多種功能：
功能展示一：打開窗口點菜。
若選擇套餐類型，則打開套餐詳情頁，遞交訂單后再返回點餐頁面結算。
遞交訂單：
功能展示二：添加菜肴。
若要添加套餐，則選擇組和食材類型，打開組合詳情頁面進行設置：
功能展示三：窗口申請。
功能展示四：加盟申請
功能展示五：添加折扣。
6.2管理員系統療效詮釋
登陸模塊療效詮釋
對于登陸模塊，管理員幾乎與上文中的店家相同，惟一的不同點既是管理員在注冊時須要輸入對應組織相關信息：
功能模塊療效詮釋
注冊、登錄完成以后管理員步入管理員系統主界面，管理員在此界面可選擇加盟審批、菜品審批、窗口審批、添加窗口店面等功能。
l功能展示一：加盟審批。
功能展示二：窗口審批。
功能展示三：食材審批。
功能展示四：添加窗口店面。
免責聲明：部分文章信息來源于網絡以及網友投稿，本站只負責對文章進行整理、排版、編輯，出于傳遞更多信息之目的，并不意味著贊同其觀點或證實其內容的真實性，如本站文章和轉稿涉及版權等問題，請作者在及時聯系本站，我們會盡快為您處理。
