《菜譜小程序設(shè)計與實現(xiàn)》6600字

武警警官學(xué)院本科畢業(yè)論文菜譜小程序設(shè)計與實現(xiàn)11887第1章緒論 第1章緒論1.1開發(fā)背景隨著互聯(lián)網(wǎng)時代的到來，人們的需求變得越來越多，互聯(lián)網(wǎng)逐漸的成為了主流，人們開始接受互聯(lián)網(wǎng)帶來的方便快捷的服務(wù)，人們開始從網(wǎng)上來進(jìn)行美食的交流和學(xué)習(xí)，學(xué)習(xí)的網(wǎng)站也隨之豐富，隨著微信小程序的發(fā)展，美食學(xué)習(xí)的微信小程序也將逐漸成為大眾的需求。本次微信小程序的開發(fā)，主要以美食交流為對象，根據(jù)人們的需求來完成各個功能設(shè)計[1][2]。1.2開發(fā)意義建立美食菜譜小程序是為了讓管理員對小程序的管理和運營，來方便用戶對自己想要的美食信息進(jìn)行搜索和了解，當(dāng)用戶搜索到自己想要的美食信息，用戶便可以進(jìn)行學(xué)習(xí)交流等操作。如果用戶沒有找到自己想要的美食信息的時候，就可以進(jìn)行反饋求助管理員對其發(fā)布相關(guān)的美食信息。這樣，美食菜譜微信小程序就在用戶和管理者建立了橋梁關(guān)系，從而使用戶能及時有效的從管理者手中獲取到自己所需要的美食信息。所以我們認(rèn)為建立一個美食菜譜小程序非常符合人們的需求，美食菜譜微信小程序方便高效、簡單快捷的管理模式是很有實用性的[3][4]。1.3主要技術(shù)和工具介紹1.3.1Java語言Java是一門面向?qū)ο缶幊陶Z言，它不僅吸收了C++語言的各種優(yōu)點，還摒棄了C++里難以理解的多繼承、指針等概念，因此Java語言具有功能強大和簡單易用兩個特征。Java語言作為靜態(tài)面向?qū)ο缶幊陶Z言的代表，極好地實現(xiàn)了面向?qū)ο罄碚?，它允許程序員以優(yōu)雅的思維方式進(jìn)行復(fù)雜的編程。1.3.2MySQL數(shù)據(jù)庫MySQL所使用的SQL語言是用于訪問數(shù)據(jù)庫的最常用標(biāo)準(zhǔn)化語言。MySQL具有性能優(yōu)越，而且優(yōu)點也很明顯，他可以在編譯之后在任何環(huán)境使用，支持多線程，可以很好的利用CPU資源，而且MySQL是免費的。1.3.3微信開發(fā)者工具這款工具是由微信官方在網(wǎng)上發(fā)布的主要是針對微信小程序的一種開發(fā)工具，集中了開發(fā)，調(diào)試，預(yù)覽，上傳等功能。微信開發(fā)者工具使用的代碼不是標(biāo)準(zhǔn)的html5標(biāo)簽，而是自創(chuàng)了一套標(biāo)簽。會html5的開發(fā)者也需進(jìn)行學(xué)習(xí)。不過有案例可以學(xué)習(xí)。小程序有個強大的功能就是連接功能，連接人、連接貨、連接場景，而且微信開發(fā)者工具是免費的。第2章系統(tǒng)分析2.1需求分析一個美食菜譜微信交流平臺對于用戶而言，它可以讓用戶方便簡潔地查閱系統(tǒng)所推薦美食交流信息等操作。而對于美食菜譜微信小程序，管理員需要實現(xiàn)在微信小程序端進(jìn)行可推薦信息的實時更新、用戶安全登錄等功能。管理員功能需求如下：用戶管理模塊，管理員對用戶信息進(jìn)行增刪改查等功能。推薦信息管理模塊，管理員可以進(jìn)行添加、修改和刪除推薦信息，發(fā)布的推薦信息都會顯示在用戶所登陸的微信小程序中，分類信息模塊，管理員可對菜系分類的管理，管理員可以進(jìn)行增刪改查等操作。資訊信息管理模塊，管理員可進(jìn)行添加、修改和刪除資訊信息，添加的資訊信息在用戶所登陸的微信小程序中。反饋討論管理模塊，此模塊是將用戶的反饋進(jìn)行統(tǒng)計，管理員可以進(jìn)行編輯、回復(fù)和刪除用戶的反饋等操作。2.2可行性分析本文的設(shè)計的系統(tǒng)將會分別從經(jīng)濟(jì)的可行性，技術(shù)的可行性以及操作的可行性等方面進(jìn)行全面的可行性的分析。2.2.1經(jīng)濟(jì)可行性由于微信開發(fā)者工具是可以免費使用的，后端的是由java語言開發(fā)，在大二的時候已經(jīng)學(xué)習(xí)過，因此不需要什么費用就可以開發(fā)出美食菜譜微信小程序，再加上網(wǎng)上有微信小程序開發(fā)的學(xué)習(xí)教程，以及學(xué)校圖書館有相關(guān)的書籍可以免費閱讀進(jìn)行參考，因此，在經(jīng)濟(jì)上是可以開發(fā)和使用的[7][8]。2.2.2技術(shù)可行性美食菜譜微信小程序是基于微信開發(fā)者開發(fā)，用Java語言進(jìn)行開發(fā)后臺，Java作為本專業(yè)必修課進(jìn)行了系統(tǒng)的學(xué)習(xí)，在加上實踐周對于微信小程序的學(xué)習(xí)，還有各種資料進(jìn)行參考，再經(jīng)過指導(dǎo)老師的指導(dǎo)后，可以充分了解和認(rèn)識到美食菜譜微信小程序的開發(fā)。2.2.3操作可行性美食菜譜微信小程序是采用的是h5+css3+jQuery以及JAVA語言編碼作為APP的前端頁面同時也是以java語言編譯后臺服務(wù)端實現(xiàn)規(guī)范的微信小程序，界面簡單明了易操作。因此該系統(tǒng)具有操作可行性。2.3功能分析2.3.1登錄處理流程在進(jìn)入登錄界面，在輸入賬號和密碼后，進(jìn)行登錄，如果輸入的賬號密碼與數(shù)據(jù)庫之中的數(shù)據(jù)相匹配，則登陸成功進(jìn)入操作頁面，若不與數(shù)據(jù)庫中數(shù)據(jù)相匹配則會提示賬號密碼輸入錯誤并返回到登錄界面。顯示在顯示在頁面圖2-1登錄處理流程圖Fig.2-1Loginprocessingflowchart2.3.2增添數(shù)據(jù)流程在添加數(shù)據(jù)的時候，管理員在相應(yīng)的操作頁面進(jìn)行添加數(shù)據(jù)，如果添加的數(shù)據(jù)中的其中一項格式錯誤，則添加數(shù)據(jù)失敗，這個時候需管理員進(jìn)行重新輸入，如果添加數(shù)據(jù)的格式正確，則將會把添加的數(shù)據(jù)提交到數(shù)據(jù)庫進(jìn)行添加。如圖2-2增添數(shù)據(jù)：圖2-2增添數(shù)據(jù)流程圖Fig.2-2Adddataflowchart2.3.3修改數(shù)據(jù)流程當(dāng)管理員需要修改數(shù)據(jù)，打開相應(yīng)的頁面進(jìn)行操作，如果修改后的數(shù)據(jù)格式錯誤，系統(tǒng)會彈出修改失敗，如果修改的格式正確，則會將修改后的數(shù)據(jù)提交到數(shù)據(jù)庫中進(jìn)行修改。修改流程圖如圖2-3所示。YY圖2-3數(shù)據(jù)修改流程圖Fig.2-3Datamodificationflowchart2.3.4數(shù)據(jù)刪除流程當(dāng)管理員需要刪除數(shù)據(jù)的時候，打開相應(yīng)的頁面進(jìn)行操作，對想要刪除的數(shù)據(jù)進(jìn)行選定，點擊刪除按鈕，選擇是否要刪除，點擊是，數(shù)據(jù)庫中該條記錄刪除，點擊否，返回該頁面如圖2-4所示。圖2-4數(shù)據(jù)刪除流程圖Fig.2-4Datadeletionflowchart2.3.5業(yè)務(wù)流程分析用戶和管理員在在登錄頁面輸入相應(yīng)賬號和密碼之后，在經(jīng)過數(shù)據(jù)庫驗證之下，如果驗證成功后則會登錄系統(tǒng)的主頁，并且可以使用系統(tǒng)相應(yīng)的功能操作。系統(tǒng)的業(yè)務(wù)流程如下圖所示。圖2-5系統(tǒng)業(yè)務(wù)流程圖Fig.2-5Systembusinessflowchart第3章系統(tǒng)設(shè)計3.1系統(tǒng)結(jié)構(gòu)設(shè)計系統(tǒng)結(jié)構(gòu)設(shè)計主要是管理員登錄后對整個系統(tǒng)相關(guān)操作進(jìn)行處理，對用戶的管理。推薦信息的管理，用戶分享管理、分類管理、咨詢管理以及反饋管理的操作。對用戶而言，具有每日簽到，我的關(guān)注，我的發(fā)布，我的收藏，我的評論，我的點贊，反饋討論和個人信息的操作系統(tǒng)的功能結(jié)構(gòu)圖如下圖所示。圖3-1系統(tǒng)功能結(jié)構(gòu)圖Fig.3-1Systemfunctionstructurediagram3.2功能模塊設(shè)計系統(tǒng)登錄：用戶和管理員輸入賬號密碼進(jìn)行登錄，系統(tǒng)對其驗證。用戶管理：管理員對用戶進(jìn)行添加、查詢、修改和和刪除等功能，并且可以打印列表頁面，并將導(dǎo)出用戶信息至excel中。修改密碼模塊：用戶和管理員進(jìn)行修改自己的密碼，修改完成后需要重新登錄。個人資料管理：登錄系統(tǒng)后，可以修改自己的電話號碼、郵箱信息等信息。分類信息管理：用戶利用分類信息進(jìn)行查看相關(guān)菜系的分類，管理員可以對分類信息進(jìn)行添加、查詢、修改和和刪除等操作。資訊信息管理：管理員添加相關(guān)的資訊信息，用戶可以在微信小程序端進(jìn)行查詢到資訊信息，管理員還可以進(jìn)行資訊信息的刪除、查詢和修改等操作。推薦信息管理：管理員可以添加、查詢和刪除微信小程序端的所推薦的美食信息。反饋信息管理：用戶在微信小程序端進(jìn)行反饋，管理員在后端進(jìn)行查看、回復(fù)反饋信息等操作。用戶功能：用戶可在線簽到，關(guān)注用戶，發(fā)布信息，收藏信息，評論信息，點贊信息，發(fā)布反饋信息。3.3數(shù)據(jù)庫設(shè)計3.3.1E-R圖設(shè)計根據(jù)系統(tǒng)各個實體的關(guān)系，得出系統(tǒng)的總體ER圖。系統(tǒng)總體ER圖如下圖所示。圖3-2系統(tǒng)總體ER圖Fig.3-2OverallERdiagramofthesystem3.3.2表設(shè)計根據(jù)E-R模型，系統(tǒng)建立了以下邏輯數(shù)據(jù)結(jié)構(gòu)，下面是各數(shù)據(jù)表的詳細(xì)在服務(wù)器上建立數(shù)據(jù)庫，其中包括以下表：wct_blog表:列名數(shù)據(jù)類型長度說明idInt10IDtitleVarchar255題目noteVarchar255備注ndateVarchar255日期btypeVarchar255類型imgVarchar255照片videoVarchar255視頻typeidInt10瀏覽量typecnVarchar255菜系uidInt10序號usernameVarchar255用戶名favcountInt10評論數(shù)zanInt10點贊數(shù)addressVarchar255地址wct_daka表:列名數(shù)據(jù)類型長度說明idInt10IDpidVarchar255注IDnoteVarchar255備注uidVarchar255序號usernameVarchar255用戶名ndateVarchar255日期wct_message表:列名數(shù)據(jù)類型長度說明idInt10IDuidInt10序號fidInt10評論序號qidInt10點贊序號typeInt10類型zanInt10點贊數(shù)noteVarchar255備注ndateVarchar255發(fā)布日期usernameVarchar255用戶名fusernameVarchar255評論用戶名attachVarchar255點贊信息attachnameVarchar255點贊用戶名imgVarchar255照片wct_notice表:列名數(shù)據(jù)類型長度說明idInt10IDtitleVarchar255題目noteVarchar255備注ndateVarchar255發(fā)布日期typeVarchar255類型imgVarchar255照片jnoteVarchar255評論pfInt10瀏覽typeidInt10瀏覽量videoVarchar255視頻uidInt10序號usernameVarchar255用戶名wct_posts表:列名數(shù)據(jù)類型長度說明idInt10IDtitleVarchar255題目noteVarchar255備注note2Varchar255備注2uidVarchar255序號usernameVarchar255用戶名ndateVarchar255發(fā)布日期imgVarchar255照片typeVarchar255類型statecnVarchar255信息

