種倩倩 孫麗英 陳濱 郭雅榕

摘要：隨著網(wǎng)絡(luò)技術(shù)的進(jìn)步，生活變得更加信息化，用戶(hù)的消費(fèi)方式也在不斷升級(jí)，各種電商層出不窮。傳統(tǒng)商業(yè)經(jīng)營(yíng)越發(fā)困難，比如店鋪高額的租賃成本和人工成本。支付方式的巨大改變、購(gòu)物理念的轉(zhuǎn)換等都讓人們?nèi)粘；顒?dòng)越來(lái)越離不開(kāi)手機(jī)。微信在巨大的在線用戶(hù)數(shù)量和“即用即走”的使用理念上，誕生了微信小程序，小程序一躍成為熱門(mén)的新型線上平臺(tái)。該小程序利用云開(kāi)發(fā)模式，開(kāi)發(fā)者只需注重易點(diǎn)餐系統(tǒng)的前端頁(yè)面構(gòu)建，開(kāi)發(fā)出基于微信小程序的點(diǎn)餐系統(tǒng)。易點(diǎn)餐小程序旨在實(shí)現(xiàn)點(diǎn)餐的快捷操作，無(wú)須排隊(duì)等待，提高點(diǎn)餐效率。系統(tǒng)主要模塊為商家新品預(yù)覽、商品信息展示、購(gòu)物車(chē)管理、下單管理、個(gè)人信息管理。

關(guān)鍵詞：小程序;云開(kāi)發(fā);點(diǎn)餐系統(tǒng);O2O

中圖分類(lèi)號(hào)：TP311.5? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2022）19-0066-04

1 引言

傳統(tǒng)餐飲是消費(fèi)者進(jìn)入店鋪，由商家張貼的菜單進(jìn)行下單。消費(fèi)者將需求告知商家，這樣雖然便于彼此交流，卻很影響商家的工作效率，也浪費(fèi)消費(fèi)者時(shí)間。在點(diǎn)餐的過(guò)程中也經(jīng)常發(fā)生一些小問(wèn)題，好比點(diǎn)餐紙丟失，或服務(wù)員的操作失誤，筆跡不清等。

科技的進(jìn)步使人們的生活習(xí)慣發(fā)生變化。從傳統(tǒng)的電話點(diǎn)餐變?yōu)橥赓u(mài)到家，從到店點(diǎn)餐變?yōu)槭謾C(jī)點(diǎn)餐，人們開(kāi)始追求更快捷的方式。騰訊公司掌握先機(jī)，及時(shí)推出免費(fèi)服務(wù)應(yīng)用程序，在原本大量用戶(hù)的基礎(chǔ)上推出小程序，能夠?qū)τ脩?hù)實(shí)現(xiàn)大規(guī)模推送，同時(shí)根據(jù)個(gè)人、地區(qū)特點(diǎn)進(jìn)行多樣化的開(kāi)發(fā)[1]。

2 相關(guān)理論與技術(shù)支持

2.1 小程序云開(kāi)發(fā)簡(jiǎn)介

云數(shù)據(jù)庫(kù)：為開(kāi)發(fā)者提供方便的數(shù)據(jù)庫(kù)，直接進(jìn)行寫(xiě)、查等操作。提供的SDK能夠?qū)崿F(xiàn)在前端界面中直接對(duì)數(shù)據(jù)進(jìn)行操作，或者利用云函數(shù)對(duì)集合中的記錄進(jìn)行增刪改查操作。

云存儲(chǔ)：是一種文件存儲(chǔ)服務(wù)，使得文件擴(kuò)展性更高、成本更低、更加可靠和安全?？焖俚貙?shí)現(xiàn)上傳、下載操作且管理方便。支持更加靈活的鑒權(quán)策略，完成不用類(lèi)型的用戶(hù)對(duì)文件的管理。具體使用方法需要開(kāi)發(fā)者在客戶(hù)端或者云存儲(chǔ)處利用API接口操作。

