基于Vue3.2+微信零食商城小程序的設(shè)計與開發(fā)

基于Vue3.2+微信零食商城小程序的設(shè)計與開發(fā)-[6]，對于開發(fā)者進(jìn)行調(diào)試提供了便利。2.Vue3.2開發(fā)語言（1）Vue3.2是Vue.js的最新版本，是一個流行的JavaScript框架，用于構(gòu)建交互式的Web應(yīng)用程序。Vue3.2相比于以前的版本帶來了一些新特性和改進(jìn)。（2）對Vue3.2的詳細(xì)介紹：更好的性能：Vue3.2使用了新的響應(yīng)式設(shè)計，使得應(yīng)用程序的性能有所提升。新的響應(yīng)式設(shè)計使用了Proxy代理，使得對數(shù)據(jù)的變更和訪問都更加高效。更好的TypeScript支持：Vue3.2提供了更好的TypeScript支持，使用TypeScript編寫Vue應(yīng)用程序更加容易。新的API：Vue3.2引入了一些新的API，如defineAsyncComponent和defineExpose，使得組件的定義和公開更加容易。更好的調(diào)試工具：Vue3.2提供了更好的調(diào)試工具，使得調(diào)試Vue應(yīng)用程序更加容易。改進(jìn)的Tree-Shaking：Vue3.2改進(jìn)了Tree-Shaking功能，可以更好地優(yōu)化應(yīng)用程序的體積?？偟膩碚f，Vue3.2是一個更加高效，易用，可維護(hù)的JavaScript框架，為開發(fā)者提供了更好的性能，更好的TypeScript支持，更多的API和更好的調(diào)試工具。如果您正在尋找一個用于構(gòu)建交互式Web應(yīng)用程序的框架，Vue3.2是一個值得考慮的選擇。3.開發(fā)平臺（HbuilderX）HBuilderX工具是目前國產(chǎn)化軟件中，開發(fā)前端和移動端項(xiàng)目最優(yōu)秀的IDE之一，甚至比JetBrains出品的WebStorm還要好用。開發(fā)UNI-APP框架的移動端項(xiàng)目，必然首選HBuilderX。為了保證微信開發(fā)者工具與HbuilderX配合使用，必須開放小程序的服務(wù)端口。這樣將來HbuilderX可以把uni-app項(xiàng)目編譯成小程序項(xiàng)目，打開HbuilderX的服務(wù)端口和配置微信小程序的AppId。如圖6.1，6.2。圖6.1打開服務(wù)端口圖6.2微信小程序配置4.開發(fā)工具優(yōu)缺點(diǎn)（1）微信開發(fā)者工具主要優(yōu)點(diǎn)包括：集成開發(fā)環(huán)境：微信開發(fā)者工具提供了集成的開發(fā)環(huán)境，包含了代碼編輯器，代碼調(diào)試器，代碼提示等多個功能，開發(fā)人員可以在一個軟件中同時完成代碼編寫和調(diào)試的操作。調(diào)試工具：微信開發(fā)者工具提供了非常便利的調(diào)試工具，可以實(shí)時查看小程序運(yùn)行效果，并且在開發(fā)過程中會給出實(shí)時調(diào)試的反饋，以幫助開發(fā)者快速定位問題。模擬器：微信開發(fā)者工具還提供了一個小程序模擬器，可以幫助開發(fā)者在不同的設(shè)備和設(shè)計下模擬小程序的運(yùn)行效果。缺點(diǎn)主要包括：界面體驗(yàn)：微信開發(fā)者工具的用戶界面與微信的官方界面略有不同，對一些新手來說可能需要一定的適應(yīng)時間。依賴微信平臺：微信開發(fā)者工具僅能用于小程序的開發(fā)，不能用于其他類型的應(yīng)用開發(fā)，在某種程度上存在一定的局限性。難以調(diào)試線上問題：微信開發(fā)者工具只能夠調(diào)試本地問題，對于某些線上問題比較難以調(diào)試和修復(fù)。（2）HbuilderX主要優(yōu)點(diǎn)包括：

