PAGEPAGE11哈爾濱工業(yè)大學(xué)本科畢業(yè)設(shè)計(jì)（論文）摘要本研究旨在探索小程序商城的設(shè)計(jì)與實(shí)現(xiàn)，并分析其在電商行業(yè)的應(yīng)用以及用戶的滿意度和效益。首先，介紹了小程序商城的發(fā)展歷程和現(xiàn)狀，并對(duì)其優(yōu)勢(shì)與挑戰(zhàn)進(jìn)行了分析。其次，詳細(xì)描述了小程序商城的設(shè)計(jì)，包括前端功能設(shè)計(jì)、后臺(tái)管理系統(tǒng)設(shè)計(jì)和數(shù)據(jù)庫(kù)設(shè)計(jì)等內(nèi)容。接下來(lái)，我們針對(duì)小程序商城的功能部分做了深入的研究，這涉及到其各項(xiàng)功能的需求、性能要求及實(shí)際可行性的評(píng)估。具體來(lái)說(shuō)，該系統(tǒng)的界面主要包含了登入、產(chǎn)品展示、購(gòu)物清單、交易結(jié)賬、線上客戶服務(wù)、評(píng)論板塊以及個(gè)人訂單管理等幾個(gè)方面;而后臺(tái)則涵蓋了產(chǎn)品的管理、訂單處理以及整個(gè)系統(tǒng)的控制等幾大塊。為了確保系統(tǒng)的穩(wěn)定運(yùn)行，我們?cè)谕瓿蛇@個(gè)小程序之后，對(duì)其各方面的功能適用性表現(xiàn)等多個(gè)維度都進(jìn)行了全面的檢測(cè)。通過(guò)對(duì)這些測(cè)試數(shù)據(jù)的綜合分析，我們可以確認(rèn)這款小程序已經(jīng)成功地實(shí)現(xiàn)了一系列功能模塊的目標(biāo)，達(dá)到了上線的標(biāo)準(zhǔn)，能夠完全滿足顧客的購(gòu)物需要。最后，總結(jié)了本研究的成果，展望了未來(lái)的研究方向。本研究的創(chuàng)新點(diǎn)在于設(shè)計(jì)了一個(gè)完整的小程序商城系統(tǒng)，未來(lái)的研究可以進(jìn)一步優(yōu)化小程序商城的功能模塊，提升用戶體驗(yàn)，實(shí)現(xiàn)更大的商業(yè)價(jià)值。關(guān)鍵詞：小程序開(kāi)發(fā)；電商平臺(tái)；網(wǎng)上商城；用戶體驗(yàn)AbstractThisresearchaimstoexplorethedesignandimplementationofthesmallprogrammall,andanalyzeitsapplicationinthee-commerceindustry,aswellasusersatisfactionandbenefits.First,itintroducesthedevelopmenthistoryandcurrentsituationofthesmallprogrammall,andanalyzesitsadvantagesandchallenges.Secondly,itdescribesthedesignofthesmallprogrammallindetail,includingthefront-endfunctiondesign,theback-endmanagementsystemdesignandthedatabasedesign.Next,wemadeanin-depthstudyofthefunctionalpartofthesmallprogrammall,whichinvolvestheevaluationoftherequirements,performancerequirementsandpracticalfeasibilityofitsvariousfunctions.Specifically,theinterfaceofthesystemmainlyincludeslogin,productdisplay,shoppinglist,transactioncheckout,onlinecustomerservice,commentsectionandpersonalordermanagementandotheraspects;Thebackendcoversseveralmajorareassuchasproductmanagement,orderprocessing,andcontroloftheentiresystem.Inordertoensurethestableoperationofthesystem,aftercompletingthissmallprogram,weconductedacomprehensiveinspectionofitsfunctionalapplicabilityperformanceandotherdimensions.Throughthecomprehensiveanalysisofthesetestdata,wecanconfirmthatthissmallprogramhassuccessfullyachievedthegoalofaseriesoffunctionalmodules,reachedthestandardofonline,andcanfullymeettheshoppingneedsofcustomers.Finally,theresultsofthisresearcharesummarized,andthefutureresearchdirectionsareprospected.Theinnovationofthisresearchistodesignacompletesmallprogrammallsystem.Futureresearchcanfurtheroptimizethefunctionalmodulesofthesmallprogrammall,improveuserexperience,andachievegreatercommercialvalue.Keywords:Miniprogramdevelopment,E-commerceplatforms,Onlineshoppingmall,Userexperience目錄TOC\o"1-3"\h\u7249本科生畢業(yè)設(shè)計(jì)（論文）原創(chuàng)性聲明 I18301摘要 II19014Abstract III17201第1章緒論 1271471.1研究背景 1164731.2國(guó)內(nèi)外研究概況 276281.2.1小程序研究現(xiàn)狀 2249731.3研究?jī)?nèi)容 319059第2章相關(guān)技術(shù)介紹 5230272.2相關(guān)技術(shù) 5227322.2.1JavaScript 5287732.2.2HTML語(yǔ)言 5226862.2.3CSS框架 542472.2.4MySQL 5239832.2.5云開(kāi)發(fā)平臺(tái) 6659第3章系統(tǒng)需求分析 7281113.1項(xiàng)目整體需求分析 7253603.2可行性研究 7205763.2.1經(jīng)濟(jì)可行性 729153.2.2時(shí)間可行性 7212373.2.3技術(shù)可行性 7199993.3系統(tǒng)功能性需求 8296863.3.1微信端功能需求分析 8219233.3.2后臺(tái)服務(wù)端功能需求分析 11111243.4系統(tǒng)非功能性需求 1472053.5本章小結(jié) 142963第4章暖暖易購(gòu)網(wǎng)上商城的系統(tǒng)設(shè)計(jì) 16289214.1架構(gòu)設(shè)計(jì) 16320404.1.1總體架構(gòu)設(shè)計(jì) 16238434.1.2小程序微信端架構(gòu)設(shè)計(jì) 17170354.2系統(tǒng)模塊的設(shè)計(jì) 1724264.2.1微信端功能模塊設(shè)計(jì) 18311434.2.2后臺(tái)管理系統(tǒng)設(shè)計(jì) 2168844.3數(shù)據(jù)庫(kù)設(shè)計(jì) 25245214.3.1數(shù)據(jù)庫(kù)E-R圖 25239274.3.2數(shù)據(jù)庫(kù)表結(jié)構(gòu) 29278474.4本章小結(jié) 317545第5章暖暖易購(gòu)網(wǎng)上商城的實(shí)現(xiàn) 33185435.1開(kāi)發(fā)工具 33178185.1.1微信開(kāi)發(fā)工具-小程序簡(jiǎn)介 33297935.2系統(tǒng)環(huán)境的實(shí)現(xiàn) 33214785.2.1獲取微信小程序ID 3355655.2.2搭建開(kāi)發(fā)環(huán)境 338185.3系統(tǒng)架構(gòu)的實(shí)現(xiàn) 34259405.4系統(tǒng)模塊的實(shí)現(xiàn) 34135955.4.1微信端功能模塊實(shí)現(xiàn) 34169485.4.2后臺(tái)管理系統(tǒng)設(shè)計(jì)模塊的實(shí)現(xiàn) 44186365.4.3本章小結(jié) 47460第6章系統(tǒng)測(cè)試 48115586.1測(cè)試方法 48127956.2系統(tǒng)測(cè)試環(huán)境 48125476.3測(cè)試結(jié)果 48257966.3.1系統(tǒng)功能測(cè)試結(jié)果 48273026.4本章小結(jié) 496785第7章總結(jié)與展望 5160417.1研究總結(jié) 51181217.2研究展望 518323參考文獻(xiàn) 533428致謝 54PAGEPAGE11第1章緒論1.1研究背景小程序商城是微信中具有極強(qiáng)商業(yè)性質(zhì)的代表之一。它利用公眾號(hào)推廣積累的用戶資源，將其轉(zhuǎn)化為潛在的消費(fèi)用戶，并通過(guò)公眾號(hào)的商業(yè)文案吸引用戶進(jìn)入小程序商城進(jìn)行消費(fèi)。因此，小程序商城成為了公眾號(hào)推廣和小程序商業(yè)營(yíng)銷的重要環(huán)節(jié)。小程序作為一種新興的移動(dòng)應(yīng)用形式，其發(fā)展歷程經(jīng)歷了多個(gè)階段。最早的時(shí)候，小程序的概念由微信提出。2016年，微信正式推出小程序，并成為了國(guó)內(nèi)最大的小程序平臺(tái)。這一時(shí)期，小程序在用戶數(shù)量和開(kāi)發(fā)者數(shù)量上迅速增長(zhǎng)，吸引了眾多企業(yè)和個(gè)人的關(guān)注。隨著小程序的普及和發(fā)展，各大互聯(lián)網(wǎng)公司紛紛加入到小程序領(lǐng)域。2018年，支付寶推出自己的小程序，成為了另一個(gè)影響力較大的平臺(tái)。在此之后，其他互聯(lián)網(wǎng)巨頭如百度、京東等也紛紛推出了自己的小程序平臺(tái)。這一階段，小程序的發(fā)展呈現(xiàn)出競(jìng)爭(zhēng)加重的態(tài)勢(shì)，不同平臺(tái)之間展開(kāi)了激烈的爭(zhēng)奪。隨著小程序行業(yè)不斷發(fā)展壯大，小程序商城也嶄露頭角。小程序商城是指在小程序平臺(tái)上建立一個(gè)完整的電商購(gòu)物平臺(tái)，供用戶進(jìn)行商品瀏覽、下單購(gòu)買(mǎi)等操作。這種形式的小程序商城是近年來(lái)興起的一種新興商業(yè)模式，具有許多獨(dú)特的優(yōu)勢(shì)。在經(jīng)歷了52年的發(fā)展之后，因特網(wǎng)已成為最迅速、最廣泛和最具參與性的技術(shù)行業(yè)。2020年9月，中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心發(fā)布第46次《中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》REF_Ref18713\r\h[1]。根據(jù)中國(guó)移動(dòng)網(wǎng)絡(luò)用戶數(shù)量，截止到2020年六月，已經(jīng)達(dá)到9.32億，占全國(guó)互聯(lián)網(wǎng)用戶的99.2%，其中，有7.47億用戶，占80.1%。隨著4G的普及和PCInternet轉(zhuǎn)向MobileWeb，傳統(tǒng)的網(wǎng)頁(yè)訪問(wèn)模式正在減退；同時(shí)，越來(lái)越多的消費(fèi)者傾向通過(guò)智能設(shè)備上的APP來(lái)完成他們的在線購(gòu)買(mǎi)行為——這使得其實(shí)由網(wǎng)站主導(dǎo)的方式變得更加多元且分散。高速發(fā)展的同時(shí)也引發(fā)了新的問(wèn)題，App占用空間越來(lái)越大，無(wú)限制獲取用戶隱私信息，不加節(jié)制的推送營(yíng)銷廣告，應(yīng)用程序之間相互喚醒大量占用手機(jī)運(yùn)行內(nèi)存REF_Ref15651\r\h[2]。用戶在享受App帶來(lái)的便利時(shí)，也將接受諸多的霸王條款。據(jù)分析，用戶使用App的類型較為豐富，但使用頻次普遍不高，大量App使用率極低，為小程序的出現(xiàn)提供了契機(jī)。廣義的小程序是指區(qū)別于原生App，具有免安裝、隨用隨走特性的程序。狹義的小程序是指運(yùn)行在微信平臺(tái)免安裝的程序REF_Ref15709\r\h[3]。小程序的誕生，“去App化”的概念被提了出來(lái)，這并非是把所有的應(yīng)用都卸下來(lái)，而是把那些頻率較低的應(yīng)用，換成了小程序。受到新冠疫情影響下線上服務(wù)的推動(dòng)力，政府提供的公共事務(wù)處理工具和服務(wù)群組采購(gòu)與視頻分享類型的微信小型項(xiàng)目已經(jīng)深入到人們的日常生活中并且取得了飛快成長(zhǎng)的成績(jī)。截至2020年6月，每天有超過(guò)四點(diǎn)四個(gè)億的人們參與其中活動(dòng)。從騰訊2019年公開(kāi)披露的一季報(bào)能夠看到，在這一季，微信和WeChat擁有令人驚訝的每月活躍帳號(hào)，較去年同期增加69%。由此可見(jiàn),微信有著復(fù)雜的用戶基礎(chǔ)，直播商城小程序的前景廣闊。如果二者能夠有機(jī)地結(jié)合起來(lái)，則不僅是廣大用戶的福音，對(duì)于商家的宣傳也極其有利，且小程序與傳統(tǒng)平臺(tái)有著本質(zhì)的華東師范大學(xué)碩士專業(yè)學(xué)位論文14區(qū)別，大大解決了平臺(tái)抽成問(wèn)題REF_Ref12525\r\h[4]。小程序沒(méi)有平臺(tái)抽成，也不需要繳納平臺(tái)押金等等，商家只需要專注于店鋪搭建與運(yùn)營(yíng)就可以了，運(yùn)營(yíng)成本降低,商家的收益自然就會(huì)穩(wěn)步提升。由此可見(jiàn)，微信小程序的設(shè)計(jì)前景廣闊。以上是對(duì)小程序商城研究背景的敘述，引用了相關(guān)參考資料，以期為后續(xù)的研究工作奠定基礎(chǔ)。1.2國(guó)內(nèi)外研究概況1.2.1小程序研究現(xiàn)狀小程序作為一種新興的移動(dòng)應(yīng)用形式，隨著電商系統(tǒng)的發(fā)展，功能日益強(qiáng)大，用戶的數(shù)量大幅度增加，這種情況下單體架構(gòu)或粗粒度SOA架構(gòu)的缺陷日益明顯，需要選擇新的系統(tǒng)架構(gòu).與此相關(guān)的微服務(wù)框架也被建立起，如Dubbo、SpringCloud等，在實(shí)際的系統(tǒng)開(kāi)發(fā)中取得顯著效果。2016年，Pivotal研發(fā)出SpringCloudREF_Ref12640\r\h[5]服務(wù)框架，根據(jù)相關(guān)資料可知，其主要是基于SpringBoot建立的，此框架在進(jìn)行配置時(shí)依據(jù)了約定優(yōu)于配置的原則，這樣可以大幅度簡(jiǎn)化結(jié)構(gòu)。SpringBoot的特征表現(xiàn)為面向切面編程，因而降低了編程難度。盡管如此，我們觀察到在后端開(kāi)發(fā)過(guò)程中，Spring仍然得到了大量的使用。借助SpringBoot平臺(tái)，我們可以迅速構(gòu)建獨(dú)立的微服務(wù)。而SpringCloud則是由SpringBoot衍生出的解決策略，旨在提供對(duì)服務(wù)注冊(cè)及尋址、服務(wù)消費(fèi)者、服務(wù)中斷保護(hù)、服務(wù)門(mén)戶以及分布式調(diào)用跟蹤、分布式設(shè)置管理等方面的支持，從而確保系統(tǒng)的穩(wěn)定性和靈活性。小程序在我國(guó)的發(fā)展比較落后。2017年，騰訊發(fā)布了微信小程序，這是為了彌補(bǔ)這一領(lǐng)域的不足，而在中國(guó)，這是一個(gè)非常好的例子。與谷歌推出的IM軟件不同，微信提供的軟件是以微信為基礎(chǔ)的，而IM軟件則是以移動(dòng)電話為基礎(chǔ)的。受到2020年疫情的影響，小程序從健康碼出發(fā)，逐漸延伸到社區(qū)團(tuán)購(gòu)、政務(wù)服務(wù)、生活服務(wù)等領(lǐng)域，對(duì)人們?nèi)粘Ｉ钤斐闪松钸h(yuǎn)的影響REF_Ref20030\r\h[6]。疫情后，人們線上購(gòu)物習(xí)慣的持續(xù)增長(zhǎng)不僅是一種應(yīng)對(duì)疫情的生活方式轉(zhuǎn)變，更體現(xiàn)了對(duì)數(shù)字化社會(huì)的深刻適應(yīng)；據(jù)數(shù)據(jù)顯示，2023年前三季度全國(guó)網(wǎng)上零售額達(dá)到10.8萬(wàn)億元，同比增長(zhǎng)11.6%；這不僅反映了線上購(gòu)物在消費(fèi)者心中的持久地位，同時(shí)突顯了數(shù)字經(jīng)濟(jì)在塑造新時(shí)代零售格局中的巨大潛力；隨著科技的不斷創(chuàng)新，智能化的購(gòu)物體驗(yàn)和個(gè)性化的推薦服務(wù)等新興趨勢(shì)將進(jìn)一步豐富和拓展線上購(gòu)物的可能性；隨著5G技術(shù)的普及和虛擬現(xiàn)實(shí)的融入，線上購(gòu)物將更加智能和立體，為消費(fèi)者提供更為便捷和豐富的消費(fèi)體驗(yàn)；當(dāng)然，這一趨勢(shì)也將對(duì)傳統(tǒng)零售業(yè)提出更高的數(shù)字化要求，推動(dòng)整個(gè)商業(yè)生態(tài)更好地適應(yīng)數(shù)字時(shí)代的發(fā)展REF_Ref27404\r\h[7]。目前，國(guó)內(nèi)知名科技公司如支付寶、京東和今日頭條都已加入了小程序的陣營(yíng)REF_Ref20030\r\h[6]。2018年3月，包括小米、華為和魅族在內(nèi)的多家高科技企業(yè)聯(lián)合創(chuàng)建了一個(gè)名為"快應(yīng)用聯(lián)盟"的組織，并為其設(shè)立了一套專門(mén)的標(biāo)準(zhǔn)。然而，這個(gè)被稱為“快應(yīng)用”的技術(shù)也存在一些明顯的缺陷：首先，它僅能在Android系統(tǒng)上運(yùn)作;其次，它的主要功能是向安卓設(shè)備的下拉菜單中提供服務(wù)，因此其使用范圍相對(duì)有限。小程序商城的功能特點(diǎn)也是其受歡迎的重要原因之一。相比傳統(tǒng)電商平臺(tái)，小程序商城可以更加精準(zhǔn)地為用戶推薦商品。通過(guò)微信的社交網(wǎng)絡(luò)，小程序商城可以利用用戶的個(gè)人資料和消費(fèi)喜好，為用戶提供個(gè)性化的購(gòu)物推薦。同時(shí)，小程序商城還支持實(shí)時(shí)聊天功能，用戶可以與商家進(jìn)行在線溝通和咨詢，提高購(gòu)買(mǎi)的信心和滿意度。這些功能的引入為用戶提供了更加便捷和個(gè)性化的購(gòu)物體驗(yàn)。小程序商城作為一種新型的電子商務(wù)模式，正處于快速發(fā)展的階段。在用戶規(guī)模、商家入駐、功能特點(diǎn)和營(yíng)銷策略等方面都取得了顯著的進(jìn)展。然而，面對(duì)激烈的競(jìng)爭(zhēng)和不斷變化的用戶需求，小程序商城需要不斷創(chuàng)新和改進(jìn)，以保持其持續(xù)發(fā)展和競(jìng)爭(zhēng)優(yōu)勢(shì)。1.3研究?jī)?nèi)容本文研究的是小程序商城。這個(gè)電子商務(wù)應(yīng)用基于微信小程序平臺(tái)，它能夠通過(guò)該平臺(tái)為消費(fèi)者提供展示產(chǎn)品、下單購(gòu)買(mǎi)以及支付等多種功能，從而使消費(fèi)者在線上進(jìn)行購(gòu)物更加便捷。隨著移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展，小程序商城在市場(chǎng)上逐漸嶄露頭角，并且得到了越來(lái)越多商家和用戶的青睞。本文將研究小程序商城的發(fā)展歷程、需求解析、設(shè)計(jì)與實(shí)施以及測(cè)試模塊分析，并對(duì)未來(lái)的發(fā)展進(jìn)行總結(jié)與展望。第一章緒論，主要對(duì)本論文研究的目標(biāo)進(jìn)行描述。詳細(xì)說(shuō)明了這項(xiàng)研究的歷史背景、重要性和國(guó)內(nèi)外現(xiàn)有的研究成果。透過(guò)深究小程式商店的當(dāng)前狀況，我們可以更全面地理解它的優(yōu)點(diǎn)和缺點(diǎn)，從而為我們未來(lái)的研究工作提供有力的借鑒。第二章是系統(tǒng)開(kāi)發(fā)技術(shù)綜述：本章主要介紹了開(kāi)發(fā)過(guò)程中使用到的開(kāi)發(fā)工具和語(yǔ)言，并介紹了相應(yīng)的技術(shù)。第三章是需求分析。在本章主要是將對(duì)暖暖易購(gòu)商城管理系統(tǒng)進(jìn)行需求分析，其中包括功能性和非功能性需求進(jìn)行分析，分別進(jìn)行可行性分析，技術(shù)分析，以及通過(guò)用例圖和用例分析表對(duì)微信端，后臺(tái)管理端模塊的功能分析描述。第四章是小程序商城的系統(tǒng)設(shè)計(jì)。在這一章節(jié)中，我們將詳細(xì)闡述小程序商城的設(shè)計(jì)思路。首先，我們通過(guò)構(gòu)架圖來(lái)闡述微服務(wù)系統(tǒng)的設(shè)計(jì)方案，接著用流程圖對(duì)整個(gè)系統(tǒng)的運(yùn)作流程進(jìn)行了簡(jiǎn)潔的描述。最后，通過(guò)ER圖數(shù)據(jù)結(jié)構(gòu)分析來(lái)詳細(xì)地設(shè)計(jì)數(shù)據(jù)庫(kù)。第五章是小程序商城的實(shí)現(xiàn)。在這一章節(jié)中，我們將對(duì)小程序商城的各個(gè)功能模塊進(jìn)行實(shí)現(xiàn)的分析和解讀。主要演示微信小程序及后臺(tái)管理平臺(tái)相關(guān)界面設(shè)計(jì)，介紹了各個(gè)模塊功能的實(shí)現(xiàn)。第六章是系統(tǒng)測(cè)試。本章主要對(duì)商城系統(tǒng)測(cè)試進(jìn)行介紹。系統(tǒng)采用從系統(tǒng)功能測(cè)試方面進(jìn)行介紹。經(jīng)過(guò)一系列的數(shù)據(jù)分析與實(shí)驗(yàn)成果，我們可以確認(rèn)該系統(tǒng)的主要功能已經(jīng)得到有效實(shí)施，并能充分滿足互聯(lián)網(wǎng)零售商的需求，同時(shí)保證其穩(wěn)定的運(yùn)作狀態(tài)及符合質(zhì)量標(biāo)準(zhǔn)的測(cè)試表現(xiàn)。第七章是總結(jié)與展望。在這一章節(jié)中，對(duì)小程序商城總體設(shè)計(jì)做出總結(jié)，描述整體工作和完成情況，展望部分將提出進(jìn)一步的研究方向和關(guān)鍵問(wèn)題，為相關(guān)領(lǐng)域的研究工作提供啟示。第2章相關(guān)技術(shù)介紹在這一章節(jié)里，我們將詳細(xì)介紹本設(shè)計(jì)在開(kāi)發(fā)過(guò)程中所采用的關(guān)鍵技術(shù)，并解釋選擇它們的理由。2.2相關(guān)技術(shù)微信小程序是微信團(tuán)隊(duì)發(fā)布的能運(yùn)行在微信內(nèi)的小型應(yīng)用，具有門(mén)檻低、開(kāi)發(fā)周期短、適合快速迭代的特點(diǎn)。開(kāi)發(fā)者只需要掌握微信小程序自己的組件和API，就能開(kāi)發(fā)出功能豐富的小程序。基于此，開(kāi)發(fā)一套基于微信小程序的網(wǎng)上商城管理系統(tǒng)，可以充分發(fā)揮微信小程序的技術(shù)優(yōu)勢(shì)，開(kāi)發(fā)管理系統(tǒng)的主要功能REF_Ref32548\r\h[8]。本小節(jié)中將介紹使用到的開(kāi)發(fā)技術(shù)有JavaScript、HTML、CSS、MySQL。2.2.1JavaScript被簡(jiǎn)稱為JS的前三個(gè)主要成員，它是一門(mén)用于網(wǎng)頁(yè)互動(dòng)的動(dòng)態(tài)編程語(yǔ)言。由于其與網(wǎng)絡(luò)腳本語(yǔ)言的緊密結(jié)合，GoogleV8模塊、Angular、React等前端架構(gòu)逐漸獨(dú)立于前后端開(kāi)發(fā)，同時(shí)伴隨著Node.JS等技術(shù)的進(jìn)步，JS也在服務(wù)器端展現(xiàn)出強(qiáng)大的生命力，成為了當(dāng)前最受歡迎的一門(mén)編程語(yǔ)言之一。2.2.2HTML語(yǔ)言HypertextMarkupLanguage(簡(jiǎn)寫(xiě)為HTML)是一種用于描述超媒體信息的標(biāo)準(zhǔn)編程工具——它是互聯(lián)網(wǎng)上的基礎(chǔ)技術(shù)框架與內(nèi)容編碼規(guī)則集大成者;其功能在于通過(guò)特定的標(biāo)簽來(lái)標(biāo)識(shí)并組織網(wǎng)站的內(nèi)容元素如文字段落、圖像或多媒體文件等等。2.2.3CSS框架CSS，前三名中的第二個(gè)是層次樣式表格。主冶網(wǎng)頁(yè)的樣式，網(wǎng)頁(yè)如何擴(kuò)散，版面背景，顏色等外觀的問(wèn)題將會(huì)出現(xiàn)CSS控制。CSS是專為HTML文檔設(shè)計(jì)的計(jì)算工具，能夠有效地把頁(yè)面內(nèi)容從格式中剝離出來(lái)，并能精準(zhǔn)地調(diào)控排列效果。恰當(dāng)運(yùn)用CSS技術(shù)，可通過(guò)設(shè)定”class”和”id”的選擇器對(duì)HTML文件中的各個(gè)元素進(jìn)行準(zhǔn)確定義，進(jìn)而達(dá)成簡(jiǎn)潔展示數(shù)據(jù)、提升網(wǎng)站響應(yīng)性的目標(biāo)。2.2.4MySQL基于其高度的安全性和廣泛應(yīng)用于各種操作系統(tǒng)的特性，同時(shí)兼具高效率和較低的使用總成本特點(diǎn)，使之成為互聯(lián)網(wǎng)中眾多小型企業(yè)首選的服務(wù)器后端存儲(chǔ)解決方案——這就是我們所熟知的MysqlREF_Ref3049\r\h[9],該產(chǎn)品不僅能夠滿足這些需求而且還能通過(guò)集成到如PHP和Java這類流行的程序設(shè)計(jì)環(huán)境來(lái)進(jìn)一步提升其實(shí)用價(jià)值;此外由于它的開(kāi)源屬性而被許多公司選擇為他們的主要服務(wù)器軟件之一的原因在于：他們認(rèn)為這是一種更經(jīng)濟(jì)實(shí)惠的選擇方式并且還可以根據(jù)自己的需要對(duì)代碼做出修改以適應(yīng)不同的業(yè)務(wù)場(chǎng)景要求。當(dāng)然Mysql的最大賣(mài)點(diǎn)還在于它是全功能且無(wú)償使用的工具！2.2.5云開(kāi)發(fā)平臺(tái)阿里云為開(kāi)發(fā)者們搭建了一個(gè)云端研發(fā)工作平臺(tái)，可以讓用戶在線工作，能夠有效地共享和推廣行業(yè)架構(gòu)經(jīng)驗(yàn)和服務(wù)，因此，開(kāi)發(fā)者的開(kāi)發(fā)效率得到了很大的提高，開(kāi)發(fā)費(fèi)用也得到了很大的減少。在建立移動(dòng)應(yīng)用程序時(shí)需要進(jìn)行的服務(wù)器建設(shè)和維護(hù)工作也被取消了，同時(shí)，還提供了云數(shù)據(jù)庫(kù)、云存儲(chǔ)等云服務(wù)。無(wú)需安裝服務(wù)器，無(wú)需使用微信驗(yàn)證，即可輕松創(chuàng)建小程序，小游戲，H5，網(wǎng)頁(yè)，手機(jī)APP等等。系統(tǒng)需求分析為了系統(tǒng)更好地實(shí)現(xiàn)目標(biāo)與開(kāi)發(fā)系統(tǒng)，本章首先項(xiàng)目的整體需求予以了分析總結(jié)，分析重點(diǎn)主要集中在四個(gè)方面，一是系統(tǒng)的整體需求分析，二是對(duì)可行性研究，三是對(duì)相關(guān)平臺(tái)的功能需求分析，四是對(duì)系統(tǒng)非功能性需求分析。3.1項(xiàng)目整體需求分析本論文擬設(shè)計(jì)開(kāi)發(fā)一個(gè)基于微信的小程序商城平臺(tái)，該小程序商城系統(tǒng)主要面向社區(qū)電商購(gòu)物需要，方便用戶使用，首先要保證具體功能的實(shí)現(xiàn)，以及良好的交互功能，其次，因?yàn)橄到y(tǒng)會(huì)涉及用戶的隱私信息，交易信息，存儲(chǔ)大量的用戶數(shù)據(jù)，必須要保證系統(tǒng)的安全性和穩(wěn)定性，避免信息泄漏，或者購(gòu)物信息出錯(cuò)等問(wèn)題。該小程序商城系統(tǒng)可以被拆分為微信端和后臺(tái)管理端兩個(gè)模塊。本章分別通過(guò)可行性分析，功能性需求分析，非功能性需求分析。3.2可行性研究實(shí)施可行性研究就是要分析在開(kāi)發(fā)過(guò)程中可能碰到的一些問(wèn)題，并提出相應(yīng)的解決辦法。首先要考慮到時(shí)間和費(fèi)用，然后才是最重要的。由于該軟件是針對(duì)畢業(yè)設(shè)計(jì)而設(shè)計(jì)的，因此在開(kāi)發(fā)前必須進(jìn)行經(jīng)濟(jì)可行性分析、時(shí)間可行性分析以及技術(shù)可行性分析。3.2.1經(jīng)濟(jì)可行性從經(jīng)濟(jì)學(xué)角度來(lái)看，大部分的傳統(tǒng)商場(chǎng)都不采用小程序商城管理系統(tǒng)，這是因?yàn)樗麄冋J(rèn)為在購(gòu)買(mǎi)系統(tǒng)和安裝配置時(shí)要花大量的資金，而且后期的維護(hù)成本也會(huì)很高。在這個(gè)設(shè)計(jì)中，商城管理系統(tǒng)的開(kāi)發(fā)并不涉及任何費(fèi)用，只需要一臺(tái)電腦就能完成所有配置，后續(xù)的保養(yǎng)也無(wú)需額外的花費(fèi)，因此在經(jīng)濟(jì)上是完全可行的。3.2.2時(shí)間可行性本設(shè)計(jì)的小程序商城管理系統(tǒng)是為畢業(yè)設(shè)計(jì)而設(shè)計(jì)，在設(shè)計(jì)過(guò)程中，要按照學(xué)校下達(dá)的任務(wù)進(jìn)度，在規(guī)定的時(shí)限內(nèi)，進(jìn)行系統(tǒng)的開(kāi)發(fā)，時(shí)間上是充足的，因此，對(duì)設(shè)計(jì)的工作量進(jìn)行分析，是可行的。3.2.3技術(shù)可行性該系統(tǒng)的構(gòu)建主要依賴于微信開(kāi)發(fā)工具——應(yīng)用HTML、CSS框架和（CMS+MySQL）等技術(shù)構(gòu)建了系統(tǒng)的后臺(tái)開(kāi)發(fā)體系結(jié)構(gòu)；在此基礎(chǔ)上，采用MySQL數(shù)據(jù)庫(kù)進(jìn)行數(shù)據(jù)的存儲(chǔ)。在校期間，已熟練掌握J(rèn)AVA的語(yǔ)法規(guī)范，并對(duì)如何運(yùn)用HTML與CSS框架有深入了解，同時(shí)也精通微信開(kāi)發(fā)平臺(tái)及其MySQL數(shù)據(jù)庫(kù)的使用方法。因此，在有這些技術(shù)的前提下進(jìn)行開(kāi)發(fā)是可行的。3.3系統(tǒng)功能性需求3.3.1微信端功能需求分析小程序商城平臺(tái)的功能通常分為兩個(gè)部分，一是微信端，二是后臺(tái)管理端，前者主要功能包括用戶的登錄注冊(cè)、商品展示、個(gè)性化推薦、商品交易等微服務(wù)，以下主要是針對(duì)其功能需求相關(guān)情況進(jìn)行討論。用戶登錄微服務(wù)用戶只要通過(guò)微信的“授權(quán)登陸”鍵，就可以得到“微信”的授權(quán)。系統(tǒng)會(huì)自動(dòng)收集用戶的微信信息并進(jìn)行登錄。當(dāng)你登陸成功后，這個(gè)應(yīng)用的主頁(yè)就會(huì)彈出。用戶登錄的用例分析如圖3-1所述。圖3-1用戶登錄用例圖商品展示微服務(wù)微服務(wù)商品展示是小程序商城首頁(yè)的核心部分，其目標(biāo)是滿足用戶需求。這個(gè)服務(wù)主要包含三大功能模塊：商品分類顯示、循環(huán)廣告和產(chǎn)品推薦。圖3-2顯示了商品展示微服務(wù)的用例圖。圖3-2商品展示微服務(wù)用例圖商品分類展示為了便利顧客們更容易地篩選和選購(gòu)各種產(chǎn)品，我們開(kāi)發(fā)了這項(xiàng)特色功能。商品分類清晰展示，用戶能夠方便地瀏覽和選擇不同的商品分類它向用戶呈現(xiàn)了所有可供選擇的商品類別，顧客能夠輕松點(diǎn)擊各類別，從而查看該類別下的所有相關(guān)商品。2、商品廣告輪播該功能主要是用系統(tǒng)自動(dòng)展示商品輪播的手段向用戶展示當(dāng)下流行的商品，通過(guò)商品輪播展示熱門(mén)商品或推薦商品，提高用戶對(duì)商品的關(guān)注度和購(gòu)買(mǎi)意愿。它允許在有限空間內(nèi)展示多張圖片或內(nèi)容，用戶可以通過(guò)滑動(dòng)或自動(dòng)播放的方式查看不同的商品或營(yíng)銷活動(dòng)。用戶點(diǎn)擊輪播中的某個(gè)商品，系統(tǒng)跳轉(zhuǎn)至該商品的詳情頁(yè)面。用戶已成功查看推薦商品并可以進(jìn)入商品詳情頁(yè)面進(jìn)行進(jìn)一步瀏覽。商品推薦為了讓用戶更方便地找到符合個(gè)人喜好的商品，展示頁(yè)面上展示了當(dāng)前平臺(tái)獨(dú)特的推薦商品，讓用戶享受到個(gè)性化定制帶來(lái)的便利。用戶僅需點(diǎn)擊推薦商品，便可迅速跳轉(zhuǎn)至該商品的詳細(xì)信息頁(yè)面。商品交易微服務(wù)商品交易微服務(wù)在小程序商城平臺(tái)中起著核心作用，通過(guò)在微服務(wù)架構(gòu)中將這些職責(zé)劃分為獨(dú)立的服務(wù)，處理商品購(gòu)買(mǎi)、付款、訂單處理等任務(wù)，主要包括購(gòu)物車管理，訂單處理，支付處理，實(shí)現(xiàn)購(gòu)物流程。具體用例如圖3-3所示。圖3-3商品交易微服務(wù)用例圖購(gòu)物車當(dāng)使用者瀏覽物品的時(shí)候，他們可以把物品放到購(gòu)物車?yán)铮缓笤偃ベ?gòu)買(mǎi)。用戶操作微信小程序購(gòu)物車的步驟如下：（1）打開(kāi)軟件后，進(jìn)入購(gòu)物車頁(yè)面，系統(tǒng)會(huì)展示已經(jīng)選購(gòu)的商品清單。（2）用戶可以管理購(gòu)物車中的物品，包括數(shù)量的增加或減少，選擇要買(mǎi)的物品和不想要的商品進(jìn)行刪除等。（3）可以單擊“全選”按鈕，購(gòu)物車?yán)锏乃形锲范急贿x擇。（4）點(diǎn)擊結(jié)算后，跳轉(zhuǎn)至訂單確認(rèn)頁(yè)面。（5）完成并確定您的訂單的接收地址，付款方法。（6）最后點(diǎn)擊提交訂單，完成購(gòu)買(mǎi)流程。商品訂單在這個(gè)訂單信息的顯示頁(yè)面上，你可以瀏覽你在本平臺(tái)內(nèi)的全部訂單的狀態(tài)資訊。這個(gè)部分允許你對(duì)訂單做出各類動(dòng)作，比如付款和取消訂單等等?；玖鞒倘缦拢海?）用戶打開(kāi)微信小程序，進(jìn)入我的訂單頁(yè)面。（2）本系統(tǒng)將會(huì)自動(dòng)顯示出客戶的買(mǎi)賣(mài)清單，包含所有的買(mǎi)賣(mài)狀況，使用者可查看買(mǎi)賣(mài)的詳細(xì)資料。（3）用戶根據(jù)訂單狀態(tài)執(zhí)行相應(yīng)操作：①點(diǎn)擊待付款訂單按鈕：用戶點(diǎn)擊付款，進(jìn)入支付頁(yè)面進(jìn)行支付。②點(diǎn)擊待發(fā)貨訂單按鈕：用戶可以查看訂單狀態(tài)。③點(diǎn)擊待收貨訂單按鈕：用戶點(diǎn)擊確認(rèn)收貨，完成交易。④點(diǎn)擊已完成訂單按鈕：用戶就可以查看訂單詳情，并對(duì)訂單情況和自己感受進(jìn)行評(píng)價(jià)。支付方式支付方式負(fù)責(zé)處理在線虛擬支付?；玖鞒倘缦拢海?）用戶在購(gòu)物車點(diǎn)擊結(jié)算會(huì)彈出是否支付商品價(jià)格多少元的提示，如果支付成功，返回購(gòu)物車頁(yè)面剛剛商品已經(jīng)不見(jiàn)，說(shuō)明已經(jīng)購(gòu)買(mǎi)成功，并在我的訂單的代發(fā)貨處。（2）用戶在支付頁(yè)面取消支付，返回購(gòu)物車頁(yè)面剛剛商品還在，說(shuō)明購(gòu)買(mǎi)失敗，并在我的訂單的待支付處。3.3.2后臺(tái)服務(wù)端功能需求分析后臺(tái)服務(wù)端成功實(shí)現(xiàn)以下幾個(gè)功能：首頁(yè)數(shù)據(jù)分析、用戶管理和評(píng)價(jià)、商品管理、訂單管理等功能在后臺(tái)管理端都得以實(shí)現(xiàn)。用戶管理和評(píng)價(jià)微服務(wù)用戶管理和評(píng)價(jià)微服務(wù)需支持個(gè)人信息管理功能，涉及添加、刪除、修改和查看操作。包含的信息有：ID、昵稱、頭像、商品名稱、商品ID、評(píng)價(jià)內(nèi)容、時(shí)間等。具體用例如圖3-4所示。圖3-4用戶信息管理用例圖用戶信息用例分析如表3-1所示。表3.1用戶信息用例分析表用例編號(hào)U001用例名稱后臺(tái)用戶管理和評(píng)價(jià)活動(dòng)者用戶優(yōu)先級(jí)高用例目標(biāo)管理員能夠查看、新增、編輯或移除用戶賬號(hào)，并對(duì)用戶各信息進(jìn)行更新前置條件管理員需要登陸到后臺(tái)管理系統(tǒng)，然后才能進(jìn)入用戶管理和評(píng)價(jià)頁(yè)面基本事件流1.管理員登錄后臺(tái)管理系統(tǒng)，點(diǎn)擊用戶管理和評(píng)價(jià)頁(yè)面。2.頁(yè)面會(huì)展示用戶列表，包括用戶的基本信息和評(píng)價(jià)。3.管理員對(duì)用戶執(zhí)行以下操作：3.1查看用戶詳情：點(diǎn)擊用戶管理和評(píng)價(jià)，進(jìn)入頁(yè)面能查看用戶詳情信息。3.2新添加用戶：點(diǎn)擊新建按鈕，填寫(xiě)用戶基本信息并提交就能新添加用戶。3.3編輯用戶：點(diǎn)擊編輯按鈕，修改用戶信息，提交更新。3.4刪除用戶：點(diǎn)擊刪除按鈕，系統(tǒng)會(huì)顯示一個(gè)清除確認(rèn)框，管理員需要確認(rèn)刪除用戶。后置條件管理員已經(jīng)成功地查看和管理用戶商品管理在商品管理中，管理員負(fù)責(zé)處理商品信息，例如商品種類、價(jià)格、數(shù)量、封面圖、詳情圖、商品描述、商品狀態(tài)、銷量、創(chuàng)建時(shí)間、修改時(shí)間和類別等。通過(guò)后臺(tái)，管理員可上傳新商品、在店鋪內(nèi)上架銷售、修改現(xiàn)有商品并提交更新。商品管理用例圖請(qǐng)見(jiàn)圖3-5所示。圖3-5商品管理用例圖商品管理的主要職責(zé)包括：管理員需要輸入產(chǎn)品的基礎(chǔ)資料，例如名稱、種類、價(jià)格、數(shù)量等，同時(shí)也能夠上傳產(chǎn)品圖片和描述等具體信息以及進(jìn)行產(chǎn)品信息的編輯與刪除操作。商品管理用例分析如表3-2所示。表3-2商品管理用例分析表用例編號(hào)U002用例名稱后臺(tái)商品管理活動(dòng)者用戶優(yōu)先級(jí)高用例目標(biāo)管理人員可以瀏覽、創(chuàng)建、修改和移除產(chǎn)品的相關(guān)數(shù)據(jù)以及管理商品分類前置條件管理人員必須首先登陸到后端的管理平臺(tái)上，進(jìn)入商品管理頁(yè)面基本事件流1.管理員打開(kāi)后臺(tái)管理系統(tǒng)，進(jìn)入商品管理頁(yè)面。2.系統(tǒng)自動(dòng)展示商品列表，包括商品的基本信息和所屬分類。3.管理員對(duì)商品執(zhí)行以下操作：3.1查看商品：點(diǎn)擊商品管理進(jìn)來(lái)就能查看到產(chǎn)品的詳細(xì)信息。3.2新建商品：點(diǎn)擊新建按鈕，填寫(xiě)商品信息并選擇所屬分類，提交新建商品。3.3編輯商品：點(diǎn)擊編輯按鈕，修改商品信息，提交更新。3.4刪除商品：點(diǎn)擊刪除按鈕，系統(tǒng)會(huì)彈出一個(gè)確認(rèn)框以便管理員進(jìn)行商品的刪除。后置條件管理員已經(jīng)成功查看和管理商品信息訂單管理在后臺(tái)的訂單管理模塊中，管理員可以通過(guò)后臺(tái)的訂單管理系統(tǒng)，看到整個(gè)訂單的基本信息以及目前的狀況，包括訂單ID，訂單時(shí)間，訂單金額，訂單詳情，訂單狀態(tài)，用戶數(shù)據(jù)等。系統(tǒng)的管理人員可以在系統(tǒng)中進(jìn)行多種操作，如查看交易信息，編輯交易信息，刪除交易記錄等。此外，管理員還能夠控制訂單的狀態(tài)，，包括新添加、編輯和刪除狀態(tài)等操作，以優(yōu)化并更好地掌控訂單的過(guò)程與狀態(tài)。后臺(tái)訂單管理用例圖如圖3-6所示。圖3-6訂單管理用例圖后臺(tái)訂單管理用例分析如表3-3所示。表3-3訂單用例分析表用例編號(hào)U003用例名稱后臺(tái)訂單管理活動(dòng)者用戶優(yōu)先級(jí)高用例目標(biāo)管理員能夠?yàn)g覽、修改、刪除訂單信息和添加新訂單，以及管理訂單狀態(tài)前置條件管理員需要登錄后臺(tái)管理系統(tǒng)，進(jìn)入訂單管理頁(yè)面基本事件流1.管理員打開(kāi)后臺(tái)管理系統(tǒng)，并進(jìn)入訂單管理頁(yè)面。2.系統(tǒng)自動(dòng)展示訂單列表，包含了訂單的基本信息和目前狀態(tài)。3.管理員對(duì)訂單執(zhí)行以下操作：3.1查看訂單信息：只需點(diǎn)擊訂單管理進(jìn)入就可以看到訂單信息。3.2編輯訂單：點(diǎn)擊編輯按鈕，修改訂單信息或狀態(tài)，并提交更新。3.3刪除訂單：點(diǎn)擊刪除按鈕后，彈出一個(gè)確認(rèn)框，管理員需要確認(rèn)是否已經(jīng)刪除訂單。后置條件管理員已經(jīng)成功查看和管理訂單信息情況3.4系統(tǒng)非功能性需求對(duì)小程序商城平臺(tái)進(jìn)行功能需求的分析時(shí)，非功能需求也是至關(guān)重要且不可或缺的部分，因此，必須滿足以下條件：可用性平臺(tái)最重要的目標(biāo)是為商家和客戶提供商品交易功能，因此平臺(tái)需要給用戶簡(jiǎn)潔干凈的商品界面，同時(shí)提供適合用戶的操作頁(yè)面，提示用戶如何使用REF_Ref168\r\h[10]。穩(wěn)定性小程序商城上線后，需要保證購(gòu)物穩(wěn)定地執(zhí)行。為了實(shí)現(xiàn)平臺(tái)與用戶之間的穩(wěn)定交互，直播商城需要具備較強(qiáng)的容錯(cuò)機(jī)制和控制流量，分流等方式，保持系統(tǒng)的穩(wěn)定?？删S護(hù)性。小程序商城上線后，使用標(biāo)準(zhǔn)有效的開(kāi)發(fā)流程，以及開(kāi)發(fā)規(guī)范，有助于后期運(yùn)維工作人員進(jìn)行維護(hù)，以及后期的二次開(kāi)發(fā)。3.5本章小結(jié)本章中將對(duì)暖暖易購(gòu)網(wǎng)上商城管理系統(tǒng)進(jìn)行功能以及非功能需求分析，以及該商城程序的經(jīng)濟(jì)可行性、技術(shù)可行性、時(shí)間可行性。商城的功能性需求通過(guò)用戶管理、商品展示、商品交易等進(jìn)行分析，并加以了用例圖描述和用例分析，介紹各模塊功能需求。接著，我們會(huì)進(jìn)一步研究這整個(gè)系統(tǒng)的實(shí)用性、穩(wěn)健度和可維修性等方面的非功能性的需求。暖暖易購(gòu)網(wǎng)上商城的系統(tǒng)設(shè)計(jì)為使我們的系統(tǒng)更有效地達(dá)到預(yù)設(shè)的目標(biāo)并構(gòu)建它，我們將根據(jù)前述的需求分析來(lái)執(zhí)行系統(tǒng)的規(guī)劃工作。系統(tǒng)規(guī)劃的主要任務(wù)在于明確如何構(gòu)造所需的系統(tǒng)結(jié)構(gòu)，從而給出關(guān)于整個(gè)系統(tǒng)大致運(yùn)作模式的描繪。接下來(lái)的部分中，我們將會(huì)使用架構(gòu)圖、功能圖及流程圖等工具詳細(xì)闡明小程序商城平臺(tái)各子模塊的高級(jí)設(shè)計(jì)細(xì)節(jié)及其實(shí)施步驟，最后通過(guò)數(shù)據(jù)庫(kù)設(shè)計(jì)，開(kāi)發(fā)完整系統(tǒng)。4.1架構(gòu)設(shè)計(jì)4.1.1總體架構(gòu)設(shè)計(jì)基于本研究微服務(wù)的研究思路，因此，本系統(tǒng)必須充分體現(xiàn)這一特點(diǎn)，將其劃分為表示層、中間層、服務(wù)層和存儲(chǔ)層，如圖4-1所示。圖4-1技術(shù)架構(gòu)圖系統(tǒng)前端的各項(xiàng)頁(yè)面展示均由系統(tǒng)的表示層來(lái)負(fù)責(zé)。用戶的所有頁(yè)面操作都會(huì)被發(fā)送到表示層，表示層則會(huì)將收集到的用戶請(qǐng)求傳遞給業(yè)務(wù)層。在后者對(duì)信息進(jìn)行處理和渲染之后，利用UI界面呈現(xiàn)到用戶面前。相關(guān)配置功能則由中間層來(lái)處理，同時(shí)完成任務(wù)的調(diào)度工作。業(yè)務(wù)層主要負(fù)責(zé)處理表示層發(fā)出的需求，并對(duì)其進(jìn)行相關(guān)數(shù)據(jù)分析。與此同時(shí)，這一層還負(fù)責(zé)對(duì)業(yè)務(wù)邏輯進(jìn)行處理，并將得到的結(jié)果高效地反饋到表現(xiàn)層，以便重新利用。數(shù)據(jù)層還將完成與服務(wù)層之間的數(shù)據(jù)交換，以獲得所需的數(shù)據(jù)，并處理所需的數(shù)據(jù)。存儲(chǔ)層則會(huì)將數(shù)據(jù)庫(kù)映射傳輸?shù)教幚韺?duì)象上，為數(shù)據(jù)層的數(shù)據(jù)操作提供找接口，業(yè)務(wù)層在運(yùn)行過(guò)程中主要的功能是增刪查改數(shù)據(jù)，為數(shù)據(jù)與數(shù)據(jù)庫(kù)的交互起到支持作用，以保證數(shù)據(jù)持久化。同時(shí)也使得代碼的復(fù)用性有了顯著的提升，進(jìn)而有效降低了相關(guān)人員的工作強(qiáng)度。由于本系統(tǒng)所采用的是微服務(wù)模式，因此，主要包括以下幾個(gè)模塊，即用戶、商品、訂單和購(gòu)物車模塊等。4.1.2小程序微信端架構(gòu)設(shè)計(jì)MINA是一種以小程序?yàn)榛A(chǔ)的構(gòu)架體系，它可以劃分為兩層：邏輯層和可視層。VXML中的數(shù)據(jù)綁定為一次使用，全靠網(wǎng)頁(yè)上的數(shù)據(jù)更新進(jìn)行更新，當(dāng)數(shù)據(jù)改變時(shí)，對(duì)應(yīng)的視圖也會(huì)跟著變化。微信小程序架構(gòu)圖如圖4-2。以下為小程序的應(yīng)用生命周期流程：（1）當(dāng)微信端有且只有第一次打開(kāi)該小程序時(shí)，則會(huì)觸發(fā)onLaunchREF_Ref27847\r\h[11]。（2）接著，程序便開(kāi)始了其初始化的步驟，之后就會(huì)調(diào)用onShow函數(shù)，負(fù)責(zé)監(jiān)控和處理小程序的展示情況。（3）最后，根據(jù)所獲得的結(jié)果給出相應(yīng)的回應(yīng)并執(zhí)行onShow動(dòng)作，從而在前臺(tái)展現(xiàn)相關(guān)內(nèi)容。（4）小程序適當(dāng)?shù)剡\(yùn)行后，在發(fā)現(xiàn)系統(tǒng)資源占用達(dá)到較高水平后則銷毀。下面的流程則為小程序完整頁(yè)面生命周期：（1）用授權(quán)登錄后，自動(dòng)的頁(yè)面加載。（2）在全部都加載情況下觸發(fā)onShow方法，將所得結(jié)果在界面上進(jìn)行顯示。圖4-2微信小程序架構(gòu)圖4.2系統(tǒng)模塊的設(shè)計(jì)4.2.1微信端功能模塊設(shè)計(jì)首先，依據(jù)需求研究，我們將整體的功能分為了兩個(gè)部分：一個(gè)是小程序，另一個(gè)是后端控制系統(tǒng)。其中，小程序包含了四個(gè)子模塊：用戶模塊、商品展示模塊、商品交易模塊和評(píng)論模塊。后臺(tái)管理端主要用戶管理和評(píng)價(jià)，商品管理，輪播圖管理，分類管理以及訂單管理等功能。設(shè)計(jì)如圖4-3所示。圖4-3系統(tǒng)功能設(shè)計(jì)用戶登錄小程序商城平臺(tái)的用戶使用步驟如下：首先獲得微信授權(quán)，使用微信的頭像和昵稱作為商城的頭像和昵稱，就可以商城購(gòu)買(mǎi)商品，而如果以前登錄過(guò)就不必進(jìn)行登錄操作，為用戶提供了便利。用戶登錄流程圖如圖4-4所示。圖4-4用戶登錄流程圖商品交易微信端商品交易主要流程包括：客戶進(jìn)入首頁(yè)后，不僅能夠清晰地看到相關(guān)商品，輪播圖廣告，并且可以通過(guò)使用搜索與推薦功能來(lái)瀏覽相關(guān)的物品及其詳細(xì)資料，點(diǎn)擊商品進(jìn)入詳情頁(yè)會(huì)有商品詳情的信息和其他客戶對(duì)該商品的評(píng)價(jià)，此外，他們還可以通過(guò)預(yù)覽、比較和挑選的方式，找到自己最感興趣的商品。購(gòu)物車模塊根據(jù)客戶的購(gòu)物需求，通過(guò)系統(tǒng)購(gòu)物車添加客戶需要的產(chǎn)品，之后產(chǎn)生相應(yīng)的訂單以及收貨地址，客戶信息的相關(guān)內(nèi)容。支持多種商品一起結(jié)算，計(jì)算商品數(shù)量及單價(jià)，得出總價(jià)進(jìn)行下單。下單之后，會(huì)進(jìn)入訂單結(jié)算模塊，期間需要填寫(xiě)收貨地址，手機(jī)號(hào)等相關(guān)信息，如果事前已完善購(gòu)物信息，則可以直接獲取，選擇對(duì)應(yīng)的收貨地址及相關(guān)信息，進(jìn)入支付環(huán)節(jié)。支付模塊是虛擬支付，因此，點(diǎn)擊支付直接虛擬支付。微信端商品交易流程圖如圖4-5所示。圖4-5微信端商品交易流程圖商品展示模塊在小程序商城中，商品展示模塊起著至關(guān)重要的作用。該模塊的主要目的是向用戶展示可供購(gòu)買(mǎi)的商品信息，引導(dǎo)用戶快速、直觀地瀏覽和選擇自己喜歡的商品。我們來(lái)介紹一下商品的分類功能。為了提高用戶體驗(yàn)和方便用戶查找商品，商城將商品分類得細(xì)致明確。用戶可以通過(guò)點(diǎn)擊相應(yīng)的分類標(biāo)簽，快速篩選出自己感興趣的商品。商品列表的展示也是該模塊的重點(diǎn)之一。為了使頁(yè)面簡(jiǎn)潔清晰，我們采用了九宮格式的展示方式，每個(gè)商品以縮略圖和簡(jiǎn)要介紹的形式展示在頁(yè)面上。用戶可以通過(guò)滑動(dòng)、點(diǎn)擊等操作，快速瀏覽更多商品。為了提高用戶的購(gòu)買(mǎi)決策能力，我們?cè)谏唐妨斜碇羞€加入了一些關(guān)鍵信息，如價(jià)格、銷售量等，方便用戶全面了解商品的特點(diǎn)和優(yōu)惠情況。除此之外，商品詳情頁(yè)也是該模塊的重要組成部分。當(dāng)用戶點(diǎn)擊某個(gè)商品時(shí)，他們將會(huì)進(jìn)入該商品詳情頁(yè)面。這個(gè)頁(yè)面會(huì)詳細(xì)地介紹商品的基本信息，如圖片、描述、規(guī)格以及銷售狀況等。為了增加購(gòu)買(mǎi)欲望，我們還在商品詳情頁(yè)中加入了一些購(gòu)買(mǎi)相關(guān)的功能，如下圖所示加入購(gòu)物車、立即購(gòu)買(mǎi)等按鈕，方便用戶進(jìn)行購(gòu)買(mǎi)操作。在設(shè)計(jì)商品展示模塊時(shí)，我們還注重了頁(yè)面的美觀和用戶友好性。頁(yè)面采用了簡(jiǎn)潔明了、色彩搭配合理的設(shè)計(jì)風(fēng)格，幫助用戶更容易找到自己需要的商品。并且，在商品展示模塊中，也加入了一些用戶參與的元素，如用戶評(píng)價(jià)、推薦商品等，以提高用戶對(duì)商品的信任和購(gòu)買(mǎi)決策的準(zhǔn)確性。商品展示模塊是小程序商城中不可或缺的重要模塊。它以直觀、方便、全面的方式向用戶展示商品信息，幫助用戶快速找到心儀的商品，提高用戶的購(gòu)買(mǎi)決策效率。同時(shí)，通過(guò)精心設(shè)計(jì)的頁(yè)面和用戶參與的元素，進(jìn)一步提升用戶體驗(yàn)。因此，在開(kāi)發(fā)小程序商城時(shí)，需要充分重視商品展示模塊的功能和設(shè)計(jì)，以滿足用戶的購(gòu)物需求。用戶評(píng)價(jià)在小程序商城中，用戶評(píng)價(jià)是一個(gè)重要的功能模塊，它為用戶提供了一個(gè)可以表達(dá)對(duì)商品使用體驗(yàn)的平臺(tái)。用戶在購(gòu)買(mǎi)完商品之后，可以對(duì)商品進(jìn)行評(píng)價(jià)，給出自己的真實(shí)感受和意見(jiàn)。用戶評(píng)價(jià)可以幫助其他潛在購(gòu)買(mǎi)者更好地了解商品的優(yōu)劣。通過(guò)用戶的評(píng)價(jià)，其他用戶可以獲取到更多真實(shí)可靠的信息，從而更好地進(jìn)行購(gòu)物決策。例如，一個(gè)商品的評(píng)價(jià)中提及了商品的質(zhì)量、包裝和用戶使用后的感受，這對(duì)于其他用戶來(lái)說(shuō)是非常有價(jià)值的參考，這些評(píng)價(jià)將在商品詳情頁(yè)展示。用戶評(píng)價(jià)在小程序商城中扮演著重要的角色。它不僅提供了用戶表達(dá)意見(jiàn)和獲取信息的平臺(tái)，也幫助商戶改進(jìn)商品品質(zhì)和服務(wù)，并加強(qiáng)用戶之間的交流和互動(dòng)。商戶應(yīng)該重視用戶評(píng)價(jià)，并以之為借鑒提升自身的競(jìng)爭(zhēng)力，從而實(shí)現(xiàn)商城的長(zhǎng)期發(fā)展。4.2.2后臺(tái)管理系統(tǒng)設(shè)計(jì)本章節(jié)主要通過(guò)流程圖的方式，詳細(xì)解釋了小程序商城后臺(tái)管理端用戶模塊、商品管理模塊以及訂單模塊的實(shí)現(xiàn)情況。用戶管理登錄后臺(tái)管理端系統(tǒng)，用戶先打開(kāi)后臺(tái)管理端系統(tǒng)登錄界面，依次輸入賬號(hào)密碼，登錄點(diǎn)擊操作之后，將進(jìn)行驗(yàn)證判斷。假如賬戶密碼與預(yù)設(shè)的數(shù)據(jù)相符，就可以成功登錄到管理界面；若賬戶密碼出錯(cuò)，則會(huì)標(biāo)示登錄失敗并返回至登錄頁(yè)。后臺(tái)管理端登錄模塊流程如圖4-6所示。圖4-6后臺(tái)登錄模塊流程圖商品管理在小程序商城的后臺(tái)管理系統(tǒng)中，商品管理模塊是一個(gè)關(guān)鍵部分。當(dāng)管理員登錄首頁(yè)時(shí)，可以添加商品信息，以及詳情，并且可以為商品添加分類，如果商品分類不存在，可以在內(nèi)容管理的分類管理那新建商品類別，再對(duì)商品進(jìn)行詳細(xì)規(guī)劃。后臺(tái)管理端商品管理模塊流程如圖4-7所示。圖4-7后臺(tái)商品添加流程圖訂單管理后臺(tái)管理端訂單管理模塊的大致流程如圖4-8所示，其主要管理用戶訂單的發(fā)貨確定和訂單的更改、刪除功能，步驟如下：進(jìn)入后臺(tái)管理系統(tǒng)后，點(diǎn)擊“訂單管理”，即可進(jìn)行相關(guān)訂單的查看操作，也可以修改訂單的狀態(tài)，點(diǎn)擊“訂單狀態(tài)選擇”選擇發(fā)貨前端客戶會(huì)收到貨物已經(jīng)發(fā)貨。圖4-8后臺(tái)訂單管理流程圖4.3數(shù)據(jù)庫(kù)設(shè)計(jì)為了保證小程序商城的順利運(yùn)行和數(shù)據(jù)管理效率，我們需要對(duì)數(shù)據(jù)庫(kù)進(jìn)行設(shè)計(jì)與實(shí)施。數(shù)據(jù)庫(kù)是數(shù)據(jù)存儲(chǔ)和管理的關(guān)鍵部分，它能協(xié)助我們儲(chǔ)存、搜索和處理大量數(shù)據(jù)。在我們構(gòu)思小程序商城的數(shù)據(jù)庫(kù)規(guī)劃之際，必須充分考慮其需求與功能。首要任務(wù)是明確數(shù)據(jù)庫(kù)的設(shè)計(jì)框架及其關(guān)聯(lián)性。鑒于關(guān)系型數(shù)據(jù)庫(kù)具備數(shù)據(jù)組織化的特性，易于執(zhí)行數(shù)據(jù)檢索及管理操作，因此我們將之選為我們的數(shù)據(jù)儲(chǔ)存方案。在設(shè)計(jì)數(shù)據(jù)庫(kù)的結(jié)構(gòu)時(shí)，我們按照實(shí)體間的關(guān)系進(jìn)行了模型化。我們定義了諸如商品表、用戶表、訂單表等實(shí)體，并且通過(guò)關(guān)聯(lián)表建立了它們之間的關(guān)系。舉例來(lái)說(shuō)，我們?cè)诋a(chǎn)品目錄里存放著產(chǎn)品的基本資料;同樣的情況也出現(xiàn)在客戶列表里面，這里儲(chǔ)存的是顧客的信息檔案;而購(gòu)物清單則包含消費(fèi)者的所有購(gòu)置紀(jì)錄。這樣一來(lái)，我們可以輕松便捷的數(shù)據(jù)檢索與操作處理就得以實(shí)現(xiàn)了。在實(shí)施數(shù)據(jù)庫(kù)的過(guò)程中，我們將CMS選作我們要用的DBMS(DatabaseManagementSystem)工具——即“文檔控制體系”或稱之為”contentmanagementsystem”,其含義是指一種用于對(duì)各種類型的內(nèi)容資源及其相關(guān)信息的收集、整理、發(fā)布等管理的軟件應(yīng)用程序集合體或者說(shuō)是一個(gè)平臺(tái)性的解決方案提供者。它可以被視為是一種新興的市場(chǎng)趨勢(shì)并逐漸成為企事業(yè)單位及政府部門(mén)推進(jìn)數(shù)字化進(jìn)程的重要手段之一。然而關(guān)于它的具體概念卻并未得到行業(yè)內(nèi)的廣泛認(rèn)可，各方對(duì)此有著各自獨(dú)特的解讀方式是一種功能強(qiáng)大、穩(wěn)定可靠的關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，具有較高的性能和可擴(kuò)展性。我們通過(guò)使用CMS，成功地將數(shù)據(jù)庫(kù)的設(shè)計(jì)理念與實(shí)際實(shí)現(xiàn)相結(jié)合?？偟膩?lái)說(shuō)，云數(shù)據(jù)庫(kù)的設(shè)計(jì)和實(shí)現(xiàn)在小程序商城的開(kāi)發(fā)中起到了重要的作用。通過(guò)對(duì)數(shù)據(jù)的結(jié)構(gòu)化管理和優(yōu)化，我們能夠高效地管理和查詢大量的數(shù)據(jù)，從而保證了小程序商城的正常運(yùn)行和用戶體驗(yàn)。在今后的開(kāi)發(fā)和維護(hù)中，我們將繼續(xù)優(yōu)化數(shù)據(jù)庫(kù)的設(shè)計(jì)和實(shí)現(xiàn)，以進(jìn)一步提升小程序商城的性能和功能。4.3.1數(shù)據(jù)庫(kù)E-R圖E-R圖是指實(shí)體-聯(lián)系圖，其中實(shí)體、聯(lián)系、屬性分別用矩形框、菱形框、橢圓形框表示，它們之間的關(guān)系通過(guò)連線連接在一起。在管理員、用戶、商品、商品訂單、評(píng)價(jià)等活動(dòng)，其E-R圖如4-9所示圖4-9E-R圖用戶的具體屬性包括昵稱和頭像等。具體屬性圖如圖4-10所示。圖4-SEQ圖5\*ARABIC10用戶實(shí)體屬性圖商品管理具體的屬性包括分類、封面圖、詳情圖、標(biāo)題、價(jià)格、數(shù)量、商品描述、商品狀態(tài)、首頁(yè)推薦、銷量等。其具體屬性圖如圖4-11所示。圖4-11商品實(shí)體屬性圖評(píng)價(jià)管理的具體屬性包括商品名稱、圖像、昵稱、商品ID、評(píng)價(jià)內(nèi)容等。其具體屬性圖如圖4-12所示。圖4-12評(píng)價(jià)管理實(shí)體屬性圖具體的輪播圖管理屬性包括詳情、封面圖、標(biāo)題等。其具體屬性如圖4-13所示。圖4-13輪播圖管理實(shí)體屬性圖分類管理的具體屬性包括創(chuàng)建時(shí)間、修改時(shí)間、是否在首頁(yè)展示、分類名稱、分類圖片等。其具體屬性圖如圖4-14所示。圖4-14分類管理實(shí)體屬性圖訂單管理的具體屬性包括用戶的OpenID、訂單金額、訂單狀態(tài)、訂單明細(xì)、時(shí)間、姓名、聯(lián)系方式、收貨地址等內(nèi)容。其具體屬性圖如圖4-15所示。圖4-15訂單管理實(shí)體屬性圖4.3.2數(shù)據(jù)庫(kù)表結(jié)構(gòu)用戶表在本次設(shè)計(jì)數(shù)據(jù)表中展示，詳見(jiàn)表4-1；商品管理表在表4-2中呈現(xiàn)；評(píng)價(jià)管理表在表4-3中顯示；輪播圖活動(dòng)信息管理表在表4-4中呈現(xiàn)；分類管理表在表4-5中呈現(xiàn)；訂單管理表在表4-6中呈現(xiàn)。表4-1用戶信息表字段名字段類型長(zhǎng)度約束描述nickNamestring----昵稱avatarUrlstring----頭像_updateTimenumber----時(shí)間_openidstring----用戶Openid_idstring----ID表4-SEQ表5-\*ARABIC2商品管理表字段名字段類型長(zhǎng)度約束描述_idstring----ID_createTimenumber----創(chuàng)建時(shí)間_updateTimenumber----修改時(shí)間coverstring----封面圖fen-typestring----分類imagesarray----詳情圖片isHomeboolean----推薦kucunnumber----庫(kù)存numbernumber----數(shù)量pricenumber----價(jià)格statusboolean----商品狀態(tài)textstring----商品描述titlestring----標(biāo)題typestring------xiaoliangnumber----銷量表4-3評(píng)價(jià)管理表字段名字段類型長(zhǎng)度約束描述_idstring----ID_openidstring----用戶OpenidavatarUrlstring----頭像goodsIdstring----商品IDgoodsNamestring----商品名稱nickNamestring----昵稱textstring----評(píng)價(jià)內(nèi)容timestring----時(shí)間表4-4輪播圖管理表字段名字段類型長(zhǎng)度約束描述_idstring----ID_createTimenumber----創(chuàng)建時(shí)間_updateTimenumber----修改時(shí)間contentstring----詳情coverstring----封面圖titlestring----標(biāo)題表4-5分類管理表字段名字段類型長(zhǎng)度約束描述_idstring----ID_createTimenumber----創(chuàng)建時(shí)間_updateTimenumber----修改時(shí)間imagestring----分類圖片isShowOnHomeboolean----是否在首頁(yè)顯示namestring----分類名稱表4-6訂單管理表字段名字段類型長(zhǎng)度約束描述_idstring--ID_openidstring--用戶Openid_updateTimenumber--修改時(shí)間addressstring--收貨地址goodsarray-- -- 訂單明細(xì)namestring----姓名payMoneynumber----訂單金額phonestring----聯(lián)系方式statusnumber----訂單狀態(tài)timestring----時(shí)間4.4本章小結(jié)本章主要是進(jìn)行系統(tǒng)架構(gòu)設(shè)計(jì)，然后根據(jù)總體框架確定出微信端、后臺(tái)模塊，并進(jìn)行數(shù)據(jù)庫(kù)設(shè)計(jì)，詳細(xì)地介紹了本系統(tǒng)的系統(tǒng)結(jié)構(gòu)設(shè)計(jì)。在功能模塊部分，通過(guò)流程圖及時(shí)序圖簡(jiǎn)略地介紹了整個(gè)系統(tǒng)業(yè)務(wù)流程，最后通過(guò)ER圖及數(shù)據(jù)結(jié)構(gòu)分析對(duì)數(shù)據(jù)庫(kù)進(jìn)行詳細(xì)設(shè)計(jì)。暖暖易購(gòu)網(wǎng)上商城的實(shí)現(xiàn)5.1開(kāi)發(fā)工具本小節(jié)中將介紹使用到的開(kāi)發(fā)工具微信開(kāi)發(fā)工具。5.1.1微信開(kāi)發(fā)工具-小程序簡(jiǎn)介在這個(gè)小程序中，開(kāi)發(fā)者可以利用簡(jiǎn)單、有效的軟件開(kāi)發(fā)框架、各種組件、API等工具，為微信平臺(tái)提供一種本土化的APP用戶體驗(yàn)。5.2系統(tǒng)環(huán)境的實(shí)現(xiàn)5.2.1獲取微信小程序ID在開(kāi)發(fā)微信小程序的時(shí)候，首先要申請(qǐng)并獲得一個(gè)小程序的AppID，接下來(lái)的發(fā)展也將以此為基礎(chǔ)。獲取微信小程序ID的主要過(guò)程包括：1.使用瀏覽器打開(kāi)微信公眾平臺(tái)官網(wǎng)（/）選擇注冊(cè)的賬號(hào)類型為小程序然后點(diǎn)擊立即注冊(cè)；2.進(jìn)入賬號(hào)類型選擇頁(yè)面，選擇注冊(cè)的賬號(hào)類型為“小程序”，即可進(jìn)入小程序的正式注冊(cè)頁(yè)面；3.在官方的小程序注冊(cè)頁(yè)中，有三個(gè)填充頁(yè)面，分別是帳戶信息，郵箱激活和信息注冊(cè)。在填寫(xiě)帳號(hào)信息的頁(yè)面上，需要輸入郵箱，密碼，密碼，驗(yàn)證碼，以及確認(rèn)協(xié)議條款。郵箱激活頁(yè)面需要在自己的郵箱中打開(kāi)激活鏈接完成注冊(cè)。在信息登記頁(yè)面完成注冊(cè)國(guó)家/地區(qū)和主題類型的選擇。完成以上操作，此刻就會(huì)擁有AppID，具體詳情如圖5-1所示。圖5-1查看AppID詳情5.2.2搭建開(kāi)發(fā)環(huán)境完成對(duì)微信小程序AppID的請(qǐng)求后，接下來(lái)就是構(gòu)建網(wǎng)絡(luò)商城微信小程序所需環(huán)境。按照微信小程序開(kāi)發(fā)指南中的指引，尋找并點(diǎn)擊小程序開(kāi)發(fā)工具的下載頁(yè)面，選擇與個(gè)人電腦系統(tǒng)的對(duì)應(yīng)版本進(jìn)行下載和安裝。本篇所述的是使用微信小程序來(lái)創(chuàng)建網(wǎng)絡(luò)商城，其開(kāi)發(fā)過(guò)程是在Windows10平臺(tái)下執(zhí)行的。一旦安裝完畢，就可以從桌面或開(kāi)始菜單里看到小程序開(kāi)發(fā)者的快速啟動(dòng)按鈕，點(diǎn)開(kāi)進(jìn)入開(kāi)發(fā)。打開(kāi)微信web開(kāi)發(fā)者工具圖表，管理員使用微信掃描二維碼后進(jìn)入菜單界面，然后點(diǎn)擊菜單里的“小程序項(xiàng)目”選項(xiàng)，進(jìn)入到小程序項(xiàng)目管理界面，此時(shí)，開(kāi)發(fā)人員會(huì)按照順序，將項(xiàng)目目錄、AppID以及項(xiàng)目名填入其中。將上述內(nèi)容填寫(xiě)完畢后單擊“確定”按鈕完成操作，跳轉(zhuǎn)到微信小程序開(kāi)發(fā)界面。5.3系統(tǒng)架構(gòu)的實(shí)現(xiàn)微信小程序由邏輯層、視圖層和客戶端三部分組成。利用JSBridge技術(shù)，實(shí)現(xiàn)了網(wǎng)頁(yè)視圖和應(yīng)用邏輯層的交互。只有這樣才能構(gòu)建一個(gè)完整的微信小程序系統(tǒng)。在可視層，用戶可以通過(guò)“事件”與小程序系統(tǒng)進(jìn)行交互，其中，應(yīng)用層負(fù)責(zé)對(duì)事件進(jìn)行處理，并向系統(tǒng)層反饋信息，最后將結(jié)果傳送到頁(yè)面視圖層。這種模式使得頁(yè)面視圖層與應(yīng)用邏輯層相互獨(dú)立，類似于mvc開(kāi)發(fā)模式。5.4系統(tǒng)模塊的實(shí)現(xiàn)5.4.1微信端功能模塊實(shí)現(xiàn)登錄模塊用戶在登錄小程序后才能夠購(gòu)買(mǎi)商品，如果沒(méi)有登錄只能瀏覽商品，用戶首次登錄點(diǎn)擊登錄按鈕會(huì)彈出“是否允許授權(quán)本臺(tái)獲取用戶信息并且并且顯示登錄成功進(jìn)入個(gè)人中心。并且微信小程序中wx.login()API端口也會(huì)響應(yīng)，這樣就可以確定出與此相關(guān)唯一的用戶代碼，涉及的信息主要包括微信openID、用戶名等。登錄時(shí)，通過(guò)openid判斷數(shù)據(jù)庫(kù)是否有以前的專人登錄的數(shù)據(jù)，查詢中如果數(shù)據(jù)庫(kù)沒(méi)有數(shù)據(jù)就把用戶添加到數(shù)據(jù)庫(kù)，如果數(shù)據(jù)庫(kù)有數(shù)據(jù)就直接獲取進(jìn)行登錄更新數(shù)據(jù)。經(jīng)過(guò)這一系列步驟，我們就能成功地利用網(wǎng)絡(luò)商城小程序獲取消費(fèi)者的信息。如此一來(lái)，不僅省去了消費(fèi)者注冊(cè)賬號(hào)所需要花費(fèi)的復(fù)雜步驟，節(jié)約了大量時(shí)間從而提升了用戶體驗(yàn)，同時(shí)也降低了網(wǎng)絡(luò)商城小程序管理人員儲(chǔ)存消費(fèi)者個(gè)人數(shù)據(jù)的相關(guān)開(kāi)銷。<imagewx:if="{{userInfo}}"src="{{userInfo.avatarUrl}}"class="touxiang-img"></image><viewwx:if="{{userInfo}}">{{userInfo.nickName}}</view></view><buttonwx:if="{{!userInfo}}"class="login"bindtap="login">登錄</button>以上所述即為網(wǎng)上商城小程序登錄過(guò)程中實(shí)現(xiàn)該功能所需的相關(guān)代碼。該網(wǎng)上商城小程序的登錄實(shí)現(xiàn)效果如下圖5-2展示。圖5-2登陸功能實(shí)現(xiàn)效果圖商品交易用戶在微信小程序中登錄后，只需點(diǎn)擊商品進(jìn)入詳情頁(yè)，就能將其加入購(gòu)物車。實(shí)現(xiàn)流程如下：首先，如果沒(méi)登陸就會(huì)顯示請(qǐng)先登錄跳轉(zhuǎn)到登錄頁(yè)面。加個(gè)攔截，沒(méi)登錄不可加入購(gòu)物車下面是實(shí)現(xiàn)的關(guān)鍵代碼如下所示。if(!app.globalData.userInfo){wx.switchTab({url:'/pages/me/me',success(){wx.showToast({icon:'error',title:'請(qǐng)登錄',})}})return}.1購(gòu)物車模塊當(dāng)用戶完成網(wǎng)絡(luò)商店的小程序登陸后，他們就可以開(kāi)始使用其購(gòu)物功能了。這意味著是小程式中的購(gòu)物車的實(shí)施過(guò)程。對(duì)于網(wǎng)店小程序來(lái)說(shuō)，購(gòu)物車的設(shè)計(jì)應(yīng)能使客戶輕松、無(wú)障礙地增加或減少所需購(gòu)買(mǎi)的產(chǎn)品數(shù)量，并在結(jié)賬時(shí)能夠立即跳轉(zhuǎn)至付款頁(yè)面。此外，它還可用于存儲(chǔ)有興趣但暫未決定是否購(gòu)買(mǎi)的商品?？偠灾?，我們的目標(biāo)是在設(shè)計(jì)簡(jiǎn)單易用的購(gòu)物車界面上，并從提高顧客消費(fèi)體驗(yàn)的角度出發(fā)來(lái)優(yōu)化業(yè)務(wù)流程設(shè)計(jì)。在構(gòu)建網(wǎng)上商城的小程序購(gòu)物車界面的過(guò)程中，我們將使用前述提及的MVC架構(gòu)中的視覺(jué)部分來(lái)實(shí)施設(shè)計(jì)，也就是在這個(gè)層次的頁(yè)面(如cart.wxml和cart.wxss)里增加對(duì)邏輯層的連接。當(dāng)我們查看產(chǎn)品時(shí)，可以直接單擊”Addtocart”按鈕把想要的產(chǎn)品放入購(gòu)物籃內(nèi)，并且可以在購(gòu)物車界面中執(zhí)行產(chǎn)品的數(shù)量加減操作，而這些功能的實(shí)際應(yīng)用則是在回調(diào)時(shí)間內(nèi)被調(diào)控。在構(gòu)建網(wǎng)上商城的小程序時(shí)，核心任務(wù)是把產(chǎn)品詳情等資料融入到購(gòu)物車內(nèi)，并確保其數(shù)據(jù)狀態(tài)的變化能被記錄下來(lái)。為保持購(gòu)物車內(nèi)的商品信息，我們必須引入本地?cái)?shù)據(jù)緩存的功能。在這個(gè)過(guò)程中，我們將購(gòu)物車的商品信息存儲(chǔ)于本地?cái)?shù)據(jù)緩存內(nèi)。這一系列操作都是在mvc框架下的業(yè)務(wù)邏輯層完成的，具體實(shí)施則通過(guò)cart.js文件來(lái)調(diào)控。網(wǎng)上商城小程序的購(gòu)物車功能得以實(shí)現(xiàn)。實(shí)現(xiàn)的效果如圖5-3示。圖5-3購(gòu)物車實(shí)現(xiàn)效果.2訂單結(jié)算模塊在使用在線商城小程序的時(shí)候，用戶應(yīng)該能夠在購(gòu)物車中啟動(dòng)訂單的生成，并按照自身的實(shí)際需要，對(duì)購(gòu)物車內(nèi)的物品進(jìn)行支付和結(jié)算。在訂單結(jié)算的實(shí)現(xiàn)過(guò)程中大致分為以下幾個(gè)步驟：1.提交購(gòu)物車?yán)锏纳唐沸畔ⅲ?.點(diǎn)擊支付之后系統(tǒng)調(diào)用微信支付模塊，通過(guò)微信支付完成對(duì)商品的結(jié)算；3.支付成功后，微信支付返回支付結(jié)果到我的訂單的待發(fā)貨當(dāng)中。在訂單結(jié)算模塊中，如果用戶無(wú)法完成支付，那么系統(tǒng)就會(huì)將其恢復(fù)到訂單支付前的狀態(tài)，這種在線商城小程序的訂單結(jié)算模塊，是由小程序客戶端、服務(wù)器、微信服務(wù)器三方共同完成的。網(wǎng)上商城小程序訂單結(jié)算模塊的實(shí)現(xiàn)運(yùn)行效果如下圖5-4。圖5-4訂單結(jié)算模塊的運(yùn)行效果圖商品展示模塊.1商品分類展示消費(fèi)者在使用網(wǎng)上商城微信小程序時(shí)，可以通過(guò)選擇產(chǎn)品的產(chǎn)地來(lái)進(jìn)行產(chǎn)品的瀏覽，在此需要根據(jù)產(chǎn)品的類別對(duì)產(chǎn)品進(jìn)行分類陳列。本文是將商品種類分為零食、飲料、面包、方便面等四大類，通過(guò)動(dòng)態(tài)來(lái)實(shí)現(xiàn)分類的功能。具體操作包括：1.在小程序前端界面設(shè)計(jì)上述四類的頁(yè)面；2.通過(guò)使用動(dòng)態(tài)對(duì)商品數(shù)據(jù)進(jìn)行獲??；3.消費(fèi)者通過(guò)選擇相應(yīng)的商品分類選項(xiàng)就可以看到相關(guān)商品信息。消費(fèi)者就可以按照商品分類去查找他們喜歡的產(chǎn)品。商品分類展示功能實(shí)現(xiàn)效果如圖5-5所示。圖5-5商品分類展示功能效果圖.2商品關(guān)鍵字檢索隨著可穿戴技術(shù)的發(fā)展,僅依靠傳感器數(shù)據(jù)往往難以準(zhǔn)確描述運(yùn)動(dòng)特征。針對(duì)這些問(wèn)題,提出了一種基于全局搜索算法的仿真方法,將傳感器數(shù)據(jù)和全局搜索算法相結(jié)合,更好地捕捉運(yùn)動(dòng)特征。商城搜索在設(shè)計(jì)時(shí),基于可穿戴傳感器和全局搜索算法的仿真方法設(shè)計(jì)小程序商城搜索REF_Ref7520\r\h[12]。在瀏覽商品時(shí)，消費(fèi)者可以通過(guò)檢索欄中的關(guān)鍵字來(lái)快速找到相應(yīng)的產(chǎn)品。實(shí)現(xiàn)這種關(guān)鍵字檢索功能的主要步驟包括：1.設(shè)計(jì)商品關(guān)鍵字檢索的UI界面，這里采用的是創(chuàng)建wxml文件。設(shè)計(jì)商品檢索輸入框，將輸入的商品檢索信息傳入到后臺(tái)數(shù)據(jù)庫(kù)進(jìn)行存儲(chǔ)。然后利用JavaScript文件和循環(huán)遍歷技術(shù)尋找搜尋數(shù)據(jù)；2.設(shè)計(jì)UI檢索頁(yè)面的樣式以及檢索結(jié)果的呈現(xiàn)，這里采用的是創(chuàng)建wxss文件；3.根據(jù)第一步建立的JavaScript文件，執(zhí)行輸入的搜尋信息的解析與處理工作。借助wx.request、URL等工具，于后端數(shù)據(jù)庫(kù)內(nèi)找尋相應(yīng)的商品編號(hào)；4.經(jīng)過(guò)在服務(wù)器端對(duì)后臺(tái)數(shù)據(jù)庫(kù)內(nèi)的信息表格內(nèi)容進(jìn)行全面掃描查閱，最終獲取搜索結(jié)果。并將這些搜索結(jié)果以JavaScript文件、JSON文件等方式返回到小程序終端。5.將反饋回小程序客戶端的的數(shù)據(jù)信息通過(guò)頁(yè)面視圖層的渲染，最后將渲染結(jié)果呈現(xiàn)給用戶。實(shí)現(xiàn)的關(guān)鍵代碼如下所示。<view