云函數(shù)：可理解為在云端中直接應(yīng)用函數(shù)，免費(fèi)搭建專(zhuān)屬服務(wù)器。但是需開(kāi)發(fā)者編寫(xiě)對(duì)應(yīng)的函數(shù)方法，還需要及時(shí)部署到建立的云端中，這就可以在騰訊云安全且彈性的執(zhí)行所寫(xiě)的代碼。

2.2 微信小程序云開(kāi)發(fā)流程

下面是云開(kāi)發(fā)從開(kāi)通項(xiàng)目到上線的所有過(guò)程。

在開(kāi)發(fā)小程序之前，需要使用個(gè)人信息，申請(qǐng)一個(gè)小程序開(kāi)發(fā)賬號(hào)。以后就可以使用個(gè)人賬號(hào)管理小程序，具體開(kāi)發(fā)步驟按照下面執(zhí)行。

1）完成賬號(hào)申請(qǐng)后，開(kāi)發(fā)人員獲得小程序?qū)俚腎D;

2）下載官方開(kāi)發(fā)者工具;

3）初始化項(xiàng)目;

4）環(huán)境設(shè)計(jì)：本次開(kāi)發(fā)使用云開(kāi)發(fā)模式。需要在官方提供的開(kāi)發(fā)環(huán)境下，注冊(cè)并填寫(xiě)對(duì)應(yīng)信息。

3 需求與開(kāi)發(fā)系統(tǒng)分析

3.1 需求分析

需求分析是開(kāi)發(fā)前提，開(kāi)發(fā)者主要關(guān)注點(diǎn)是開(kāi)發(fā)的軟件是否具備開(kāi)發(fā)的價(jià)值。在易點(diǎn)餐開(kāi)發(fā)的早期，要想確保開(kāi)發(fā)的準(zhǔn)確性。要求分析師對(duì)于易點(diǎn)餐中的每一個(gè)功能點(diǎn)，所涉及的內(nèi)容要盡量考慮周全，同時(shí)考慮后續(xù)的性能。這樣才能使得后續(xù)的工作更加方便、快捷、不容易出錯(cuò)[2]。

3.2 可行性分析

任何一個(gè)系統(tǒng)的開(kāi)發(fā)，都需要對(duì)實(shí)施經(jīng)費(fèi)、時(shí)間、所需要的各種硬件資源等進(jìn)行評(píng)估。系統(tǒng)開(kāi)發(fā)不僅僅只是考慮技術(shù)，還需要結(jié)合各種因素。以下是易點(diǎn)餐系統(tǒng)可行性分析說(shuō)明：

1）經(jīng)濟(jì)可行性

主要是分析投入成本、后期項(xiàng)目上線后的運(yùn)維成本[3]。此次系統(tǒng)開(kāi)發(fā)是沒(méi)有硬件設(shè)備的投入的。因?yàn)閿?shù)據(jù)庫(kù)、云端存儲(chǔ)都是微信開(kāi)發(fā)者統(tǒng)一提供的，主要的投入成本是前期的市場(chǎng)推廣費(fèi)用、人力資源投入和基本開(kāi)發(fā)設(shè)備的投入;后期商家的使用費(fèi)用、廣告費(fèi)用。項(xiàng)目上線后可獲得利潤(rùn)收入、產(chǎn)生流量。綜合對(duì)比項(xiàng)目的投入成本和利潤(rùn)收益可以看出，在有限的投入后，可以產(chǎn)生長(zhǎng)期的利潤(rùn)。

2）技術(shù)可行性

易點(diǎn)餐系統(tǒng)主要囊括數(shù)據(jù)庫(kù)的構(gòu)建、接口的調(diào)用。系統(tǒng)的前端實(shí)現(xiàn)使用的是微信官方提供的開(kāi)發(fā)工具和語(yǔ)言，后端是使用云開(kāi)發(fā)。這樣極大地降低了開(kāi)發(fā)的技術(shù)性，使開(kāi)發(fā)人員可以更好地專(zhuān)注于前端視圖。

3.3 系統(tǒng)總業(yè)務(wù)流程分析