高度定制：HbuilderX為用戶提供了大量的可選插件，主題和自定義設(shè)置等，可以滿足不同用戶的需求，適應(yīng)不同的編程習(xí)慣和風(fēng)格?？缙脚_支持：HbuilderX支持

Windows，macOS和Linux等多個主流操作設(shè)計，并與多種Web框架（如Vue，React等）無縫對接。集成多種前端開發(fā)技術(shù)：HbuilderX集成了多項(xiàng)前端開發(fā)技術(shù)，如Node.js，npm，yarn等，符合現(xiàn)代Web開發(fā)的實(shí)際需求。豐富的工具鏈：HbuilderX提供了豐富的工具鏈，如微信小程序開發(fā)工具，騰訊云函數(shù)調(diào)試器等，可幫助開發(fā)者快速完成開發(fā)任務(wù)。缺點(diǎn)主要包括：內(nèi)存占用較大：由于HbuilderX是一個大型的應(yīng)用程序，它需要相對較大的內(nèi)存來運(yùn)行，會占據(jù)一定的設(shè)計資源。學(xué)習(xí)成本較高：對于初學(xué)者來說，HbuilderX的使用可能需要一定的學(xué)習(xí)成本和時間，需要掌握相關(guān)的工具和技術(shù)。集成度不如專業(yè)工具：相對于其他專用的開發(fā)工具，HbuilderX的集成度可能不高，其中一些模塊的功能與單獨(dú)的專業(yè)工具相比還存在一定的差距。6.2主要功能模塊編程代碼本設(shè)計采用Vue3.2+微信小程序的開發(fā)模式，前端使用vue3.2，uni-app，微信小程序等前端框架，后端使用了云開發(fā)技術(shù)。主要功能模塊編程代碼如下：（1）首頁輪播圖banner首頁輪播圖的編碼流程如圖6.3所示，商家通過db.collection（banner）.add/remove/get對輪播圖數(shù)據(jù)庫進(jìn)行添加或者刪除的操作，通過get來讀取輪播圖數(shù)據(jù)庫中的數(shù)據(jù)，而輪播圖頁面通過對后端云開發(fā)請求數(shù)據(jù)，由db.collection（‘banner’）.get來獲取輪播數(shù)據(jù)，然后再由后端返回數(shù)據(jù)至輪播圖頁面。圖6.3首頁輪播圖編碼流程“首頁”頁面的橫幅模塊，使用的是微信小程序的swipper組件和swipter-item組件，設(shè)置了橫幅變換的固定時間進(jìn)行，也顯示了橫幅切換的小圓點(diǎn)。界面實(shí)現(xiàn)的主要代碼如圖6.4所示。橫幅模塊的的圖片是存放在微信小程序云開發(fā)的Mongodb數(shù)據(jù)庫中，它通過遍歷Mongodb數(shù)據(jù)庫中的圖片，然后根據(jù)db.collection讀取，然后在首頁頁面進(jìn)行渲染，如圖6.5所示圖6.4首頁輪播圖代碼圖6.5首頁輪播圖代碼如圖6.5為輪播圖結(jié)果運(yùn)行圖。圖6.5首頁輪播圖運(yùn)行結(jié)果（2）優(yōu)惠模塊首頁優(yōu)惠模塊的編碼流程如圖6.6所示，商家通過db.collection（‘seckill’）.add/remove/get對優(yōu)惠數(shù)據(jù)庫進(jìn)行添加或者刪除的操作，通過get來讀取優(yōu)惠數(shù)據(jù)庫中的數(shù)據(jù)，而優(yōu)惠頁面通過對后端云開發(fā)請求數(shù)據(jù)，由db.collection（‘seckill’）.field({seckill_time:false}).get來獲取優(yōu)惠數(shù)據(jù)，然后再由后端返回數(shù)據(jù)至優(yōu)惠商品頁面。圖6.6優(yōu)惠模塊編碼流程圖首頁”頁面的秒殺模塊，通過db.collection獲取該秒殺數(shù)據(jù)庫中的信息，然后通過v-for遍歷獲取的圖片，然后渲染到頁面上，界面實(shí)現(xiàn)大概代碼如下圖6.7所示。圖6.7首頁聚劃算模塊代碼如圖6.8為聚劃算模塊結(jié)果運(yùn)行圖。圖6.8首頁聚劃算模塊運(yùn)行結(jié)果（3）首頁商品展示模塊首頁商品展示模塊的編碼流程如圖6.9所示，商家通過db.collection（‘goods’）.add/get對商品數(shù)據(jù)庫進(jìn)行添加的操作，通過get來讀取商品數(shù)據(jù)庫中的數(shù)據(jù)，而首頁商品頁面通過對后端云開發(fā)請求數(shù)據(jù)，由db.collection（‘goods’）.get來獲取商品數(shù)據(jù)，然后再由后端返回數(shù)據(jù)至商品展示頁面。圖6.9商品展示模塊的編碼流程首頁商品的展示，利用了小程序的列表渲染，通過動態(tài)獲取云數(shù)據(jù)庫中的商品信息，圖6.10為商品模塊的一部分代碼，圖6.11為商品模塊的運(yùn)行結(jié)果顯示。圖6.10商品模塊部分代碼圖6.11商品模塊運(yùn)行結(jié)果（4）商品詳情頁模塊首頁商品詳情展示模塊的編碼流程如圖6.12所示，商家通過db.collection（‘goods_eval’）.add/get對商品數(shù)據(jù)庫進(jìn)行添加的操作，通過get來讀取商品數(shù)據(jù)庫中的數(shù)據(jù)，而商品詳情頁面通過對后端云開發(fā)請求數(shù)據(jù)，由db.collection（‘goods_eval’）.get來獲取商品數(shù)據(jù)，然后再由后端返回數(shù)據(jù)至商品詳情頁面。圖6.12商品詳情頁展示模塊的編碼流程商品詳情頁數(shù)據(jù)的獲取則是此商品的id然后傳參.傳到詳情頁面，獲取MongoDB數(shù)據(jù)庫中的對應(yīng)id進(jìn)行零食商品詳情展示，關(guān)鍵代碼部分如圖6.13所示，圖6.14為商品詳情頁面展示效果圖。圖6.13商品詳情頁關(guān)鍵代碼圖6.14運(yùn)行結(jié)果顯示（5）分類模塊用戶端分類展示模塊的編碼流程如圖6.15所示,商家通過db.collection（‘goods_sort’）.add/get對商品數(shù)據(jù)庫進(jìn)行添加的操作，通過get來讀取分類數(shù)據(jù)庫中的數(shù)據(jù)，而分類頁面通過對后端云開發(fā)請求數(shù)據(jù)，由db.collection（‘goods_sort’）.get和db.collection（‘goods’）.get來獲取分類數(shù)據(jù)，然后再由后端返回數(shù)據(jù)至商品分類頁面。圖6.15商品分類模塊的編碼流程零食商品的分類頁面，共有左邊的商品類目和右邊的商品信息欄目，用戶點(diǎn)擊左邊的零食商品條目，右邊矩陣會顯示對應(yīng)類目下的所有商品名稱，點(diǎn)擊右側(cè)的零食名稱，可以進(jìn)入到商品的詳情頁面.分類模塊的部分代碼截圖以及運(yùn)行效果如圖6.16，6.17所示。圖6.16部分代碼截圖圖6.17運(yùn)行結(jié)果顯示（6）購物車模塊購物車模塊的編碼流程如圖6.18所示，購物車頁面通過對后端云開發(fā)請求數(shù)據(jù)，由db.collection（‘sh_cart’）.get和db.collection（‘sh_cart’）.update/remove來獲取數(shù)據(jù)，然后再由后端返回數(shù)據(jù)至商品購物車頁面。圖6.18購物車模塊的編碼流程用戶選擇喜歡的商品添加到購物車操作時，在購物車可以選擇該商品的商品數(shù)量，會更具你選購的商品數(shù)量來算出最后的合計價格。購物車頁面數(shù)據(jù)的展示則是直接調(diào)用API獲取數(shù)據(jù)庫中的購物車的數(shù)據(jù).圖6.19為購物車的部分代碼截圖，圖6.20為微商城小程序購物車的運(yùn)行效果展示。圖6.19購物車部分代碼顯示圖6.20購物車運(yùn)行結(jié)果顯示6.4本課題中的關(guān)鍵技術(shù)6.4.1設(shè)計中要解決的主要問題此設(shè)計當(dāng)中，主要問題為訂單物流軌跡功能，用戶端購買藏品并且支付后，當(dāng)商家端發(fā)貨并輸入該物流的訂單號后，用戶就可以查看自己商品的物流軌跡。此設(shè)計當(dāng)中，使用物流軌跡接口為快遞100.快遞接口介紹：用戶向接口提交快遞單號后，接口會實(shí)時調(diào)取快遞公司的單號信息并返回此單號最新的物流信息，包括物流軌跡，狀態(tài)，時間等。請求地址：/poll/query.do請求類型：post請求參數(shù)實(shí)例customer=**********sign=******************param={"com":"ems","num":"75580151091476","phone":,"from":"甘肅省蘭州市安寧區(qū)","to":"甘肅省張掖市甘州區(qū)","resultv2":"4","show":"0","order":"desc"}用戶查詢自己零食的物流狀態(tài)，然后快遞100推送物流信息，然后返回回調(diào)響應(yīng)，每當(dāng)物流狀態(tài)改變時，快遞100都會進(jìn)行實(shí)時，直到快遞到達(dá)目的地，推送結(jié)束。然后最后一次進(jìn)行回調(diào)響應(yīng)。更新用戶查詢訂單物流軌跡的設(shè)計結(jié)構(gòu)與流程如圖6.21所示。圖6.21訂單物流軌跡設(shè)計圖