class="search-wrap"

>

<view

class="search-box">

<input

bindinput="getValue"

type="text"

placeholder="請(qǐng)輸入商品關(guān)鍵詞"

class="input"/>

<image

src="/images/search.png"

class="search-img"

bindtap="Search"></image></view></view><block

wx:for="{{goodsList}}">

<view

class="goods-box"

bindtap="togoodsDetail"

data-id="{{item._id}}">

<image

src="{{item.cover}}"

class="goods-img"></image>

<view

class="goods-right">

<view

class="goods-right-title">{{item.title}}</view>

<view

class="goods-right-tag">

<view

class="tag">銷量{{item.xiaoliang}}</view>

<view

class="price">￥{{item.price}}</view>

</view>

</view>

</view></block>小程序執(zhí)行按照產(chǎn)品關(guān)鍵字搜索商品的功能，具體實(shí)現(xiàn)效果如圖5-6所示。圖5-6商品關(guān)鍵字檢索效果圖在線客服模塊微信小程序中的在線客服功能，是通過(guò)連接到微信平臺(tái)的客服入口來(lái)實(shí)現(xiàn)的。實(shí)現(xiàn)該功能的關(guān)鍵代碼如下。<button

open-type="contact">聯(lián)系客服</button>完成以上配置之后，該功能的實(shí)現(xiàn)效果如圖5-7所示。圖5-7在線客服功能實(shí)現(xiàn)效果圖意見(jiàn)反饋模塊用戶可以通過(guò)在網(wǎng)上商城的微信小程序中使用意見(jiàn)反饋功能，進(jìn)入微信平臺(tái)提供的客服入口來(lái)實(shí)現(xiàn)。實(shí)現(xiàn)該功能的關(guān)鍵代碼如下。<button