系統(tǒng)整體功能介紹，微信搜索“易點(diǎn)餐”或通過(guò)掃一掃，進(jìn)入商家界面。首次進(jìn)入小程序時(shí)，會(huì)自動(dòng)獲得用戶(hù)信息，然后進(jìn)入系統(tǒng)整體界面，包括點(diǎn)餐入口和新品展示。點(diǎn)擊“開(kāi)始點(diǎn)餐”進(jìn)入商品展示區(qū)，主要包括商品信息查看、加入購(gòu)物車(chē)、購(gòu)物車(chē)信息展示和提交訂單功能。

下單后，系統(tǒng)會(huì)給出取餐時(shí)的號(hào)碼，并且會(huì)將訂單中的一些信息提交到數(shù)據(jù)庫(kù)集合中。點(diǎn)擊導(dǎo)航欄“我的”，可查看個(gè)人信息。系統(tǒng)的總體流程如圖1所示。

3.4 系統(tǒng)功能總體分析

1）系統(tǒng)功能設(shè)計(jì)方面比其他系統(tǒng)設(shè)計(jì)得精簡(jiǎn)一點(diǎn)，盡量把不必要的操作去掉。

2）系統(tǒng)界面設(shè)計(jì)簡(jiǎn)潔，可快速找到點(diǎn)餐入口。

3）使用場(chǎng)景方面：小程序的使用場(chǎng)景比較明確，主要是線下的小型實(shí)體店，使得用戶(hù)快速分享系統(tǒng)和進(jìn)行線上購(gòu)物。

基于小程序的設(shè)計(jì)原則，以及為了線下實(shí)體店更好地為用戶(hù)提供快速使用、用完即走的使用體驗(yàn)。易點(diǎn)餐小程序業(yè)務(wù)模塊主要分為：商家新品展示、商品信息、購(gòu)物車(chē)、訂單、個(gè)人信息模塊。

整個(gè)易點(diǎn)餐總能分析流程見(jiàn)圖2。

由圖2系統(tǒng)功能總體分析圖，可以看出易點(diǎn)餐小程序客戶(hù)端主要功能：用戶(hù)查看商品（新品動(dòng)態(tài)展示、商品全部分類(lèi)、詳細(xì)信息、加入購(gòu)物車(chē)等）、管理購(gòu)物車(chē)模塊、個(gè)人信息模塊（取得登錄信息、查看個(gè)人信息）、訂單信息模塊總共4個(gè)模塊。

3.5 系統(tǒng)功能詳細(xì)分析

由需求分析、系統(tǒng)總業(yè)務(wù)流程、系統(tǒng)功能總體分析，可以看出系統(tǒng)受眾人群是消費(fèi)者和商家。其中需求分析可以看出，消費(fèi)者應(yīng)具有易點(diǎn)餐總體分析圖里所有的功能。但商家除了具有上述功能外，還可以查看數(shù)據(jù)庫(kù)（商品信息、消費(fèi)者訂單信息、消費(fèi)者個(gè)人基本信息），并具有修改、查看、刪除等功能。

3.5.1 用戶(hù)總功能圖

由結(jié)構(gòu)圖可以看出，用戶(hù)需求基本已經(jīng)滿(mǎn)足，前端頁(yè)面實(shí)現(xiàn)信息展示功能，后端主要是經(jīng)過(guò)云開(kāi)發(fā)來(lái)管理用戶(hù)數(shù)據(jù)和頁(yè)面商品信息。

3.5.2 點(diǎn)餐功能圖

消費(fèi)者進(jìn)入點(diǎn)餐入口后，可以看到商家提供的商品信息，選擇商品加購(gòu)下單。圖4是其對(duì)應(yīng)的點(diǎn)餐流程圖。

由結(jié)構(gòu)圖看出，瀏覽商品的時(shí)候，加購(gòu)的商品信息是先提交到緩存區(qū)中。只有確認(rèn)完個(gè)人的加購(gòu)信息，才會(huì)上傳到對(duì)應(yīng)的數(shù)據(jù)庫(kù)集合，這種操作可確保數(shù)據(jù)記錄的精確性;同時(shí)利用緩存區(qū)，可保證下單的流暢性。避免了不斷訪問(wèn)數(shù)據(jù)庫(kù)帶來(lái)的流量消耗，保證自身的網(wǎng)絡(luò)速度。