第7章設(shè)計測試與維護(hù)7.1軟件測試的目的和流程（1）軟件測試的目的：可以提高用戶的體驗(yàn)度和滿意性用來查看是否滿足用戶的需求性發(fā)現(xiàn)該程序代碼的不足，業(yè)務(wù)邏輯錯誤，以便于更快的糾正（2）測試的流程相比于前后端分離的程序設(shè)計，微信小程序起步相對較晚，以致于操作測試的流程也并不完整，測試方面比前后端分離的程序設(shè)計相對落后，因此對于小程序的測試流程，只能通過網(wǎng)上搜索的流程和內(nèi)容了解并使用。微信小程序測試大概流程圖如7.1所示：圖7.1測試大概流程圖（2）權(quán)限測試微信小程序權(quán)限測試如下圖7.2所示，功能測試主要從按照功能模塊去測試，按照業(yè)務(wù)的流程去測試，和按同一功能的不同入口去測試。圖7.2權(quán)限測試（3）功能測試微信小程序功能測試如下圖7.3所示，分為未授權(quán)登錄測試，授權(quán)登錄小程序的測試和不通的設(shè)備登錄小程序的測試。圖7.3功能測試7.2測試用例與測試結(jié)果（1）登錄測試用戶登錄微信零食商城小程序測試用例表如表7.1所示：它的目的是用來測試用戶進(jìn)行登錄授權(quán)的功能是否正常，測試的前提是用戶首次進(jìn)入微信零食商城小程序，測試的流程則如下圖所示，若預(yù)期結(jié)果和實(shí)際結(jié)果也相同，則該功能測試沒問題。表7.1用戶登錄小程序測試用例用例名稱用戶登錄微信商品小程序目的測試用戶進(jìn)行登錄授權(quán)的功能前提用戶首次進(jìn)入微信零食商城小程序測試流程（1）獲取進(jìn)入微信零食商城小程序，切換到我的（2）點(diǎn)擊登錄按鈕（3）彈出微信登錄功能（4）選中登錄或取消預(yù)期結(jié)果用戶選擇了登錄，會展示對應(yīng)的微信昵稱以及頭像用戶，選擇了取消，依舊展示“登錄”按鈕，無法獲取到信息實(shí)際結(jié)果實(shí)際結(jié)果與預(yù)期結(jié)果一致（2）商品分類測試微信零食商城小程序商品分類測試用例如表7.2所示：它的目的是用來測試微信零食商城小程序商品分類模塊的功能是否正常，測試的流程則如下圖所示，若預(yù)期結(jié)果和實(shí)際結(jié)果也相同，則該功能測試沒問題。表7.2商品分類測試用例用例名稱商品分類目的測試微信零食商城小程序商品分類模塊前提無測試流程（1）用戶點(diǎn)擊頁面左側(cè)分類類目（2）點(diǎn)擊右側(cè)商品欄目（3）點(diǎn)擊商品進(jìn)行頁面跳轉(zhuǎn)（4）選中登錄或取消預(yù)期結(jié)果頁面進(jìn)行跳轉(zhuǎn)，會跳轉(zhuǎn)到商品的詳情頁面實(shí)際結(jié)果實(shí)際結(jié)果與預(yù)期結(jié)果一致（3）購物車測試微信零食商城小程序購物車測試用例如表7.3所示：它的目的是用來測試微信零食商城小程序購物車模塊功能的功能是否正常，測試的流程則如下圖所示，若預(yù)期結(jié)果和實(shí)際結(jié)果也相同，則該功能測試沒問題。表7.3購物車測試用例用例名稱購物車目的測試微信零食商城小程序購物車模塊功能前提無測試流程（1）用戶通過點(diǎn)擊“加入購物車”按鈕添加商品到購物車（2）用戶在購物車點(diǎn)擊更改商品數(shù)量按鈕“+”，“-”。（3）點(diǎn)擊購物車列表中的刪除按鈕預(yù)期結(jié)果商品能夠添加到購物車中并以列表形式展示，能夠去更改數(shù)量，也能夠在列表中移除商品信息實(shí)際結(jié)果實(shí)際結(jié)果與預(yù)期結(jié)果一致（4）商家管理商品測試如表7.4：它的目的是用來測試測試商家管理商品的功能是否正常，若預(yù)期結(jié)果和實(shí)際結(jié)果也相同，則該功能測試沒問題。表7.4商家管理商品測試用例用例名稱商家管理商品目的測試商家管理商品的功能前提無測試流程（1）商家點(diǎn)擊商品按鈕，切換到管理商品頁面（2）點(diǎn)擊管理分類（3）出現(xiàn)分類管理操作，會出現(xiàn)新增分類，或刪除分類按鈕（4）選中登錄或取消預(yù)期結(jié)果用戶點(diǎn)擊刪除分類按鈕，則此分類不存在，若點(diǎn)擊新增分類按鈕，會出現(xiàn)“請輸入你所要添加的分類”點(diǎn)擊提交，出現(xiàn)新的扽類實(shí)際結(jié)果實(shí)際結(jié)果與預(yù)期結(jié)果一致（5）聚劃算管理測試如表7.5，測試目的和測試流程等操作都如表所示。表7.5聚劃算管理商品測試用例用例名稱聚劃算商品目的測試聚劃算管理商品的功能前提無測試流程（1）商家點(diǎn)擊聚劃算管理按鈕，切換到聚劃算管理頁面（2）點(diǎn)擊創(chuàng)建聚劃算（3）出現(xiàn)上傳封面圖，輸入標(biāo)題，創(chuàng)建優(yōu)惠價，設(shè)置開始時間和結(jié)束時間，選中關(guān)聯(lián)商品預(yù)期結(jié)果若結(jié)束時間早于開始時間，則會提醒你結(jié)束時間早于開始時間，如若一切正常，選中提交，則會則用戶端顯示出聚劃算商品實(shí)際結(jié)果實(shí)際結(jié)果與預(yù)期結(jié)果一致（6）添加商品測試如表7.6，測試目的和測試流程等操作都如表所示。表7.6添加商品測試用例用例名稱添加管理商品測試目的測試添加商品的功能前提無測試流程（1）商家點(diǎn)擊添加商品，切換到添加商品頁面（2）輸入上傳商品的標(biāo)題和商品的圖片（3）選擇上傳短視頻（可選），選擇該商品的所屬分類（4）輸入價格和該商品的庫存（5）創(chuàng)建商品的規(guī)格（可選），并上傳詳情圖（6）點(diǎn)擊上架售賣預(yù)期結(jié)果除可選的可以不添加時，如若，其他商品信息填寫不全，選擇上架售賣，它則會提示商品具體哪項(xiàng)信息不全。若商品的信息全部填寫完成，則會上架成功實(shí)際結(jié)果實(shí)際結(jié)果與預(yù)期結(jié)果一致7.3設(shè)計維護(hù)為了保證小程序的穩(wěn)定性和可靠性，需要對MongoDB數(shù)據(jù)庫進(jìn)行定期的設(shè)計備份?？梢赃x擇將數(shù)據(jù)備份到云存儲或本地云開發(fā)上。同時，備份數(shù)據(jù)應(yīng)該加密保存，以保護(hù)數(shù)據(jù)安全。在設(shè)計出現(xiàn)故障或數(shù)據(jù)丟失時，可以通過備份數(shù)據(jù)進(jìn)行恢復(fù)。（1）定期維護(hù)和升級

