開發技術Node.js框架Node.js是一個完全不受限制的平臺,并且它可以跨越多個平臺進行服務，Node.js作為一個框架，是一個能自動同時在多臺服務器端運行JavaScript數據管理軟件環境，在近年Web的前端技術開發中越來越受重視。使用Node.js可以更快、更便捷地構建出一個簡約、精巧、易操作的本地化系統REF_Ref21912\w\h[9]。該框架是一種應用于分布式網絡設備上正常運行的大規模數據密集型web框架，可便捷地為客戶搭建一個響應速度快且可擴展性好的網絡點餐服務系統REF_Ref3232\w\h[2]。Vue簡介Vue.js（Vue）是一種輕量級的前端MVVM框架，其余重量級的框架與Vue差異之處是：Vue的框架運用逐層應用的模式設計。Vue框架僅需關注視圖層，Vue的開發插件就可以輕松的直接引入，其它第三方數據庫軟件開發的項目也可被直接引入。Vue本身就有獨立的數據庫以及組件功能，因此開發者通常要根據要去開發的系統來抉擇Vue的數據庫和功用。就像我們想要創建組件聲明式系統，我們只需從其中引用聲明式組件系統REF_Ref11787\w\h[5]。MongoDB數據庫每個系統的最后的實現都需要數據庫的存在，想要系統實現我們需要的功能，快速運轉，必須要有數據庫的支撐。MongoDB數據庫的特長與關系型數據庫正好相反。它的存儲數據是多種多樣的，并且它的數據易于擴展，面對那么多的數據，性能表現仍然非常優秀。應用時，無需預先創建數據字段，可以隨意地增加或者刪除字段，讀寫性能較強,無需過多數據。MongoDB數據庫的這些特點，可以讓我們在開發系統時，節約時間，同時也為我們對點餐系統的改造和維護運行提供了便利REF_Ref32\w\h[10]。點餐系統分析系統實用性分析3.1.1技術切實性手機互聯網可以迅速提升人們的生活質量。本文所要設計的點餐系統，從簡化生活的思想出發，降低人們點餐耗費的時間，通過網頁，減少APP所占用的內存，方便快捷，提升用戶體驗，提高點餐效率，減少等待時間。（1）硬件可行性分析在硬件方面，因為我們所設計的點餐系統只需打開網頁，所以對硬件沒有什么要求，只需要能打開網頁即可，配置好只是來反應打開系統的快慢，因此，在線點餐系統的開發硬件無需多慮。（2）軟件可行性分析選取Node.js作為點餐系統的開發框架，由于它自帶HTTP模塊，所以使用Node.js可以簡單的實現HTTP服務器。與此同時Node.js還提供了一些能夠用來開發本地應用的文件操作等系統級API，結合這兩方面(服務器+本地應用)就可以輕松完成基于Node.js的B/S結構，能夠更快、更便捷地構建出一個簡約、精巧、易操作的系統REF_Ref21912\w\h[9]。Vue使得編碼簡單、易懂，而且Vue體積小，在PC端系統開發中可以相當方便的使用，Vue框架僅需關注視圖層，Vue的開發插件就可被輕松的直接引入，其它第三方數據庫軟件開發的項目也可被直接引入。因此，我們在對點餐系統進行開發的進程中，不會有過多的問題，并且會為人們的點餐生活提供方便，所以系統值得我們開發。3.1.2經濟切實性由于點餐系統以管理者與消費者為主體，但是屬于網頁版本的在線點餐系統，開發周期不長，無需太多金錢的花費。它可能帶來的收益是用戶點餐，最終可能實現用戶的點餐消費。對消費者最大的經濟收益是，該系統可幫助消費者更快的找到自己心儀的餐廳，發現心儀的美食，且可提高點餐效率，減少等待時間。系統功能介紹對于性能分析，隨著信息技術的與時俱進，系統的前端工程化和系統開發前后端分離的方式已越來越受到人們的喜歡，前后端分離技術的使用一定會更大程度的提高所開發的系統的性能，并且可以極大的提高用戶的體驗。同時在我國國民經濟高速發展的背景下，也由于移動網絡在我國的高速發展，在線點餐也越來越受到消費者的喜愛。點餐系統的運行，可幫助消費者更快的找到自己心儀的餐廳，發現心儀的美食，且可提高點餐效率，減少等待時間。幫助商家方便快捷的使錄入商家信息與菜品信息，節省成本，并且減少店內點餐環節，直接獲得消費者想要選擇的菜品，省去店內點餐時間，提高服務效率。在線點餐系統框圖設計一個系統并不是想要實現哪些功能就可以一下子去實現的，我們應該先有一個大體的框架，然后每一步每一步的去實現。系統的設計開發需要多個小模塊的支持，每一小模塊都起到一定的作用，從而能夠達到系統設計要求。分別對每一個小模塊策劃，就能夠對整個系統進行策劃。這樣可以使得系統每一小塊的功能通俗易懂，界面比較有條理，用戶也能夠更輕松地使用該系統，點餐系統的所需功能的設計要從小至大，從每一小塊到整個的系統，這樣就會讓我們完成的系統功能與總體設計的框架一致。系統功能結構圖，如REF_Ref23387\h圖STYLEREF1\s4-1所示：圖STYLEREF1\s4SEQ圖\*ARABIC\s11系統功能結構圖系統功能所設計E-R圖通過規劃在線點餐系統,將它分成五個實體信息，實體信息將通過E-R圖進行說明。4.1.1用戶圖如REF_Ref25641\h圖STYLEREF1\s4-2所示。圖STYLEREF1\s4SEQ圖\*ARABIC\s12用戶圖4.1.2商家圖如REF_Ref25311\h圖STYLEREF1\s4-3所示。圖STYLEREF1\s4SEQ圖\*ARABIC\s13商家圖4.1.3消費者訊息圖如REF_Ref25699\h圖STYLEREF1\s4-4所示。圖STYLEREF1\s4SEQ圖\*ARABIC\s14消費者訊息圖4.1.4管理員訊息圖如REF_Ref25729\h圖STYLEREF1\s4-5所示。圖STYLEREF1\s4SEQ圖\*ARABIC\s15管理員訊息圖4.1.5訂單確認訊息圖如REF_Ref25820\h圖STYLEREF1\s4-6所示。圖STYLEREF1\s4SEQ圖\*ARABIC\s16訂單確認訊息圖Vue技術系統的完整的呈現需要選用技術，以下為Vue技術選型，如REF_Ref23840\h圖STYLEREF1\s4-7所示。Vue項目組件構成如圖4-8所示。圖STYLEREF1\s4-SEQ圖\*ARABIC\s17Vue技術選型圖STYLEREF1\s4SEQ圖\*ARABIC\s18Vue組件圖