3.5.3 購(gòu)物車(chē)

消費(fèi)者在加購(gòu)?fù)晟唐窌r(shí)，為了方便用戶(hù)在付款前確定個(gè)人的加購(gòu)信息，系統(tǒng)提供購(gòu)物車(chē)管理功能。用戶(hù)可隨時(shí)查看個(gè)人加購(gòu)的商品、管理加購(gòu)數(shù)量、能夠清空加購(gòu)商品，輕松實(shí)現(xiàn)消費(fèi)者對(duì)購(gòu)物車(chē)的管理。購(gòu)物車(chē)的系統(tǒng)設(shè)計(jì)基本滿(mǎn)足了用戶(hù)在日常生活中的需求。

3.5.4 個(gè)人信息管理

用戶(hù)在商品展示界面中，完成加購(gòu)操作后，給商家查看手機(jī)上完成的訂單信息。選擇對(duì)應(yīng)的付款方式后，就可以等待服務(wù)員提供商品。此時(shí)用戶(hù)也可以在個(gè)人模塊，查看個(gè)人信息或者已完成訂單。

1）用戶(hù)在首次進(jìn)入易點(diǎn)餐系統(tǒng)時(shí)，授權(quán)獲取了微信頭像和用戶(hù)名。點(diǎn)擊底部一欄“我的”可查看具體信息。

2）用戶(hù)如果想要分享易點(diǎn)餐系統(tǒng)給自己的朋友，可以選擇“轉(zhuǎn)發(fā)好友”功能，此時(shí)會(huì)自動(dòng)跳轉(zhuǎn)到微信分享界面。

3）完成下單操作后，用戶(hù)是可查看訂單的，但是如果沒(méi)有加購(gòu)過(guò)商品，在訂單頁(yè)面中，顯示空信息。

3.6 系統(tǒng)界面設(shè)計(jì)

此系統(tǒng)是在微信平臺(tái)上來(lái)開(kāi)發(fā)小程序。對(duì)于微信小程序而言最高的頁(yè)面深度是不能超過(guò)五層的，所以此次點(diǎn)餐系統(tǒng)的頁(yè)面設(shè)計(jì)，要合理地分配每一級(jí)頁(yè)面的內(nèi)容。

1）一級(jí)界面

本系統(tǒng)的一級(jí)界面分別是“首頁(yè)”“訂單查詢(xún)”“我的”三個(gè)主要部分。其中默認(rèn)進(jìn)入頁(yè)面是首頁(yè)，首頁(yè)的內(nèi)容主要是點(diǎn)餐頁(yè)面的入口和滾動(dòng)展示商家最新推廣的產(chǎn)品。點(diǎn)擊購(gòu)物車(chē)，顯示加購(gòu)的大致內(nèi)容。點(diǎn)擊“我的”，主要是用戶(hù)的信息界面展示，包括用戶(hù)的微信頭像和用戶(hù)名、手機(jī)號(hào)、分享功能。

2）二級(jí)界面

除了“首頁(yè)”和“我的”這兩個(gè)一級(jí)界面外，通過(guò)點(diǎn)擊一級(jí)界面中的首頁(yè)中間“開(kāi)始點(diǎn)餐”按鈕。進(jìn)入菜單展示，消費(fèi)者可查看并加購(gòu)商品。點(diǎn)擊一級(jí)界面中“我的”選項(xiàng)欄，此時(shí)提供了一個(gè)二級(jí)界面轉(zhuǎn)發(fā)選項(xiàng)，點(diǎn)擊轉(zhuǎn)發(fā)會(huì)轉(zhuǎn)到自己想要轉(zhuǎn)發(fā)的群組。

3）三級(jí)界面

點(diǎn)擊首頁(yè)中的開(kāi)始點(diǎn)餐，進(jìn)入餐品展示部分，瀏覽后加入購(gòu)物車(chē)，添加完成后，提交訂單后就進(jìn)入到三級(jí)界面，三級(jí)界面主要是訂單詳情頁(yè)?？梢渣c(diǎn)“支付”，也可返回到點(diǎn)餐頁(yè)面，重新加購(gòu)[2]。