為了保證設(shè)計的穩(wěn)定性和性能，需要定期對設(shè)計進(jìn)行維護(hù)和升級。維護(hù)工作包括清理日志和緩存，檢查設(shè)計安全和穩(wěn)定性等。升級工作包括修復(fù)漏洞和改進(jìn)設(shè)計功能等。（2）監(jiān)控和警報為了保證設(shè)計的穩(wěn)定性和可用性，需要對設(shè)計進(jìn)行監(jiān)控?？梢允褂玫谌奖O(jiān)控工具對設(shè)計的性能和運(yùn)行狀態(tài)進(jìn)行實(shí)時監(jiān)測，及時發(fā)現(xiàn)問題并采取相應(yīng)措施。同時，可以設(shè)置警報機(jī)制，當(dāng)設(shè)計發(fā)生異?；虺霈F(xiàn)問題時，設(shè)計管理員能夠及時收到警報信息。（3）安全性維護(hù)為了保證用戶數(shù)據(jù)的安全，需要定期對設(shè)計進(jìn)行安全性維護(hù)?？梢圆捎脭?shù)據(jù)加密，防火墻等技術(shù)手段，保障設(shè)計的安全性。（4）性能優(yōu)化為了提高設(shè)計的性能和響應(yīng)速度，需要對設(shè)計進(jìn)行性能優(yōu)化?？梢詢?yōu)化數(shù)據(jù)庫查詢語句，減少不必要的查詢，提高查詢效率。