open-type="feedback">意見(jiàn)反饋</button>完成以上配置之后，該功能的實(shí)現(xiàn)效果如圖5-8所示。圖5-8意見(jiàn)反饋功能實(shí)現(xiàn)效果圖我的訂單管理模塊用戶在小程序中可查看待發(fā)貨、待收貨、待評(píng)價(jià)以及已完成的訂單，同時(shí)還能查看過(guò)去的購(gòu)物訂單和當(dāng)前正在執(zhí)行的訂單的收貨信息等。該功能的實(shí)現(xiàn)效果如圖5-9所示。圖5-9我的訂單功能實(shí)現(xiàn)效果圖5.4.2后臺(tái)管理系統(tǒng)設(shè)計(jì)模塊的實(shí)現(xiàn)商品管理模塊在網(wǎng)絡(luò)商店的小程序里，賣(mài)家能夠把正在銷售的產(chǎn)品按照類別進(jìn)行歸類展示。后方的產(chǎn)品管理部分能完成對(duì)于產(chǎn)品的詳細(xì)描述、品類劃分和存貨信息的處理，進(jìn)而使這些與產(chǎn)品管理相關(guān)的功能被展現(xiàn)于小程式的前方界面。達(dá)成此項(xiàng)任務(wù)的核心環(huán)節(jié)包括：1.利用WXML來(lái)修改需遞交的產(chǎn)品細(xì)節(jié)數(shù)據(jù);2.使用image標(biāo)簽去上載產(chǎn)品細(xì)節(jié)里的照片;3.借助JavaScript文件及相應(yīng)的API接口，向服務(wù)器傳送待發(fā)送的數(shù)據(jù)資料。該功能的實(shí)現(xiàn)效果如圖5-10所示。圖5-10商品管理效果圖訂單管理模塊我們的在線商店微信應(yīng)用程序在執(zhí)行數(shù)據(jù)