4 系統(tǒng)設(shè)計(jì)實(shí)現(xiàn)

4.1 易點(diǎn)餐數(shù)據(jù)庫(kù)設(shè)計(jì)

設(shè)計(jì)數(shù)據(jù)庫(kù)：在工具欄中點(diǎn)擊“云開(kāi)發(fā)”后獲得數(shù)據(jù)庫(kù)。本次系統(tǒng)開(kāi)發(fā)總共涉及dishes、order、user三個(gè)數(shù)據(jù)庫(kù)。其中dishes用來(lái)存儲(chǔ)商家呈現(xiàn)給用戶(hù)的商品信息、order用來(lái)存儲(chǔ)訂單信息、user用來(lái)存儲(chǔ)用戶(hù)記錄。注意數(shù)據(jù)庫(kù)權(quán)限設(shè)置用戶(hù)只讀，管理員讀寫(xiě)。

存儲(chǔ)管理：不斷發(fā)展的大數(shù)據(jù)和網(wǎng)絡(luò)技術(shù)，要求將數(shù)據(jù)存儲(chǔ)在云端，這樣就可以實(shí)現(xiàn)云端數(shù)據(jù)訪問(wèn)，使得數(shù)據(jù)共享更加方便。谷歌、阿里巴巴、亞馬遜、騰訊等成立自己的云服務(wù)平臺(tái)，為大眾提供服務(wù)。目前使用的云存儲(chǔ)就是騰訊建立云平臺(tái)，來(lái)達(dá)到存儲(chǔ)數(shù)據(jù)的作用[4]。

云開(kāi)發(fā)給開(kāi)發(fā)者提供能夠利用的存儲(chǔ)空間，可以上傳到云端、而云端的管理也可權(quán)限限制。開(kāi)發(fā)者經(jīng)過(guò)調(diào)用API來(lái)利用云存儲(chǔ)保存文件。在使用時(shí)，需要操作云存儲(chǔ)空間。

1）數(shù)據(jù)庫(kù)概念設(shè)計(jì)

云數(shù)據(jù)是MangoDb類(lèi)型，其目前是開(kāi)源的、不固定、高性能、面向文檔類(lèi)型的NoSQL數(shù)據(jù)庫(kù)。主要是將數(shù)據(jù)存儲(chǔ)為文檔，文檔之間再進(jìn)行嵌套，快速地找到記錄。

云開(kāi)發(fā)中的數(shù)據(jù)庫(kù)與MangoDb語(yǔ)法相似，集合中存在的記錄實(shí)質(zhì)上也是JSON對(duì)象。雖然是一個(gè)數(shù)據(jù)庫(kù)，但是提供多個(gè)集合。其中集合可以看作一個(gè)JSON數(shù)組，數(shù)組中每個(gè)對(duì)象又是一條JSON類(lèi)型的記錄。

2）數(shù)據(jù)庫(kù)邏輯JSON結(jié)構(gòu)設(shè)計(jì)

數(shù)據(jù)庫(kù)中的表，在云開(kāi)發(fā)數(shù)據(jù)平臺(tái)中稱(chēng)之為集合，本次系統(tǒng)開(kāi)發(fā)涉及了3個(gè)集合，分別是商品信息集合、訂單信息集合、用戶(hù)個(gè)人信息集合。

云數(shù)據(jù)庫(kù)中集合的記錄，聲明隨機(jī)、唯一的id和_openid（可自定義）。當(dāng)用戶(hù)想要訪問(wèn)數(shù)據(jù)庫(kù)中某條記錄，只要經(jīng)由集合名字，對(duì)應(yīng)的記錄中_openid便可完成調(diào)用。用戶(hù)不同其_openid也存在差異，記錄中id也均不一樣。

權(quán)限在云數(shù)據(jù)庫(kù)中是用戶(hù)端和管理端兩種方式，管理人員可以直接在數(shù)據(jù)庫(kù)中對(duì)記錄的數(shù)據(jù)實(shí)現(xiàn)增、刪、改、操作。為保護(hù)云數(shù)據(jù)庫(kù)中的數(shù)據(jù)，需要明確不同類(lèi)型的訪問(wèn)者所具有的數(shù)據(jù)庫(kù)權(quán)限，權(quán)限設(shè)置見(jiàn)表1。

