基于微信小程序點(diǎn)餐系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

人們的每一種需求都有了對(duì)應(yīng)的APP,所以手機(jī)的內(nèi)存也受2Intodayssocietywiththerapiddenotthinkofeverythinghasbeco3relativelylarge.dailyuseofwechatisalsotouchingThevisimplementationoffasteonlybasicallyrealizethefunc4目錄 1 2 45 6 7 7 7 8 92.1項(xiàng)目性質(zhì)及開(kāi)發(fā)環(huán)境說(shuō)明 9 9 9 3.3項(xiàng)目的經(jīng)濟(jì)與效益可行性分析 4.2項(xiàng)目需求規(guī)定 4.3系統(tǒng)設(shè)計(jì)目標(biāo) 4.4系統(tǒng)功能概要設(shè)計(jì) 64.5核心功能模塊介紹 6.3測(cè)試原則 6.4功能測(cè)試 參考文獻(xiàn) 錯(cuò)誤!未定義書(shū)簽。第1章前言7成生活中必要的購(gòu)買食物的行為。系統(tǒng)的完成不僅81.2系統(tǒng)的研發(fā)思路2、針對(duì)餐館點(diǎn)菜功能，小程序在菜單列表右側(cè)，設(shè)有添加商品到購(gòu)物車按物車的商品數(shù)減少，到0的時(shí)候，商品從購(gòu)物車刪除。3、針對(duì)點(diǎn)菜單，小程序?qū)?yīng)設(shè)計(jì)有購(gòu)物車頁(yè)。根據(jù)操作，可以看到自己添4、針對(duì)付款，小程序設(shè)計(jì)有線上微信支付功能。微信支付功能可以直接調(diào)9第2章開(kāi)發(fā)環(huán)境與技術(shù)呢?它又是由什么工具開(kāi)發(fā)的呢?個(gè)一種交互式的系統(tǒng)，存儲(chǔ)各種軟件工具加工所產(chǎn)生的軟用程序中存在的一些共性的東西提取出來(lái)，做成一建的效果?？蚣芫拖裎覀兂Ｕf(shuō)的毛胚房，住房?jī)?nèi)量級(jí)的、解釋型的或即時(shí)編譯型的編程語(yǔ)言。雖然它是作為開(kāi)發(fā)Web頁(yè)面的腳編程、多范式的動(dòng)態(tài)腳本語(yǔ)言，并且支持面向?qū)ο?、受歡迎，所以Netscape公司想借用Java的名氣來(lái)吸引使用者，因而取名瀏覽器都完整的支持ECMAScript5.1,舊版本的瀏覽器至少支持ECMAScript3標(biāo)準(zhǔn)。2015年6月17日，ECMA國(guó)際組織發(fā)布了ECMAScript的第六版，該版本正式名稱為ECMAScript2015,但通ECMAScriptES1)一種解釋型腳本語(yǔ)言，直接在瀏覽器解釋運(yùn)行，這也意味著JavaScript2)一種基于對(duì)象的腳本語(yǔ)言；3)一種弱類型語(yǔ)言，對(duì)定義的變量對(duì)類型沒(méi)有嚴(yán)格要求；4)一種采用事件驅(qū)動(dòng)的腳本語(yǔ)言，這意味著JavaScript不需要經(jīng)過(guò)web瀏覽器就可以直接響應(yīng)用戶的操作；5)支持跨平臺(tái)使用，不依賴與操作系統(tǒng)，只需要瀏覽器支持。2.3.2小程序開(kāi)發(fā)工具介紹微信開(kāi)發(fā)者工具是微信團(tuán)隊(duì)為了幫助微信公眾平臺(tái)、微信小程序第三方的開(kāi)發(fā)者更方便、更快捷、更安全地進(jìn)行軟件開(kāi)發(fā)和調(diào)試基于微信網(wǎng)頁(yè)而開(kāi)發(fā)的一款開(kāi)發(fā)工具。小程序是屬于應(yīng)用，它主要是通過(guò)模擬手機(jī)微信客戶端的各種表現(xiàn)，來(lái)使得開(kāi)發(fā)者可以使用這個(gè)工具方便地在PC端上進(jìn)行開(kāi)發(fā)和手機(jī)調(diào)試的相關(guān)工微信開(kāi)發(fā)者工具分為多個(gè)區(qū)域塊，其中左側(cè)的預(yù)覽區(qū)是為了開(kāi)發(fā)者在右側(cè)區(qū)域編寫(xiě)代碼，左側(cè)可以做到實(shí)時(shí)預(yù)覽；有真機(jī)調(diào)試區(qū)，通過(guò)手機(jī)微信掃描二維碼，就能直接使用手機(jī)體驗(yàn)小程序；版本控制，可以通過(guò)安裝git插件，能實(shí)現(xiàn)代碼直接上傳到微信后臺(tái)進(jìn)行小程序版本發(fā)布；有云開(kāi)發(fā)功能，啟用云開(kāi)發(fā)功能，可以直接通過(guò)云開(kāi)發(fā)管理小程序的數(shù)據(jù)。微信開(kāi)發(fā)者工具的功能：②模擬器，支持開(kāi)發(fā)的小程序?qū)崟r(shí)預(yù)覽和在線發(fā)布等；③支持調(diào)試微信網(wǎng)頁(yè)授權(quán)和開(kāi)發(fā)微信相關(guān)的JS-SDK;④用于調(diào)試小程序API和基于小程序開(kāi)發(fā)的相關(guān)頁(yè)面。使用云開(kāi)發(fā)，開(kāi)發(fā)者可以無(wú)需搭建服務(wù)器，直接使用云開(kāi)發(fā)的云端能力進(jìn)行微信小程序、小游戲的開(kāi)發(fā)。云開(kāi)發(fā)為開(kāi)發(fā)者提供完整的原生云端支持和微信服務(wù)支持，弱化后端和運(yùn)維概念，無(wú)需搭建服務(wù)器，使用平臺(tái)提供的API進(jìn)行核心業(yè)務(wù)開(kāi)發(fā)，即可實(shí)現(xiàn)快速上線和迭代，同時(shí)這一能力，同開(kāi)發(fā)者已經(jīng)使用的云服務(wù)相互兼容，并不互斥。a)提供大量云函數(shù)，無(wú)需自建服務(wù)器；第3章項(xiàng)目可行性分析第4章系統(tǒng)需求分析用人群在哪呢?整個(gè)系統(tǒng)的設(shè)計(jì)又是怎樣的呢?下面會(huì)針對(duì)這些方面進(jìn)行描述。4.1面向群體特征分析4.2項(xiàng)目需求規(guī)定這個(gè)唯一的openid來(lái)識(shí)別用openid4.3系統(tǒng)設(shè)計(jì)目標(biāo)FastEating系統(tǒng)是基于微信平臺(tái)開(kāi)發(fā)的一款外賣小程序，它的出現(xiàn)是為了避免了柜面上繁瑣的點(diǎn)餐、付款和排隊(duì)環(huán)節(jié)，使消費(fèi)者可以更直觀、便捷地進(jìn)行點(diǎn)餐和付款，相比傳統(tǒng)的就餐模式更加省時(shí)省力。4.4系統(tǒng)功能概要設(shè)計(jì)FastEating項(xiàng)目是用戶通過(guò)自己微信賬號(hào)授權(quán)登錄小程序，通過(guò)瀏覽頁(yè)面顯示的商品，對(duì)感興趣的商品加入購(gòu)物車后進(jìn)行商品結(jié)算從而完成前臺(tái)界面下單的過(guò)程整個(gè)系統(tǒng)的設(shè)計(jì)思維導(dǎo)圖如下：FastEating小程序訂單頁(yè)pagesindexpaypackage-lockjson圖4-5小程序在開(kāi)發(fā)工具里的架構(gòu)情況個(gè)頁(yè)面有4部分?jǐn)?shù)據(jù)組成。其中wxml文件是頁(yè)面結(jié)構(gòu)文件，用來(lái)搭建頁(yè)面的框圖4-6項(xiàng)目文件架構(gòu)圖(思維導(dǎo)圖)菜單列表模塊包含小程序授權(quán)后進(jìn)入的首頁(yè)就是菜單列表信息頁(yè)，列表上方是菜品分類的導(dǎo)航欄，左右滑動(dòng)來(lái)切換分類類別。列表顯示菜品名、單價(jià)、菜品原料及套餐信息。有兩個(gè)按鈕，一個(gè)新增商品，多次點(diǎn)擊數(shù)量增加；一個(gè)是減少商品，數(shù)量減少到0將刪除選中的商品。提交訂單模塊主要是顧客選擇的商品匯總頁(yè)，該模塊用來(lái)顯示顧客購(gòu)買的商品信息列表，可以修改外賣配送地、配送時(shí)間及支付方式，是否需要餐具，及優(yōu)惠券的使用等，甚至可以給商家備注一些額外的信息。針對(duì)前臺(tái)用戶下單的商品的一個(gè)訂單匯總列表，該模塊還針對(duì)訂單信息增加了導(dǎo)出匯總數(shù)據(jù)功能，可以支持導(dǎo)出Excel文件和CSV文件，CSV文件兼容性更好，能彌補(bǔ)Excel文件導(dǎo)出有可能亂碼的情況。訂單模塊是顯示用戶下單的歷史數(shù)據(jù)。訂單是否支付成功，何時(shí)下的單以及配送的信息等。第5章系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)美美云開(kāi)發(fā)QuickStart廣東省佛山市xxx區(qū)花園小區(qū)xxx棟32號(hào)1908商品￥69.00入南瓜蒸排骨￥69.00入主要原料：肉排兩根，南瓜一個(gè)，蒜、豆豉、生抽。竹筍炒臘肉楊枝甘露微信支付圖5-2下單頁(yè)訂單支付成功由商家提供配送服務(wù)訂單支付成功由商家提供配送服務(wù)訂單由商家提供配送服務(wù)頁(yè)面路徑pages/orders/orders支付成功圖5-3訂單歷史頁(yè)<8折優(yōu)惠卷7折優(yōu)惠圖5-4卡包頁(yè)農(nóng)家樂(lè)白泥廣場(chǎng)62號(hào)502圖5-5聯(lián)系商家頁(yè)該頁(yè)面的設(shè)計(jì)主要是為了顧客能快速找到商戶的信息，有問(wèn)題能及時(shí)與商戶進(jìn)行溝通。第6章系統(tǒng)測(cè)試(ope:c(o,teStap:3k?72,torget:(-),currentfonget:(dataArnoyersgcotlactf圖6-1功能測(cè)試效果圖-1通過(guò)微信開(kāi)發(fā)者工具點(diǎn)擊真機(jī)調(diào)試，生成一個(gè)二維碼，掃碼后手機(jī)就能ConsoleNetworkWemanApplicatianAuditsAppODefauttleves2hddenMI8SEamm64-vBandefinedindex.js?Lsal:63?ftype:“eltct”,timestap:13targetcurrentTorgetmork{data:Array(4),eryHsg:"coltcttan.get)index.js2[sal:68(type:clic",tieStap:14938,target:(-),currentTaryet:(-),mrt:(-),-}indox.152[1:74typetclicttimeStomptargetcurrent00圖6-2功能測(cè)試效果圖-2手機(jī)操作頁(yè)面也會(huì)有相應(yīng)的數(shù)據(jù)，可以設(shè)置打開(kāi)調(diào)試面板，設(shè)置之后也ApplicationAditsAppDApplicationAditsAppD◆dotaArrwyerrHsgcottecttongettypeteltcttteStapitargetcurrentTangetm*(type:eltctstaptaryetcurrntTanystar?1:C1d:*2,desc:“索喝明面補(bǔ)氣養(yǎng)由，健膜安得，應(yīng)累也兩光光了食兩用叫，闊手一病的是陽(yáng)內(nèi)，m:“cloud://ha2c3gh-typecltctimestapptargetcurronttargetmar*[datatArroy(e),errHsgt"cottectton.oetofuASGDIZDbcclpDxKKeg?(data:Arrgy(l),errHhg:"cotaettan-t:?(data:Arnoy(e),ernhs:"colactton.get:ot)tD:553824-842-114-7-index.js2[sm]:212二生化行教到后奧男出信和設(shè)置√BSEmmt4B正常正常使用工具的的Sorgevicw