【基于MINA框架結(jié)合微信小程序的海鮮商城系統(tǒng)設(shè)計與實現(xiàn)8800字（論文）】

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