①dishes集合里存儲(chǔ)的記錄，是從coco公開(kāi)的API中調(diào)取的數(shù)據(jù)。數(shù)據(jù)中主要包括不同分類(lèi)中的商品信息。

數(shù)據(jù)庫(kù)中的菜單集合設(shè)計(jì)如下：

下面是商品dishes集合中，每個(gè)字段中的數(shù)據(jù)存儲(chǔ)格式，每個(gè)箭頭代表當(dāng)前字段里包含的數(shù)據(jù)：

②菜單集合中的數(shù)據(jù)是用戶(hù)在提交加購(gòu)信息時(shí)，將存儲(chǔ)商品的基本信息的字段、加購(gòu)總金額、加購(gòu)總數(shù)量提交到緩存中。當(dāng)用戶(hù)在訂單預(yù)覽的頁(yè)面中，用戶(hù)檢查要提交的信息時(shí)候，連接數(shù)據(jù)庫(kù)，上傳到菜單集合中。

③user集合中的數(shù)據(jù)則是先取得用戶(hù)同意的條件下，取得微信頭像、微信名。

集合中實(shí)際數(shù)據(jù)。其中數(shù)據(jù)中user集合設(shè)計(jì)如表4。

用戶(hù)信息字段是都是字符串類(lèi)型，所以在用戶(hù)集合中的數(shù)據(jù)記錄都是單一的關(guān)系[5]。

4.2 易點(diǎn)餐系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

本系統(tǒng)核心用戶(hù)人群是消費(fèi)者，系統(tǒng)的框架也是從消費(fèi)者的真實(shí)感受出發(fā)。根據(jù)前期的一些設(shè)計(jì)，系統(tǒng)分為：店家首頁(yè)、餐品展示、購(gòu)物車(chē)、提交訂單、訂單返回、檢查個(gè)人訂單信息、我的合計(jì)七個(gè)部分設(shè)計(jì)。

4.2.1 店家首頁(yè)展示設(shè)計(jì)

用戶(hù)可以通過(guò)多種方式進(jìn)入易點(diǎn)餐系統(tǒng)頁(yè)面。默認(rèn)初始頁(yè)面是系統(tǒng)首頁(yè)，首頁(yè)主要是展示商家最新推出的商品。

首頁(yè)商品展示主要是使用循環(huán)組件來(lái)循環(huán)訪問(wèn)頁(yè)面給出的圖片字段（imgUrl）中的數(shù)據(jù)，然后用函數(shù)調(diào)用數(shù)據(jù)中的記錄循環(huán)展示。最后用戶(hù)可以按【開(kāi)始點(diǎn)餐】按鈕，進(jìn)到餐品信息界面。

4.2.2 出售商品展示設(shè)計(jì)

商品加購(gòu)頁(yè)面是此次系統(tǒng)開(kāi)發(fā)重要部分，用戶(hù)在本界面可以查看商品、加購(gòu)商品、提交訂單等基本的購(gòu)物操作。

進(jìn)入加購(gòu)頁(yè)面后，消費(fèi)者所看到的是商家菜單信息展示;調(diào)用云數(shù)據(jù)中的dishes集合中的數(shù)據(jù)，集合中每一個(gè)數(shù)據(jù)，代表著一類(lèi)商品的基本信息。包含圖片、價(jià)錢(qián)、描述信息、名字、銷(xiāo)售量等。這里開(kāi)發(fā)者選擇只將商品的圖片、名字、價(jià)錢(qián)三個(gè)信息展示在銷(xiāo)售頁(yè)面。

易點(diǎn)餐系統(tǒng)商品實(shí)際出售界面如圖5所示。

4.2.3 購(gòu)物車(chē)設(shè)計(jì)

