寫在前面：
我是這一項食堂點餐系統的開發者，雖然現在準確的來說，他還只算一個前端頁面，根本就不能算作一個項目。
這是我上周五晚上開始這個前端頁面的規劃圖，雖然最后我添加了一些東西，但有整體框架，確實每一步都很有思路，不至于邊想邊做，冒冒失失。
完成這個頁面總共用了我周末的兩個下午，總計大約5個小時。
但這只是整體框架，有很多很多的小毛病，比如改bug，我前前后后用瀏覽器F12調試了十次有余，算上自己直接用肉眼排查的bug，大約總共20余次。還有對用戶的一些非法點擊，非法輸入，非法亂搞進行響應等。
你是開發者，你必須要牢記你的客戶會點擊一切你頁面的東西，會將一切可能的順序顛倒或者排列組合，會隨意玩弄你開發的東西。你開發的東西必須無懈可擊，用戶和你之間是攻與防的關系，你要接住他們可能的每一招。
所以解決這些小問題所花的時間，已經大于我搭建大框架的時間，總共用了我兩天晚上還有今天早上大約6個小時時間。
但實際上，潛在的時間花費遠不止這些，我需要在白天吃飯的間隙來思考用戶到底會怎樣做，我好來設定怎樣的防。但直到現在，即使我已經亂搞這個頁面很多次了，我也不敢確定用戶做的每一步操作，我都能給予正確的反饋。所以，歡迎大家指出用戶體驗不好或者因為一些亂搞就出問題的地方，我將竭力修改。
頁面設計：
主體頁面468行代碼，和混合代碼227行，HTML標簽代碼240行，不重復注釋共計46處，使用IDEA工具進行開發。
文件內容：
一個主頁面，名稱：.html ，存放于src根目錄下，直接瀏覽器打開就可，當然，你也可以用記事本打開，來啊，來改我的代碼啊。放心，有注釋的。
Src根目錄下還有兩個文件夾，一個叫做，存放頁面所使用到的圖片，一個叫做，存放框架代碼。均最好不要刪除。
頁面介紹：
食堂點餐頁面。早餐，午餐，晚餐，可以通過按鈕來調整顯示哪一餐，頁面由于簡潔性，只會完整顯示一餐。
但根據6點到9點早飯，11點到14點午飯，17到20點晚飯。系統會根據當前時間來提供給你相對應的餐食界面，同時你只能點此界面的餐食，其他時間段對應餐食只能通過按鈕來“看”，并不能點。
就像午飯時間，你只能點午飯，怎么能點早飯和晚飯呢？
當然，如果不在早飯，午飯，晚飯時間段里，你就只能“看”，不能點任何一餐。
下面就是點餐，你必須在相對應菜下面勾選對勾才可以在對勾框下面選擇該菜品你點的數目，當然，這也是防止你誤觸導致點多了餐，我們當然不想背這個鍋。
（數字框支持你輸入，也支持你按旁邊加減按鈕。當然我做了手腳，你只能輸入數字飯堂點餐，而且最大值50，最小值0。你說你當然可以搞出無數值的數字框，這當然可以，不過，在我的代碼中飯堂點餐，我會把0好心的給你填充上）
你不用擔心金額的計算，放心，左下角的金額會自動給你算好的。
如果你全部點好了，就可以提交了，在正式提交之前，你還有一次彈出是否確認的彈窗的反悔機會，你可以確認一下點的對不對，或者金額是不是太大或太少。
好啦，你可以肆意玩弄這個頁面啦，記住搞完后點擊重置按鈕繼續玩弄哦。
哦，對了，為了防止你在早上9點鐘剛剛好掐點點早飯，下午2點鐘掐點點午飯，晚上8點鐘掐點點晚飯，我已經設置了整點刷新，so.....，你最好能在延遲的那一兩秒完成點餐，否則提交按鈕就會變灰哦。
謝謝客戶大大玩弄我的界面，這是我的榮幸。
可能頁面上東西太少了，不過對于程序來說，從無到有是難的，從1到多就是粘貼復制了哦。
鏈接（百度網盤）：
提取碼：1111
免責聲明：部分文章信息來源于網絡以及網友投稿，本站只負責對文章進行整理、排版、編輯，出于傳遞更多信息之目的，并不意味著贊同其觀點或證實其內容的真實性，如本站文章和轉稿涉及版權等問題，請作者在及時聯系本站，我們會盡快為您處理。