wct_replay表:列名數(shù)據(jù)類型長度說明idInt10IDpidVarchar255內(nèi)容noteVarchar255備注uidVarchar255序號usernameVarchar255用戶名ndateVarchar255發(fā)布日期typeVarchar10類型ttypeVarchar255點贊hotInt10熱度

wct_tiaokuan表:列名數(shù)據(jù)類型長度說明idInt10IDtitleVarchar255題目noteVarchar255備注ndateVarchar255發(fā)布日期typeVarchar255類型imgVarchar255圖片jnoteVarchar255評論typeidInt10瀏覽量videoVarchar255視頻wct_type表:列名數(shù)據(jù)類型長度說明idInt10IDtitleVarchar255題目pidVarchar255內(nèi)容

wct_user表:列名數(shù)據(jù)類型長度說明idInt10IDusernameVarchar255用戶名passwdVarchar255密碼roletypeVarchar255信息類型emailVarchar255郵箱telVarchar255電話qqVarchar255QQwechatVarchar255微信sexVarchar255性別birthVarchar255生日imgVarchar255頭像sidVarchar255粉絲addressVarchar255地址tagsVarchar255標(biāo)簽fidsVarchar255檢查statecnVarchar255州favsVarchar255備注qdInt10qd

wct_zan表:列名數(shù)據(jù)類型長度說明idInt10IDpidVarchar255內(nèi)容noteVarchar255備注uidVarchar255序號usernameVarchar255用戶名ndateVarchar255發(fā)布日期typeInt10類型ttypeVarchar255點贊hotInt10熱度第4章系統(tǒng)實現(xiàn)4.1用戶登錄當(dāng)用戶打開微信小程序時，進(jìn)入登錄頁面，如果用戶沒有賬號則需要先注冊一個賬戶，注冊完成后再輸入用戶名和密碼，進(jìn)行登錄，這個時候微信小程序開始判斷用戶名和密碼是否填寫，如果用戶沒有填寫用戶名或密碼時，則會彈出提示框“請輸入你的用戶名或密碼”。當(dāng)判斷已經(jīng)輸入用戶名和密碼之后，系統(tǒng)將提交用戶名和密碼的數(shù)據(jù)與數(shù)據(jù)庫的數(shù)據(jù)進(jìn)行匹配，如果匹配到數(shù)據(jù)庫里面沒有相同的數(shù)據(jù)時，則會彈出提示框“用戶名或者密碼不正確”并返回登錄頁面，若匹配到有相同的數(shù)據(jù)時則會登陸成功，跳轉(zhuǎn)到主頁頁面。登錄后主頁頁面如圖4-1所示。圖4-1用戶登錄后主頁界面Fig.4.1Userloginhomepage4.2推薦信息當(dāng)系統(tǒng)登錄后可以查看推薦信息，并且可以進(jìn)行增添等操作。推薦信息展示及推薦信息增添界面如圖4-2，4-3所示。圖4-2推薦信息展示界面Fig.4.-2Recommendedinformationdisplayinterface圖4-3用戶新增信息界面Fig.4-3Usernewinformationinterface4.3分類信息用戶可以查看分類信息的所有信息，點擊全部，可以選擇自己想要選擇的菜系進(jìn)行分類展示。分類信息展示界面如圖4-4所示。圖4-4分類信息展示界面Fig.4-4Classificationinformationdisplayinterface4.4用戶關(guān)注用戶在登錄成功進(jìn)入首界面后可以查看用戶的信息，可對心儀的用戶進(jìn)行關(guān)注。用戶關(guān)注展示界面如圖4-5所示。圖4-5用戶關(guān)注界面Fig.4-5Userfocusinterface4.5評論用戶在登錄成功進(jìn)入首界面后可以查看推薦的所有信息，可在線評論。評論界面如圖4-6所示。圖4-6評論界面Fig.4-6Commentinterface4.6聊天用戶可以對自己關(guān)注的用戶進(jìn)行聊天，聊天界面如圖4-7所示。圖4-6聊天界面Fig.4-6Chatinterface系統(tǒng)測試5.1測試目的總的來說系統(tǒng)測試是對系統(tǒng)的一個進(jìn)行完善的過程。需要對本系統(tǒng)的功能進(jìn)行測試和改進(jìn)。同時也要考慮系統(tǒng)的可行性，用戶操作性等方面的研究。還可以發(fā)現(xiàn)系統(tǒng)所運行時所發(fā)現(xiàn)的bug并進(jìn)行修復(fù)。系統(tǒng)的測試往往是發(fā)現(xiàn)系統(tǒng)中的bug，從而在用戶使用的時候能夠正常的運行，發(fā)現(xiàn)系統(tǒng)中各個功能的缺點，讓用戶可以更好的操作，并與用戶的需求進(jìn)行對比，讓用戶有更好的體驗。這也是對系統(tǒng)的缺陷進(jìn)行完善，給用戶最好的體驗，贏取用戶的信任。5.2環(huán)境測試系統(tǒng)開發(fā)環(huán)境：Windows8/10操作系統(tǒng)系統(tǒng)開發(fā)軟件工具：idea，微信開發(fā)者工具運行服務(wù)器：Apache后臺數(shù)據(jù)庫：MySQL安裝的瀏覽器：IE、谷歌等5.3單元測試5.3.1登錄測試用戶輸入用戶和密碼之后，系統(tǒng)進(jìn)行判定，如果沒有輸入用戶名或密碼時，則系統(tǒng)會提示輸入用戶名或密碼，如果輸入的用戶名和密碼與數(shù)據(jù)庫中的數(shù)據(jù)不匹配時，則系統(tǒng)會提示用戶或密碼輸入錯誤，如果與數(shù)據(jù)庫輸入的數(shù)據(jù)相匹配時，則登陸成功，系統(tǒng)將跳轉(zhuǎn)到主頁面。登錄測試用例如下表所示。表5-1登錄測試用例Tab5-1Logintestcases測試模塊管理員登錄模塊測試測試目的測試當(dāng)?shù)顷懶畔⑤斎氩环弦髸r，系統(tǒng)是否能進(jìn)行相應(yīng)處理并給出提示。測試方法黑盒測試測試數(shù)據(jù)1不輸入用戶名和密碼進(jìn)行登陸。2輸入沒有注冊過的用戶名進(jìn)行登錄3輸入正確的用戶名，錯誤的密碼進(jìn)行登錄4輸入正確的用戶密碼密碼進(jìn)行登錄預(yù)期結(jié)果1界面不跳轉(zhuǎn)，系統(tǒng)提示“請輸入用戶名和密碼”。2界面不跳轉(zhuǎn)，系統(tǒng)提示“該用戶名沒有注冊”。3界面不跳轉(zhuǎn)，系統(tǒng)提示“請輸入正確的用戶名和密碼”。4界面實現(xiàn)跳轉(zhuǎn)，登陸功能正常進(jìn)行。實際結(jié)果與預(yù)想一致。結(jié)論登錄功能正常5.3.2注冊測試用戶需要擁有自己的賬號才能夠登錄小程序，如果沒有就要注冊賬號，管理員輸入用戶名和密碼后，點擊注冊，當(dāng)兩次密碼輸入不同時，則系統(tǒng)提示兩次密碼輸入不相同，當(dāng)密碼相同時，進(jìn)入數(shù)據(jù)庫判斷是否匹配，當(dāng)與數(shù)據(jù)庫中的數(shù)據(jù)相匹配時，則系統(tǒng)提示該用戶名已注冊，當(dāng)與數(shù)據(jù)庫的數(shù)據(jù)不匹配時，則可以注冊成功。注冊測試用例如下表所示。表5-2注冊測試用例Tab5-2Registertestcases測試模塊用戶注冊模塊測試測試目的測試注冊時輸入錯誤的數(shù)據(jù)時，系統(tǒng)能不能判斷出輸入的數(shù)據(jù)錯誤并給出相應(yīng)的提示。測試方法黑盒測試測試數(shù)據(jù)1不輸入用戶名和密碼，直接點擊注冊。2輸入沒有注冊過的用戶名進(jìn)行注冊。3輸入正確用戶名，兩次密碼不一樣。預(yù)期結(jié)果1界面不跳轉(zhuǎn)，系統(tǒng)提示“請輸入用戶名和密碼”。2界面跳轉(zhuǎn)，系統(tǒng)提示“注冊成功”。3界面不跳轉(zhuǎn)，系統(tǒng)提示“兩次密碼輸入不同”。實際結(jié)果與預(yù)想一致。結(jié)論注冊功能正常5.4測試結(jié)果測試結(jié)果包括界面及功能測試和代碼測試兩部分，本系統(tǒng)對每個功能點做了詳細(xì)的測試，測試結(jié)果正常。測試結(jié)果表如下表所示。表5-3系統(tǒng)功能測試結(jié)果表Tab5-3Systemfunctiontestresults序號測試模塊功能點質(zhì)量保證標(biāo)準(zhǔn)問題屬性測試結(jié)果F1系統(tǒng)用戶管理模塊修改密碼正確性故障正常權(quán)限設(shè)置正確性故障正常角色管理正確性缺陷正常分類添加正確性故障正常分類修改正確性故障正常分類查詢正確性故障正常分類刪除正確性故障正常退出系統(tǒng)正確性故障正常F2功能管理模塊推薦信息添加正確性故障正常推薦信息修改正確性故障正常推薦信息刪除正確性故障正常第6章總結(jié)經(jīng)過了這幾個月的不斷努力，我的美食菜譜微信小程序基本完成，雖說已經(jīng)完成，但我知道其中仍有許多的不足，比如用戶聊天是沒有消息提示的功能，沒有更好的統(tǒng)計功能等。今后我會對小程序加以改進(jìn)，讓它成為一個完整的，合格的可以投入使用的微信小程序，并且為以后的小程序開發(fā)打下重要的基礎(chǔ)。通過本次美食菜譜微信小程序的設(shè)計，讓我深刻體會到了實踐的重要性，對于開發(fā)一個系統(tǒng)而言，經(jīng)驗是很重要，如果沒有好的經(jīng)驗，則會走很多的彎路，出現(xiàn)的問題也不會及時發(fā)現(xiàn)并改正。通過這次畢業(yè)設(shè)計，我學(xué)習(xí)了微信開發(fā)者的使用，并又一次復(fù)習(xí)并使用的大二所學(xué)習(xí)的java語言。讓我學(xué)到了關(guān)于代碼相關(guān)的知識，讓我的代碼能力有了顯著提升。在這次美食菜譜微信小程序軟件的開發(fā)時，我在網(wǎng)站中參考了很多的相