消費(fèi)者在商品下單頁(yè)面，可將心儀的物品點(diǎn)擊加購(gòu)按鈕圖標(biāo)，從而添加到購(gòu)物車(chē)。用戶(hù)可以點(diǎn)擊購(gòu)物車(chē)查看個(gè)人加購(gòu)的商品、修改加購(gòu)數(shù)量、能夠清空購(gòu)物車(chē)等輕松實(shí)現(xiàn)用戶(hù)對(duì)加購(gòu)商品的管理。

1）查看購(gòu)物車(chē)信息

頁(yè)面底部能夠看到加購(gòu)信息。剛進(jìn)入詳情頁(yè)時(shí)，底部顯示“購(gòu)物車(chē)為空”灰色文字。這里用總金額作為其顯示條件，當(dāng)總金額為0的時(shí)候，說(shuō)明加購(gòu)商品為空，組件使用默認(rèn)的樣式文件;當(dāng)總金額不為空時(shí)，添加激活樣式，顏色變?yōu)榫G色。

點(diǎn)擊系統(tǒng)底部的購(gòu)物車(chē)，調(diào)用購(gòu)物車(chē)展示函數(shù)，從而判斷是否展示加購(gòu)信息列表。

具體判斷邏輯如下：

第一步：執(zhí)行購(gòu)物車(chē)展示函數(shù)。

第二步：判斷加購(gòu)商品列表的長(zhǎng)度，不為0執(zhí)行第三步。

第三步：對(duì)底部購(gòu)物車(chē)顯示條件進(jìn)行賦值。當(dāng)購(gòu)物車(chē)中的商品信息不為空時(shí)，把組件中的判斷條件置為true，會(huì)顯示之前隱藏的加購(gòu)商品信息組件。

2）管理底部購(gòu)物車(chē)

當(dāng)消費(fèi)者在購(gòu)物車(chē)中點(diǎn)擊“-”“+”、清空按鈕可以實(shí)現(xiàn)編輯商品數(shù)量的功能，三個(gè)操作分別觸發(fā)減少事件、添加事件和清空事件所對(duì)應(yīng)的函數(shù)，從而更新購(gòu)物車(chē)中的商品列表、總金額、總數(shù)量等視圖信息。

具體操作和實(shí)現(xiàn)邏輯見(jiàn)圖6。

說(shuō)明：滿(mǎn)足以下任意一個(gè)條件的時(shí)候，購(gòu)物車(chē)都是為空：

①商品列表變?yōu)榭眨篬]，購(gòu)物車(chē)中的總金額為0，總數(shù)量為0;

② 購(gòu)物車(chē)顯示條件變?yōu)閒alse，頁(yè)面底部變?yōu)榛疑也荒茳c(diǎn)擊。

4.2.4 提交訂單界面展示設(shè)計(jì)

用戶(hù)完成商品的加購(gòu)后。點(diǎn)擊底部一欄右側(cè)的“選好了”按鈕。調(diào)用提交購(gòu)物車(chē)方法，將獲得到的商品卡品信息、總金額、總數(shù)量信息保存在緩存區(qū)中，同時(shí)跳轉(zhuǎn)到指定的界面。

實(shí)現(xiàn)流程如圖7所示。

當(dāng)用戶(hù)最后確認(rèn)訂單信息后，判斷訂單是否滿(mǎn)足滿(mǎn)減要求即總價(jià)格大于20即可享受減3服務(wù)，滿(mǎn)減力度是由商家自己設(shè)置的。最后觸發(fā)自定義的支付方法，調(diào)用文檔接口，連接數(shù)據(jù)庫(kù)。將消費(fèi)者的加購(gòu)信息在集合中保存為一條記錄。此時(shí)還需要監(jiān)控本身數(shù)據(jù)庫(kù)集合連接情況，當(dāng)下單成功時(shí)頁(yè)面彈出“下單成功”，不然頁(yè)面顯示“下單失敗，請(qǐng)重試”。

4.2.5 個(gè)人信息展示設(shè)計(jì)

“我的”頁(yè)面中，可看到易點(diǎn)餐系統(tǒng)中個(gè)人信息。其中消費(fèi)者的微信頭像和用戶(hù)名是已經(jīng)授權(quán)獲取。通過(guò)調(diào)用方法，來(lái)獲得其中對(duì)應(yīng)的微信名和頭像地址。

