基于MINA框架結(jié)合微信小程序的海鮮商城系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)目錄TOC\o"1-3"\h\u25877摘要 212817一、緒論 218682（一）課題背景 39364（二）國外研究現(xiàn)狀 38946（三）國內(nèi)研究現(xiàn)狀 424004二、相關(guān)技術(shù)簡(jiǎn)介 43895（一）系統(tǒng)整體技術(shù)結(jié)構(gòu) 52582（二）微信小程序云存儲(chǔ) 53332（三）微信小程序技術(shù) 51541三、可行性分析 616467（一）發(fā)展可行性分析 624938（二）技術(shù)可行性分析 63664四、系統(tǒng)設(shè)計(jì) 65778（一）設(shè)計(jì)流程分析 621148（二）需求分析 723289（三）數(shù)據(jù)流圖 77077（四）系統(tǒng)功能架構(gòu) 824266五、數(shù)據(jù)庫的設(shè)計(jì)與實(shí)現(xiàn) 93724（一）云數(shù)據(jù)庫的設(shè)計(jì)流程 914755（二）數(shù)據(jù)庫需求分析 1022391（三）數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì) 10302471、云數(shù)據(jù)庫E-R圖 1028993（四）云數(shù)據(jù)庫的邏輯結(jié)構(gòu)設(shè)計(jì) 1231585（五）云數(shù)據(jù)庫表建設(shè) 1210218六、系統(tǒng)詳細(xì)設(shè)計(jì)與代碼實(shí)現(xiàn) 1318953（一）詳細(xì)設(shè)計(jì)目的 134909（二）代碼實(shí)現(xiàn) 14299921、環(huán)境搭建 14294842、首頁功能實(shí)現(xiàn)板塊 14145173、商品分類實(shí)現(xiàn)板塊 15263834、購物車實(shí)現(xiàn)板塊 16261295、我的界面板塊 16302166、管理員的功能板塊 1723965七、系統(tǒng)測(cè)試 1725890（一）首頁功能實(shí)現(xiàn)板塊 1717848（二）商城商品分類板塊 1826808（三）購物車板塊 1929410（四）我的信息界面板塊 1930356（五）海鮮商品管理板塊 2020961（六）輪播圖管理板塊 2126107（七）評(píng)論管理和訂單管理板塊 2127671結(jié)束語 2313625參考文獻(xiàn) 24摘要由于社會(huì)需求，微信作為即時(shí)通訊的社交軟件逐漸擁有了非常龐大的用戶。這在推進(jìn)社交模式的改革之外，也促使了微信內(nèi)部應(yīng)用的快速發(fā)展，例如，微信公眾號(hào)、微信小程序。福建地區(qū)作為南方漁業(yè)占比很大的地區(qū)，漁業(yè)是城市活性和城市居民不可或缺的部分。然而，沿海的海鮮產(chǎn)品銷售模式還依舊是傳統(tǒng)的銷售方法。因?yàn)閭鹘y(tǒng)銷售方式相對(duì)落后，不能滿足城市對(duì)于時(shí)令海鮮的銷售需求，所以本次項(xiàng)目設(shè)計(jì)主要用于時(shí)令海鮮的銷售。本次設(shè)計(jì)是在MINA框架的基礎(chǔ)上，使用微信小程序開發(fā)工具開發(fā)的海鮮商城微信小程序。通過使用云開發(fā)技術(shù)和JavaScript語言，對(duì)小程序的前端進(jìn)行設(shè)計(jì)。在使視圖簡(jiǎn)潔美觀的同時(shí)，也需要部署可以滿足需要的功能。后端設(shè)計(jì)采用微信云開發(fā)，并利用云數(shù)據(jù)庫作為管理員內(nèi)容管理系統(tǒng)后臺(tái)存儲(chǔ)。它在云開發(fā)的基礎(chǔ)上結(jié)合系統(tǒng)的總體需求和技術(shù)路線進(jìn)行完整的設(shè)計(jì)與開發(fā)。這個(gè)系統(tǒng)以使用對(duì)象分為管理員和用戶板塊，并實(shí)現(xiàn)了用戶的商品分類瀏覽、訂單下單、微信支付、訂單查詢等功能，以及管理員的商品信息管理、訂單信息管理、評(píng)論管理等功能。最后通過微信小程序改善當(dāng)前的海鮮商城運(yùn)營模式。關(guān)鍵詞：微信小程序；云開發(fā)；海鮮商城緒論互聯(lián)網(wǎng)信息技術(shù)經(jīng)過了幾年的飛速發(fā)展之后，人們的生活迅速和互聯(lián)網(wǎng)搭上關(guān)系，生活無處不見的可以看到智能手機(jī)等智能設(shè)備。隨著生活節(jié)奏的加快，人們生活離不開手邊的智能設(shè)備，手機(jī)、電腦等工具變得更加重要，甚至成為人們生活工作的必須品。人們習(xí)慣于智能設(shè)備帶來的便利，無論在何時(shí)何地都希望可以通過手上的智能設(shè)備了解世界。逐漸的人們的生活、工作生產(chǎn)、生活環(huán)境、以及個(gè)人信息都被互聯(lián)網(wǎng)所滲透。就此生活信息的大爆炸發(fā)生，這也預(yù)示著互聯(lián)網(wǎng)信息化時(shí)代的到來。（一）課題背景這幾年來，由于互聯(lián)網(wǎng)技術(shù)日新月異，社會(huì)各界的運(yùn)營模式都在發(fā)生著巨大的變化。商品貿(mào)易作為市場(chǎng)經(jīng)濟(jì)的主要經(jīng)濟(jì)模式，首當(dāng)其沖的受到信息化時(shí)代帶來的沖擊。社會(huì)信息化在經(jīng)濟(jì)生活全面信息化的過程中，推動(dòng)著貿(mào)易模式的改革發(fā)展，海鮮銷售行業(yè)便是其中之一。在過去，海鮮銷售行業(yè)作為傳統(tǒng)行業(yè)，消費(fèi)者或銷售人員在以前都是手工用紙紀(jì)錄，再報(bào)倉庫拿貨。如果還是按傳統(tǒng)海鮮行業(yè)銷售模式，在銷售高峰期時(shí)，這種傳統(tǒng)的海鮮銷售方式容易造成企業(yè)出貨率低的問題。時(shí)代發(fā)展，互聯(lián)網(wǎng)經(jīng)濟(jì)發(fā)展迅速，福州更作為沿海城市，靠海吃海，卻依舊沿襲著傳統(tǒng)的海上捕魚，然后市場(chǎng)買賣的交易方式，這并不能與社會(huì)發(fā)展接軌。隨后便出現(xiàn)了線下電子支付的銷售方式。但是在現(xiàn)實(shí)生活中支付方式需要人工的介入，不可避免的會(huì)出現(xiàn)因?yàn)椴僮魃系氖д`導(dǎo)致數(shù)據(jù)問題，從而引起商家和客戶之間的經(jīng)濟(jì)糾紛。還會(huì)在人流高峰期，由于長時(shí)間排隊(duì)，引起顧客情緒的不滿，甚至客源流失的情況。所以在社會(huì)快速發(fā)展的情況下，如果想要大力發(fā)展海鮮銷售行業(yè)，銷售模式就必須跟上社會(huì)腳步，尋求可持續(xù)發(fā)展的途徑。所以線上交易模式成為海產(chǎn)品銷售的必經(jīng)之路。反觀市場(chǎng)上出現(xiàn)的銷售平臺(tái)，以往線上銷售都是自主開發(fā)商城基于網(wǎng)頁，線上銷售模式用戶粘性低，用戶無法手機(jī)操作或需要安裝單獨(dú)的安卓或IOS應(yīng)用。并且以往商城的模式，用戶結(jié)算慢，還需要綁定網(wǎng)銀等問題。所以想要加大發(fā)展線上銷售的可行性，就需要解決用戶安裝APP或打開電腦至網(wǎng)上商城購物等體驗(yàn)不好的問題。于此同時(shí)，由于微信在騰訊公司的大力發(fā)展下，用戶數(shù)量大大增加，用戶群體囊括各行各業(yè)，所以微信小程序也就應(yīng)運(yùn)而生。微信支持通過微信支付，如果有一款應(yīng)用直接基于微信小程序的商城系統(tǒng)。和傳統(tǒng)的方法相比較，這種方式大大的提高了交易的完成率和提交效率，既能提升海鮮的交易量，也提高交易的成功率。對(duì)于消費(fèi)者來說，在銷售高峰期，人們?cè)僖膊挥萌ヅ砰L隊(duì)等待海鮮的交易完成。這使顧客足不出戶便能享受互聯(lián)網(wǎng)時(shí)代帶來的便利。對(duì)于工作人員來說，再也不需要匆匆忙忙，為交易的完成而擔(dān)憂，也不需要為顧客的情緒而感到擔(dān)憂[1-4]。（二）國外研究現(xiàn)狀相對(duì)于國內(nèi)，歐美等國外地區(qū)的信息技術(shù)發(fā)展較早，對(duì)于信息技術(shù)的應(yīng)用也更加的早，更加的完善。他們很早就將信息化技術(shù)應(yīng)用于各個(gè)銷售平臺(tái)App。通過便捷的互聯(lián)網(wǎng)功能，來加快、簡(jiǎn)化消費(fèi)服務(wù)過程。這樣的運(yùn)營模式為商店的貨物售賣提供了明顯高效的銷售效率。即使在銷售擁擠的時(shí)期，客人也可以輕松簡(jiǎn)便的完成自己對(duì)喜愛的商品的購買，從而促使客人對(duì)銷售環(huán)境表示滿意。這種運(yùn)營模式相對(duì)于傳統(tǒng)的銷售方法，更加的科學(xué)與先進(jìn)，將良好的服務(wù)方式運(yùn)行到極致，向大家彰顯了信息技術(shù)對(duì)社會(huì)經(jīng)濟(jì)發(fā)展模式多元化的提供了卓越的發(fā)展方向。而在其他的國家，更是將海鮮銷售系統(tǒng)移植入人們的智能設(shè)備上，人們可以通過智能設(shè)備上的APP提前下單，并支付產(chǎn)品所需要的金額，大大的節(jié)省了顧客的等待時(shí)間，以及可以提前讓商家準(zhǔn)備和完成商品，從而縮短銷售周期。（三）國內(nèi)研究現(xiàn)狀近幾年，國內(nèi)已經(jīng)出現(xiàn)了以海鮮銷售、訂單管理、貨物配送、在線支付等功能為一條流水線的銷售服務(wù)系統(tǒng)。例如：樸樸、盒馬鮮生等。其中海鮮銷售系統(tǒng)是部署在各個(gè)移動(dòng)智能終端來進(jìn)行運(yùn)營的。當(dāng)顧客需要完成海鮮商品的購買時(shí)，只需要在移動(dòng)設(shè)備上瀏覽并下單，這種方式簡(jiǎn)化了銷售的過程，提高了效率。但這種方式的缺點(diǎn)是顧客不能直觀的查看所購買的貨物成色，且只能在商店所要求的設(shè)備APP上完成購買。此外，APP的功能設(shè)計(jì)相對(duì)死板且單一，不能在上面進(jìn)行社交互動(dòng)，分享自己在本店所獲取的購物經(jīng)驗(yàn)等系統(tǒng)功能?；谖⑿判〕绦虻暮ｕr商城，用戶可以直接微信支付，支付不只有銀行卡的手段，也無需要安裝特定的軟件。這提升了海鮮商品的銷售效率，也使用戶購物體驗(yàn)得到質(zhì)的提高。相對(duì)于其他APP來說微信小程序更加的容易進(jìn)行維護(hù)。所以使用微信小程序來升級(jí)時(shí)令海鮮銷售模式更為合適。二、相關(guān)技術(shù)簡(jiǎn)介本次設(shè)計(jì)主要用到了兩種開發(fā)技術(shù)，分別是云開發(fā)和微信小程序開發(fā)。前端的程序設(shè)計(jì)主要是運(yùn)用微信小程序開發(fā)語言，通過官方開發(fā)工具完成設(shè)計(jì)。后端主要是通過CMS進(jìn)行云數(shù)據(jù)庫管理，管理訂單、商品等數(shù)據(jù)的上線和下線。而在前后端數(shù)據(jù)交互的方面，主要采用異步傳輸數(shù)據(jù)通過云端技術(shù)向云端服務(wù)器提取云端數(shù)據(jù)，云端的數(shù)據(jù)庫主要的功能是用于存放數(shù)據(jù)，來進(jìn)行信息管理[1]。（一）系統(tǒng)整體技術(shù)結(jié)構(gòu)圖2-1系統(tǒng)技術(shù)結(jié)構(gòu)圖從圖2-1可以看出,為了完成一個(gè)微信小程序的開發(fā)，只需要使用微信提供的API進(jìn)行核心內(nèi)容的的開發(fā)，對(duì)后端和運(yùn)行維護(hù)概念要求較低，并不需要服務(wù)器的配合工作，就可以實(shí)現(xiàn)快速的上傳數(shù)據(jù)和下載信息。（二）微信小程序云存儲(chǔ)小程序云開發(fā)是騰訊公司為了推廣微信的騰迅云開發(fā)的一套基于Serverless服務(wù)。用戶在小程序開發(fā)時(shí)不用考慮小程序后端開發(fā)服務(wù)器部署，代碼所有任務(wù)執(zhí)行都是通過調(diào)用云存儲(chǔ)，云存儲(chǔ)主要是基于Json數(shù)據(jù)傳輸[2]。如圖2-2為微信小程序的小程序端向云端提取數(shù)據(jù)的云存儲(chǔ)開發(fā)方式。圖2-2云存儲(chǔ)開發(fā)方式圖（三）微信小程序技術(shù)微信小程序只需要通過普及度很高的社交軟件掃碼或者搜索小程序名稱進(jìn)入小程序，便能開始輕松快捷的使用小程序所附帶的功能[5-6]。完美解決了手機(jī)內(nèi)存不足，卻能使用諸多軟件功能的問題。開發(fā)者需要了解的微信小程序相關(guān)知識(shí)：WXML，是微信推出的一套標(biāo)簽語言組合，組合使用組件實(shí)現(xiàn)的大部分功能，從而完整的設(shè)計(jì)和運(yùn)行整個(gè)微信小程序[2]。WXSS，是一套樣式語言，用于描述WXML的組件樣式。小程序研發(fā)者對(duì)其進(jìn)行了功能拓展和修改。開發(fā)者只通過設(shè)置WXSS的數(shù)據(jù)類型、樣式就能進(jìn)行改變微信小程序組件的樣式，以及直觀的微信小程序界面展示。API：微信小程序?yàn)殚_發(fā)者提供了已經(jīng)分裝好的API。管理員可以通過使用API，來調(diào)用微信小程序的功能，例如：網(wǎng)絡(luò)請(qǐng)求、上傳和下載數(shù)據(jù)、位置信息獲取等。作為微信功能實(shí)現(xiàn)的拓展，開發(fā)者只有深度學(xué)習(xí)了API框架才能更好的實(shí)現(xiàn)微信提供的部分重要能力，讓用戶有可以有更好的使用體驗(yàn)，提高用戶對(duì)小程序的滿意度[7]。Javascrip，是當(dāng)下最熱門的編程語言之一，經(jīng)常被運(yùn)用于網(wǎng)頁、web開發(fā)等設(shè)計(jì)開發(fā)項(xiàng)目中。當(dāng)然，開發(fā)者除了需要學(xué)習(xí)以上的技術(shù)之外，還需要學(xué)習(xí)其他的計(jì)算機(jī)知識(shí)，例如：數(shù)據(jù)庫、小程序組件應(yīng)用等。只有擁有足夠的知識(shí)儲(chǔ)備，才能使開發(fā)過程不會(huì)特別的坎坷。三、可行性分析（一）發(fā)展可行性分析微信小程序作為IT行業(yè)新生代技術(shù)，對(duì)于其他的軟件來說更加的便利和新穎，也有著更好的發(fā)展前景。而且我們的小程序有著相對(duì)完整的框架設(shè)計(jì)，并不是存在早期的技術(shù)，無法更新?lián)Q代的情況。同時(shí)我們的小程序，將優(yōu)先實(shí)施在福建福州等沿海城市，這些城市對(duì)于漁業(yè)的運(yùn)行相對(duì)完全，所以對(duì)于本小程序來說，有著很大的發(fā)展和行使空間。（二）技術(shù)可行性分析本項(xiàng)目的開發(fā)，都是通過云開發(fā)來和維護(hù)數(shù)據(jù)庫。云開發(fā)的開發(fā)方式相對(duì)與很多開發(fā)模式都更為的簡(jiǎn)單，既易于初學(xué)者和本科大學(xué)生完成微信小程序設(shè)計(jì)，也能更好的維護(hù)數(shù)據(jù)庫的數(shù)據(jù)安全性和穩(wěn)定性。并且對(duì)于計(jì)算機(jī)專業(yè)畢業(yè)的學(xué)生，只要對(duì)微信小程序開發(fā)語言和云數(shù)據(jù)庫的使用方法做到一定程度的掌握，就能較為完整的完成一個(gè)相對(duì)簡(jiǎn)易的微信小程序應(yīng)用開發(fā)。因此從技術(shù)判斷，開發(fā)此小程序的可行性相對(duì)較高。四、系統(tǒng)設(shè)計(jì)（一）設(shè)計(jì)流程分析本項(xiàng)目在設(shè)計(jì)之前，需要對(duì)市場(chǎng)情況和其他微信商城運(yùn)行模式進(jìn)行詳細(xì)的探究，得出項(xiàng)目的需求分析，從而確定程序的流程設(shè)計(jì)。用戶不需要通過密碼登錄小程序，只需要借助微信的授權(quán)登錄便能進(jìn)入微信小程序，在微信小程序各個(gè)界面進(jìn)行操作，實(shí)現(xiàn)瀏覽、下單、支付等功能。管理員通過進(jìn)入云開發(fā)系統(tǒng)管理后臺(tái)管理前端的信息。用戶登錄流程圖如圖4-1所示，項(xiàng)目設(shè)計(jì)流程圖，如圖4-2所示。圖4-1用戶登錄流程圖圖4-2項(xiàng)目流程圖（二）需求分析需求分析作為項(xiàng)目開發(fā)的第一步，是開發(fā)者通過對(duì)項(xiàng)目在社會(huì)環(huán)境的需求情況進(jìn)行詳細(xì)考察，進(jìn)而得出分析結(jié)論的一步。通過需求分析，開發(fā)者了解小程序所需要的功能以及確定小程序所要面向的對(duì)象，從而設(shè)計(jì)出完整且功能多樣的小程序[8]。目前，由于受到社會(huì)環(huán)境和經(jīng)濟(jì)的影響，人們對(duì)于軟件應(yīng)用的要求越來越高。他們不再局限在考慮軟件的簡(jiǎn)潔便利的操作方法，更是對(duì)功能的多樣性以及多個(gè)層次的功能拓展有了足夠的需求。通過對(duì)市場(chǎng)的考研和調(diào)查，我對(duì)本項(xiàng)目所需要的功能設(shè)計(jì)進(jìn)行了詳細(xì)的劃分和總結(jié)，總結(jié)出如下需求：1、用戶和管理員可以直接通過微信來登錄，不再需要重新去申請(qǐng)注冊(cè)一個(gè)全新賬號(hào)；2、用戶登錄后可以在界面內(nèi)完成商品瀏覽、下訂單和微信支付，并能通過小程序查看訂單情況等功能；3、管理員可進(jìn)入后臺(tái)對(duì)商品、評(píng)論、訂單信息進(jìn)行管理等。時(shí)令海鮮銷售微信小程序設(shè)計(jì)中采用的登記界面由于所需要的功能較為少，所以只需要簡(jiǎn)潔美觀就可以。（三）數(shù)據(jù)流圖數(shù)據(jù)流圖是將時(shí)令海鮮銷售微信小程序分析和設(shè)計(jì)結(jié)構(gòu)化的主要方法，是通過小程序需要的數(shù)據(jù)進(jìn)行提取，再用圖示的辦法具體的表示出信息的流向，最后整理出邏輯模型。從而列出數(shù)據(jù)流圖，如圖4-3所示：圖4-3系統(tǒng)數(shù)據(jù)流圖對(duì)數(shù)據(jù)流進(jìn)行分析，有助于進(jìn)一步使微信海鮮銷售小程序設(shè)計(jì)滿足用戶的需要，使需求和設(shè)計(jì)的得到結(jié)合。（四）系統(tǒng)功能架構(gòu)綜合分析各個(gè)微信商城小程序的框架結(jié)構(gòu)，以及對(duì)用戶的需求進(jìn)行研究和調(diào)查，從而得出系統(tǒng)所需要的各個(gè)主要的系統(tǒng)功能，整理出功時(shí)令海鮮銷售微信小程序的功能構(gòu)架。小程序功能結(jié)構(gòu)如圖4-4所示：圖4-4小程序功能結(jié)構(gòu)圖整個(gè)小程序從整體上看由兩大部分組成：管理員及用戶，再由兩個(gè)部分劃分出多個(gè)功能模塊。數(shù)據(jù)庫的設(shè)計(jì)與實(shí)現(xiàn)（一）云數(shù)據(jù)庫的設(shè)計(jì)流程本課程的數(shù)據(jù)庫設(shè)計(jì)主要是運(yùn)用到了云開發(fā)的云端存儲(chǔ)庫。所以云數(shù)據(jù)庫設(shè)計(jì)需要先對(duì)數(shù)據(jù)庫的需求進(jìn)行詳細(xì)分析，分割出足夠的數(shù)據(jù)庫表，來滿足程序的數(shù)據(jù)存儲(chǔ)；其次，對(duì)云數(shù)據(jù)庫的數(shù)據(jù)傳輸、請(qǐng)求流程進(jìn)行詳細(xì)了解，畫出數(shù)據(jù)流圖為后續(xù)的數(shù)據(jù)請(qǐng)求做好準(zhǔn)備；然后，在數(shù)據(jù)庫的需求分析的基礎(chǔ)上，設(shè)計(jì)者提取概念化信息，勾勒概念結(jié)構(gòu)設(shè)計(jì)，并畫出E-R圖；最后根據(jù)概念設(shè)計(jì)，概括出邏輯結(jié)構(gòu)，并完成數(shù)據(jù)庫設(shè)計(jì)。如圖5-1所示：圖5-1微信海鮮銷售小程序云數(shù)據(jù)庫開發(fā)流程圖（二）數(shù)據(jù)庫需求分析本系統(tǒng)是通過云開發(fā)完成，但也是屬于數(shù)據(jù)庫的類型運(yùn)用。因此，根據(jù)系統(tǒng)在市場(chǎng)上所需要的功能，時(shí)令海鮮銷售微信小程序項(xiàng)目的數(shù)據(jù)庫需要有足夠的信息儲(chǔ)存，從而保證系統(tǒng)可以正常緩存數(shù)據(jù)[9-10]。于是，對(duì)于管理員的需求進(jìn)行分析：需要有商品信息的修改和管理的功能，從而可以更快的上傳商品信息；需要有用戶評(píng)論進(jìn)行回復(fù)和查看等的管理功能，可以更快的解決用戶問題和采納用戶用戶建議；需要對(duì)訂單信息進(jìn)行查看管理從而實(shí)現(xiàn)對(duì)后期貨物的派送；需要有對(duì)輪播圖進(jìn)行管理功能，使商品宣傳得到更好的宣傳。對(duì)于用戶的需求進(jìn)行分析：需要有對(duì)商品、輪播圖、訂單有查看功能，便于用戶，并且需要有下單和發(fā)布評(píng)論的功能。（三）數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì)開發(fā)者結(jié)合管理者和用戶的功能需求分析和數(shù)據(jù)流圖，通過自底向上的概念結(jié)構(gòu)設(shè)計(jì)方法設(shè)計(jì)出云數(shù)據(jù)庫的概念模型。再進(jìn)行數(shù)據(jù)庫的設(shè)計(jì)，使云數(shù)據(jù)庫更加完整，并能滿足各種項(xiàng)目需求。1、云數(shù)據(jù)庫E-R圖數(shù)據(jù)庫概念模型是為了將現(xiàn)實(shí)世界中用戶及產(chǎn)品的信息進(jìn)行數(shù)據(jù)抽象表達(dá)。經(jīng)過數(shù)據(jù)抽象后得到實(shí)體和屬性，根據(jù)實(shí)際情況對(duì)實(shí)體之間的關(guān)系進(jìn)行整理，并畫出詳細(xì)E-R圖[11]。如下圖所示：圖5-2評(píng)論信息實(shí)體屬性圖圖5-3訂單信息信息實(shí)體屬性圖圖5-4商品信息實(shí)體圖圖5-5輪播圖信息實(shí)體圖圖5-6云數(shù)據(jù)庫E-R圖（四）云數(shù)據(jù)庫的邏輯結(jié)構(gòu)設(shè)計(jì)根據(jù)微信海鮮銷售小程序功能的概念結(jié)構(gòu)設(shè)計(jì)，劃分?jǐn)?shù)據(jù)庫表。以下是本設(shè)計(jì)的邏輯結(jié)構(gòu)設(shè)計(jì)：評(píng)論信息表pinglun（被評(píng)論商品id，被評(píng)論商品名，用戶名，評(píng)論內(nèi)容，訂單號(hào)，用戶頭像），其中（被評(píng)論商品id、訂單號(hào)）為表的約束條件；訂單信息表order（訂單號(hào)，用戶名，商品信息，手機(jī)號(hào)，訂單總價(jià)格，備注，地址，訂單狀態(tài)），其中“訂單號(hào)”是此表的約束條件；商品信息表goods（商品號(hào)，商品名，是否上首頁推薦，商品價(jià)格，商品類型，商品圖片，商品數(shù)量，上架下架，商品描述），其中“商品號(hào)”為此表的約束條件；輪播圖信息表lunbo（輪播圖編號(hào)，圖片）。其中“輪播圖編號(hào)”為此表的約束條件。（五）云數(shù)據(jù)庫表建設(shè)該項(xiàng)目數(shù)據(jù)庫的主要功能是存儲(chǔ)數(shù)據(jù)，以便程序的功能調(diào)用，表格如下：表5-1評(píng)論信息表字段名展示名稱數(shù)據(jù)類型主鍵orderId訂單號(hào)單行字符串是goodId被評(píng)價(jià)商品id單行字符串否goodName被評(píng)論商品名單行字符串否name用戶名單行字符串否content評(píng)論內(nèi)容多行字符串否avatarUrl用戶頭像圖片否表5-2訂單信息信息表字段名展示名稱數(shù)據(jù)類型主鍵_id訂單號(hào)單行字符串是name用戶名單行字符串否good商品信息JSON對(duì)象否phone手機(jī)號(hào)單行字符串否totalPrice訂單總價(jià)格單行字符串否beizhu備注單行字符串否address地址單行字符串否status訂單狀態(tài)枚舉否表5-3商品信息表字段名展示名稱數(shù)據(jù)類型主鍵_id商品號(hào)單行字符串是tuijian是否上首頁推薦布爾值否price商品價(jià)格數(shù)字否type商品類型單行字符串否img商品圖片圖片否num商品數(shù)量數(shù)字否status上架下架枚舉否content商品描述多行字符串否tuijian是否上首頁推薦布爾值否表5-4輪播圖信息表字段名展示名稱數(shù)據(jù)類型主鍵_id輪播圖號(hào)單行字符串是picUrl圖片圖片否系統(tǒng)詳細(xì)設(shè)計(jì)與代碼實(shí)現(xiàn)（一）詳細(xì)設(shè)計(jì)目的本項(xiàng)目的詳細(xì)設(shè)計(jì)的目的：1、將小程序系統(tǒng)設(shè)計(jì)按照功能模塊進(jìn)行一一細(xì)分，從而對(duì)系統(tǒng)的編譯流程確定正確的方向；2、嚴(yán)格定義每一個(gè)模塊程序的內(nèi)部邏輯結(jié)構(gòu)，用固定的表達(dá)方式表示出來，以防在后期的調(diào)試過程出現(xiàn)不必要的邏輯錯(cuò)誤；3、確定小程序主要的界面布局，做到簡(jiǎn)潔且美觀。（二）代碼實(shí)現(xiàn)本項(xiàng)目根據(jù)使用角色的不同，可以分為前端模塊和后臺(tái)模塊。大的模塊由于功能實(shí)現(xiàn)問題，又被分割成小的模塊。前端界面根據(jù)界面布局情況分為：首頁功能實(shí)現(xiàn)板塊、商城商品分類板塊、購物車板塊、我的界面板塊。管理員的后臺(tái)模塊被分成多個(gè)小的模塊，其中包括：海鮮商品管理板塊、輪播圖管理板塊、輪播圖管理板塊、評(píng)論管理和訂單管理板塊。由于項(xiàng)目代碼量問題，此章節(jié)只進(jìn)行部分重要代碼展示。實(shí)現(xiàn)情況如下；1、環(huán)境搭建安裝微信小程序開發(fā)工具，創(chuàng)建image用于存放項(xiàng)目所需圖片，并根據(jù)功能創(chuàng)建對(duì)應(yīng)pages。圖6-1目錄分類2、首頁功能實(shí)現(xiàn)板塊主要是實(shí)現(xiàn)了商城類微信小程序的部分基礎(chǔ)功能。用戶可以實(shí)現(xiàn)了對(duì)商品的搜索、分類導(dǎo)航、定位信息獲取、精選產(chǎn)品的選購以及精品產(chǎn)品的每日介紹視頻。定位信息獲取通過開發(fā)者工具中的地址信息獲取的功能組件，從而向微信申請(qǐng)內(nèi)置地圖從而查看當(dāng)前位置。以下是部分實(shí)現(xiàn)方法：地址信息獲取圖6-2（a）地址信息精品商品每日推薦視頻功能是通過利用開發(fā)者工具的視頻組件，可以引入網(wǎng)絡(luò)上的視頻或本地視頻來播放當(dāng)天的推薦商品當(dāng)天信息。（2）視頻推薦代碼圖6-2（b）視頻引入3、商品分類實(shí)現(xiàn)板塊主要功能是通過點(diǎn)擊左邊的導(dǎo)航框，對(duì)右邊商品進(jìn)行跳轉(zhuǎn)，并能在瀏覽商品時(shí)可將商品加入購物車后進(jìn)行增刪改功能，并通過創(chuàng)建訂單，進(jìn)行支付功能；支付功能前，小程序需要對(duì)已經(jīng)加入購物車列表的商品價(jià)格數(shù)據(jù)進(jìn)行加法循環(huán)，最后對(duì)總計(jì)的屬性進(jìn)行賦值（1）商品總價(jià)計(jì)算代碼實(shí)現(xiàn)圖6-3商品總價(jià)計(jì)算4、購物車實(shí)現(xiàn)板塊主要功能是用戶對(duì)購物車內(nèi)的商品進(jìn)行增刪改查功能、訂單信息填寫；增加購物車內(nèi)的商品量圖6-4增加購物車內(nèi)的商品量增刪改的功能代碼比較類似，主要是通過循環(huán)，遍歷數(shù)據(jù)庫后進(jìn)行數(shù)量修改，因此如法炮制。5、我的界面板塊主要是實(shí)現(xiàn)了點(diǎn)擊我的導(dǎo)覽框，進(jìn)入我的信息界面，并能在我的界面查看，訂單信息、評(píng)論情況、建議反饋、在線客服等功能；訂單創(chuàng)建數(shù)據(jù)由購物車流轉(zhuǎn)下來，根據(jù)用戶的購物車商品自動(dòng)創(chuàng)建商品訂單，本次開發(fā)的支付功能，由于只是個(gè)人號(hào)開發(fā)，因此未申請(qǐng)微信支付權(quán)限，目前是基于虛擬支付進(jìn)行。且能在我的界面查看訂單信息；（1）用戶信息獲取圖6-5用戶信息獲取6、管理員的功能板塊主要實(shí)現(xiàn)的功能是由云開發(fā)進(jìn)行的，主要的程序設(shè)計(jì)是云庫和前端的程序連接。在云開發(fā)的工具里對(duì)項(xiàng)目中需要提取庫內(nèi)數(shù)據(jù)的功能模塊，對(duì)庫和前端進(jìn)行綁定，使后臺(tái)數(shù)據(jù)修改會(huì)引起前端數(shù)據(jù)的改變。七、系統(tǒng)測(cè)試在系統(tǒng)設(shè)計(jì)完成后，為了保證系統(tǒng)的功能都能得到實(shí)現(xiàn)，并且排除出程序是否出現(xiàn)非邏輯上的問題，所以需要對(duì)系統(tǒng)功能進(jìn)行一一測(cè)試。（一）首頁功能實(shí)現(xiàn)板塊首頁功能示圖如圖7-1所示：圖7-1（a）海鮮銷售首頁圖7-2（b）海鮮銷售首頁（二）商城商品分類板塊海鮮商品可以分類瀏覽，主要是實(shí)現(xiàn)了，左導(dǎo)航框的分類跳轉(zhuǎn)、商品信息的提取，商品的增加和減少，商品分類板塊示圖如圖7-2所示：圖7-2（a）商城商品分類瀏覽圖7-2（b）商城商品分類瀏覽（三）購物車板塊購物車界面示圖如圖7-3所示圖7-3（a）購物車圖7-3（b）商品訂單創(chuàng)建訂單支付界面如圖7-4所示圖7-4（a）訂單支付圖圖7-4（b）我的訂單（四）我的信息界面板塊我的信息界面板塊測(cè)試如圖5-5所示圖7-5（a）商城商品分類瀏覽圖7-5（b）商城商品分類瀏覽（五）海鮮商品管理板塊商品管理測(cè)試如圖7-6所示：圖7-6（a）商品管理圖7-6（b）商品上架（六）輪播圖管理板塊管理員在后臺(tái)進(jìn)行輪播圖的變更，測(cè)試如圖7-7所示：圖7-7輪播圖管理（七）評(píng)論管理和訂單管理板塊評(píng)論管理和訂單管理板塊測(cè)試如圖7-8所示：圖7-8（a）評(píng)論管理圖7-8（b）訂單信息管理結(jié)束語本次論文的內(nèi)容主要研究的是時(shí)令海鮮銷售微信小程序的設(shè)計(jì)與開發(fā)過程，并為項(xiàng)目在未來的的發(fā)展反向做好規(guī)劃。我運(yùn)用了微信小程序官方語言與云環(huán)境開發(fā)來進(jìn)行本微信小程序的開發(fā)，完成了時(shí)令海鮮銷售微信小程序的功能實(shí)現(xiàn)。時(shí)令海鮮銷售微信小程序所完成的功能基本滿足并相對(duì)切