總結(jié)在這次的畢業(yè)設(shè)計中，設(shè)計使用了Vue3.2+微信小程序來寫的畢業(yè)設(shè)計，無論是Vue3.2還是微信小程序，這兩個都是非常的穩(wěn)定而且易于操作。以下是完成這次畢業(yè)設(shè)計的總結(jié)：（1）Vue3.2是一個非常成熟的框架，它具有很多優(yōu)秀的特性，如響應(yīng)式的數(shù)據(jù)綁定，學(xué)習(xí)難度較低，易于掌握，組件化等。同時也是由阿里巴巴與騰訊等眾多公司共同開發(fā)的，所以它的可靠性是非常強(qiáng)的。（2）微信零食商城小程序是微信平臺的開發(fā)，它使得開發(fā)者可以通過微信創(chuàng)造商業(yè)價值。相比于傳統(tǒng)的電商網(wǎng)站來說，小程序更輕便，更快速，并且具有用戶信任度高的優(yōu)勢。（3）在使用Vue3.2和微信臨時商城小程序時，二者的搭配非常相得益彰。VUE3.2的組件化特性可以非常方便地組織小程序的各個模塊，同時借助微信開發(fā)者工具可以進(jìn)行快速的調(diào)試和開發(fā)。（4）在開發(fā)過程中，還應(yīng)該注意以下幾點(diǎn)：圖片優(yōu)化。小程序需要適應(yīng)不同的屏幕尺寸，需要注意圖片不要過大，否則會影響用戶體驗(yàn)，前后端交互。小程序和后端云開發(fā)之間的交互需要保持穩(wěn)定，這樣才能保證數(shù)據(jù)的準(zhǔn)確性。安全問題。小程序通常會涉及到用戶數(shù)據(jù)的處理，需要注意保護(hù)用戶的隱私和數(shù)據(jù)安全?？傊琕ue3.2+微信小程序是一個非常穩(wěn)定，易于操作的組合。在實(shí)際開發(fā)中，應(yīng)該需要注重細(xì)節(jié)，保持代碼質(zhì)量，并且注意數(shù)據(jù)的安全和用戶的隱私。這樣才能獲得用戶的信賴和滿意度，進(jìn)而創(chuàng)造商業(yè)價值當(dāng)然，這次的畢業(yè)設(shè)計中也存在不足，還需要進(jìn)一步的去學(xué)習(xí)和完善，第一，微信零食商城小程序并不支持真正的微信付款，只是模擬微信付款頁面，后面此設(shè)計也會繼續(xù)去完善微信支付技術(shù)。第二，有一些代碼都是在Vue開發(fā)者文檔，微信開發(fā)者文檔獲取而來，只是簡單的了解的用法，卻沒辦法舉一反三，后續(xù)會繼續(xù)努力，爭取在不借鑒開發(fā)者文檔的前提下，能夠獨(dú)立自主的完成一個實(shí)用的小程序。最后，在完成這次的畢業(yè)設(shè)計后，我也獲得了非常巨大的收獲，它培養(yǎng)我獨(dú)立思考的能力，也極強(qiáng)的樹立了我的自信心，在以后的生活或者工作當(dāng)中，哪怕遇到困難，我也會不怕困難，勇往直前。