下面是邏輯實(shí)現(xiàn)順序：

第一步：在個(gè)人頁(yè)面中，監(jiān)聽(tīng)頁(yè)面初始加載狀態(tài)。

第二步：加載完成后，調(diào)用方法獲取數(shù)據(jù)。成功時(shí)將其數(shù)據(jù)寫(xiě)入user集合中。

第三步：連接用戶(hù)集合，將用戶(hù)信息添加為一條記錄。

5 結(jié)論與展望

易點(diǎn)餐微信小程序需向用戶(hù)呈現(xiàn)其核心功能，滿(mǎn)足用戶(hù)的特定需求[6]，本著的原則就是服務(wù)線下的門(mén)店商家，開(kāi)發(fā)的目標(biāo)也是幫助商家更好地開(kāi)展線上活動(dòng)。為消費(fèi)者和商家提供一個(gè)平臺(tái)，商家可以分享最新產(chǎn)品和提供點(diǎn)餐需求，降低宣傳費(fèi)用，節(jié)約成本的同時(shí)，還可以合理地管理平臺(tái)和用戶(hù)。同時(shí)能夠滿(mǎn)足消費(fèi)者“觸手可及”“用完即走”的購(gòu)物需求，購(gòu)物滿(mǎn)意度得到提升[7]。此外消費(fèi)者接受新事物的能力很高，從原本的不愿意到現(xiàn)在的積極參與，小程序的發(fā)展在一定程度上是社會(huì)發(fā)展的產(chǎn)物。

其次，消費(fèi)者會(huì)員化是科技發(fā)展的必要產(chǎn)物。大數(shù)據(jù)、云計(jì)算、區(qū)塊鏈的快速發(fā)展，不僅僅是滲透到互聯(lián)網(wǎng)領(lǐng)域，甚至是滲透到社會(huì)各個(gè)領(lǐng)域中、滲透到人們的生活中。商家如果不去擁抱潮流，就會(huì)被潮流所擊倒，線下的企業(yè)要積極擁抱互聯(lián)網(wǎng)，進(jìn)行必要的服務(wù)升級(jí)，這樣才能創(chuàng)造出巨大的利潤(rùn)空間。

參考文獻(xiàn)：

[1] 譚楷祥.基于微信公眾平臺(tái)的點(diǎn)餐系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].南京：南京大學(xué)，2014.

[2] 金瑩.基于微信小程序的個(gè)人電臺(tái)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].長(zhǎng)春：吉林大學(xué)，2017.

[3] 宋曉東.高校就業(yè)信息管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].成都：電子科技大學(xué)，2012.

[4] 李孟輝.基于Web的云開(kāi)發(fā)平臺(tái)的研究與實(shí)現(xiàn)[D].成都：電子科技大學(xué)，2017.

[5] 趙俊.社交網(wǎng)絡(luò)的數(shù)據(jù)采集與分析方法研究[D].鄭州：鄭州大學(xué)，2015.

[6] 劉敏，孟慧瑩.基于微信小程序的圖書(shū)館集群化智能服務(wù)模式研究[J].圖書(shū)情報(bào)研究，2021，14（2）：44-49

[7] 馬靜.基于微信小程序的購(gòu)物商城系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].微型電腦應(yīng)用，2021，37（3）：31-34.

收稿日期：2022-03-11

基金項(xiàng)目：軟件技術(shù)特色專(zhuān)業(yè)（項(xiàng)目編號(hào)：Xjtszy20201）

作者簡(jiǎn)介：種倩倩（1993—），女，安徽宿州人，助教，學(xué)士，研究方向?yàn)檐浖夹g(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù);孫麗英（1982—），女，安徽合肥人，講師，碩士，研究方向?yàn)檐浖こ谭较?陳濱（1981—），男，江蘇鹽城人，講師，學(xué)士，研究方向?yàn)檐浖こ虒?zhuān)業(yè);郭雅榕（1995—），女，安徽安慶人，助教，學(xué)士，研究方向?yàn)榇髷?shù)據(jù)方向。