系統功能的實現用戶登錄界面選擇地址進入點餐系統頁面后，進入登錄界面，若用戶為新用戶，則應先進行新用戶注冊，用手機號碼及密碼進行注冊，若手機號碼不是11位數字，注冊不會成功，待注冊成功后，用戶輸入賬號密碼后即可成功登錄，賬號與密碼應與注冊時一致，否則登錄會失敗，登錄時若要點餐選擇為用戶，若要開店選擇為商戶，登錄成功后，會自動查看想要點餐或者開店，然后進入相應的界面，如REF_Ref26895\h圖STYLEREF1\s5-1所示。圖STYLEREF1\s5SEQ圖\*ARABIC\s11登錄頁面圖用戶資料修改界面在個人中心界面，能對個人資料，如用戶名、手機號碼、頭等進行復核、改動等相對的操作，如REF_Ref29265\h圖STYLEREF1\s5-2所示。圖STYLEREF1\s5SEQ圖\*ARABIC\s12用戶頁面圖消費者訂單確認頁面消費者選擇好菜品或者飲品以后，確認訂單，主要確認商品是否正確，價格是否正確。另外，選擇訂單得到方式，包括：預約到店取餐，這就需要確認取餐時間，堂食或者外賣配送，確認之后，點擊支付，如REF_Ref29301\h圖STYLEREF1\s5-3所示圖STYLEREF1\s5SEQ圖\*ARABIC\s13訂單確認頁面圖消費者評價界面消費者收到購買的商品以后，即可在我的訂單中選擇確認收貨，如REF_Ref29337\h圖STYLEREF1\s5-4所示；消費者點擊確認收貨后，在我的訂單界面中選擇已完成訂單可以查找已買商品，然后可以進行評價，如REF_Ref29373\h圖STYLEREF1\s5-5所示。圖STYLEREF1\s5SEQ圖\*ARABIC\s14確認收貨頁面圖圖STYLEREF1\s5SEQ圖\*ARABIC\s15添加評價頁面圖商家信息界面注冊用戶想要成為商家，要先申請開店，填寫店鋪名稱、簡介、身份證號碼、地址、聯系電話、店鋪的營業時間和開店所應上傳的照片等信息，如REF_Ref25767\h圖STYLEREF1\s56所示。圖STYLEREF1\s5SEQ圖\*ARABIC\s16店鋪申請頁面圖申請開店成功之后，在商鋪的基本信息頁面可以復核和改動店鋪的基本信息，如REF_Ref25822\h圖STYLEREF1\s57所示圖STYLEREF1\s5SEQ圖\*ARABIC\s17商家信息界面圖商家菜單模塊商家頁面，商家可以通過信息列表查看已上傳的所有菜品及銷量與評價，商家管理員可以增加或刪除一些菜品，如REF_Ref25875\h圖STYLEREF1\s58所示。圖STYLEREF1\s5SEQ圖\*ARABIC\s18菜單界面圖商家若要添加新的菜品即可點擊上傳新品模塊，輸入菜品的名稱、價錢、類型、描述、圖片等信息，然后點擊提交，如REF_Ref25917\h圖STYLEREF1\s59所示。圖STYLEREF1\s5SEQ圖\*ARABIC\s19上傳新品界面圖商家訂單模塊商家可以在訂單模塊看到自己的訂單的全部信息，包括新訂單、未完成的訂單，已順利完成的訂單和已取消的訂單，并且可以搜索查看訂單的狀態，商家可以在新訂單狀態下根據是否方便或者是否下班選擇是否接單，如REF_Ref25946\h圖STYLEREF1\s510所示；圖STYLEREF1\s5SEQ圖\*ARABIC\s110訂單頁面圖管理員界面管理員登陸后，可對系統用戶進行管理，管理員界面由多個子模塊構成，進入用戶管理頁面可以管理用戶、查看資料、搜索等，如REF_Ref25982\h圖STYLEREF1\s511所示。圖STYLEREF1\s5SEQ圖\*ARABIC\s111用戶管理類圖商鋪管理模塊管理員點擊商鋪管理，就能夠進入商鋪管理頁面，可以查看兩個子模塊，包括全部商鋪和商鋪審核兩個子模塊，其中全部商戶中，顯示店鋪名稱以及電話地址，可依據該商戶是否有違規行為對其店鋪進行凍結或者解凍操作，如REF_Ref26025\h圖STYLEREF1\s512所示。圖STYLEREF1\s5SEQ圖\*ARABIC\s112全部商鋪界面圖管理員進入店鋪審核界面，可以點擊查看，查看店鋪提交的所有信息，以檢查是否合規，如REF_Ref26061\h圖STYLEREF1\s513所示。管理員查看申請之后，據該商鋪是否合規，在操作中，對其選擇通過或者不通過，如REF_Ref26084\h圖STYLEREF1\s514所示。圖STYLEREF1\s5SEQ圖\*ARABIC\s113通過申請頁面圖圖STYLEREF1\s5SEQ圖\*ARABIC\s114審核操作頁面圖系統測試系統測試原理每一個系統的完成都不僅僅是寫完這個程序就可以了，我們想要更好的完成這個程序，就需要去對所寫的系統進行檢測。在檢測時，我們應仔細地去檢查系統框架中的每一個功能，看系統中是否出現明顯的不正確的地方和設計中本該有卻忘記的功能，然后我們就去及時改正這些錯誤。我們在檢測中還要注意一些小小的錯誤，比如說代碼錯誤，或者程序運行中的突然停下等，雖然這點錯現在并不起眼，但是以后，可能會直接讓我們的系統癱瘓。為了使用戶在操作系統時簡單方便、滿意，我們在系統檢測時，應盡量從用戶的觀點來看這個系統，在使用時是不是比較方便，功能對用戶來說，是不是合理，是不是全面。由此再將系統進行改正。不僅這樣，我們在系統完成進程中，對它的測試也不能只有一次，要多次實驗，確保這個系統可以在使用時不出現錯誤。系統的測試6.2.1系統監測的目的為了使用戶在操作系統時簡單方便、滿意，我們在系統檢測時，應盡量從用戶的觀點來看這個系統，在使用時是不是比較方便，功能對用戶來說，是不是合理，是不是全面。由此再將系統進行改正。6.2.2系統檢測方法對“在線點餐系統”代碼逐字逐句的篩查，以防出現錯誤遺漏的地方。進行系統檢測時找出異常運行的性能與錯誤的功能，并及時將其處理更正。并且每一次對系統監測都應該被記錄下來。對系統監測要做到：在進行測試時，要盡可能的做到全面，不管什么樣的錯誤都應該被記錄改正。要反復全方位測試，進行一些復雜的、高強度的測試，以測試系統的穩定性和實用性。雖然系統經過了測試，但是仍會有其他看不到的問題存在，測試并不能為系統的后期運行提供百分百的保障，所以要注意多運行系統，并且及時修復各種問題。系統檢測的內容只有經過最為嚴密的測試，找出存在的問題，才能讓更多的用戶有更好的使用體驗，應竭盡全力保證系統的內部沒有無法訪問信息的錯誤或者數據上和結構上的錯誤。并且應該保證程序初始化能正常進行，沒有錯誤，終止程序操作時也應該保證沒有系統功能上的錯誤，進而在系統功能上，能夠很好地滿足用戶要求。表格STYLEREF1\s6SEQ表格\*ARABIC\s11系統檢測詳情檢測功能檢測過程檢測結果用戶注冊進入系統，點擊注冊，可以輸入賬號密碼進行注冊，看是否能注冊成功。注冊能夠成功用戶登錄進入系統后，輸入自己的賬號密碼即可登錄，看是否能登錄成功。登錄成功商家界面用戶注冊后，選擇我要開店，填寫所需信息，然后選擇商家登錄，即可進入商家版點餐系統界面，有訂單，菜單，上傳新品，商鋪信息等五個子模塊，看是否顯示。開店、顯示成功商家上傳新品在該界面輸入名稱、價格、描述、圖片等商品信息，然后點擊提交，看能否成功提交。提交成功商鋪信息在商鋪基本信息界面對填寫商鋪名稱、地址、聯系電話、營業時間、門牌照等信息，并點擊提交，看能否成功提交。提交成功管理員界面在管理員界面輸入管理員的賬號及密碼即可進入管理員界面，其中有用戶管理、全部商鋪、商鋪管理、商鋪審核，分類管理等五個子模塊，看管理員登錄與頁面顯示是否成功。運行成功用戶管理界面在用戶管理界面可查詢到全部用戶的信息。查看成功全部商鋪界面在全部商鋪界面可查詢到全部商鋪的信息，若有商鋪違規可點擊凍結，停止其營業，也可解凍。看可否顯示所有店鋪信息以及可否凍結，解凍。凍結、解凍成功店鋪審核界面若有新的店鋪想要加入點餐系統，可在該界面審核，通過審核即可使新店鋪加入，看是否能夠審核新店鋪以及能否審核通過。可以審核，審核通過系統測試結論對系統的測試是必要的，在測試過程中，可以找出存在的錯誤和問題，是自己的系統更完美。但由于對技術掌握還不是特別成熟，界面和技術還無法達到專業水準，需要更多創新，且提升自己的技術水平。總結時光荏苒，兩個多月，我的畢業論文也快到了終點。畢業設計剛開始時，由于對這個系統了解不夠深入，沒有思緒，于是我去學校圖書館查詢資料，也在知網搜索。自己要對點餐系統有個大體框架，大體了解實現這個系統要運用的技術等，再深入了解，這樣我的進度就會大大提升。在我畢業設計的工作中，也遇到了許多困難，這個時候,我會先從一些百度，CSDN等的網站快速搜索一些相同技術問題的帖子，當問題還是無法解決時，我會尋求同學和老師的幫助。通過這次畢業設計，我自己也存在許多的問題，遇到問題時，心情會變得煩躁，無法沉著應對，一些技術掌握的不夠扎實。我的系統設計，界面還有些單一。所以我需要好好了解我實現這個系統所運用的技術，從基礎到深入，