參考文獻(xiàn)劉娜.我國網(wǎng)絡(luò)購物的發(fā)展及現(xiàn)狀[J].中國商界(上半月)，2008(05)：44-46.余秋明，陳瓅，朱勇，張小平.NET項(xiàng)目開發(fā)教程.長沙：中南大學(xué)出版社，2017.07.李西明，陳立為.SSM開發(fā)實(shí)戰(zhàn)教程.北京：人民郵電出版社，2019.03張淵博.微信商城設(shè)計的設(shè)計及商品推薦設(shè)計的研究牛薌潔，孫文策，李華，許克，任玉璇.基于互聯(lián)網(wǎng)農(nóng)產(chǎn)品網(wǎng)上營銷的計算機(jī)技術(shù)應(yīng)用.北京：中國農(nóng)業(yè)出版社，2021.09張學(xué)敏.基于微信小程序的體質(zhì)健康管理設(shè)計設(shè)計與實(shí)現(xiàn)，電腦知識與技術(shù)，2019.呂云翔，田旺，朱子彧，郭致遠(yuǎn).小程序，大未來微信小程序開發(fā).北京：電子工業(yè)出版社，2018.07歐陽兆晃，張桂軍.基于微信小程序的師生交互的新平臺——桂電通.科教導(dǎo)刊(電子版)，2018李常寶.基于微信小程序的電子商城的設(shè)計與開發(fā)，呂梁教育學(xué)院學(xué)報，2021吳浩麟.深入淺出Webpack.北京：電子工業(yè)出版社，2018.01.吳家旭，吳建勝，王新元，郎書旭.基于uni-app的果蔬配送平臺設(shè)計的設(shè)計與實(shí)現(xiàn)[J].電腦知識與技術(shù)，2022，18(16)：46-47+62.DOI：10.14004/ki.ckt.2022.1171.黑馬程序員.Python程序開發(fā)案例教程.北京：中國鐵道出版社，2019.08劉歡，方宇杰，龐文琦，彭歡歡，馬得秀，張瑾.基于微信小程序的農(nóng)產(chǎn)品電子商務(wù)平臺開發(fā)——“蘭特商城”[J].農(nóng)村經(jīng)濟(jì)與科技，2018，29(17)：144-146.郝磊.網(wǎng)絡(luò)商城微信小程序的設(shè)計與實(shí)現(xiàn)[D].西北民族大學(xué)，2019.DOI：10.27408/ki.gxmzc.2019.000385.郭學(xué)超.基于微信小程序的土特產(chǎn)商城開發(fā)[J].安徽電子信息職業(yè)技術(shù)學(xué)院學(xué)報，2019，18(06)：6-11傅偉，涂剛，張賢龍.基于微信小程序的電子商城設(shè)計與實(shí)現(xiàn)[J].電腦編程技巧與維護(hù)，2020(03)：60-