目 錄
第一章 緒論
1.1開發(fā)背景
1.2所選題目意義與目的
1.3研究現(xiàn)狀
1.4本文研究?jī)?nèi)容
第二章 關(guān)鍵技術(shù)介紹
2.1 NODE.JS
2.2 MYSQL
2.3 VUE
2.4 HTML
2.5 JS
2.6 CSS
2.7 小程序開發(fā)者工具
第三章 系統(tǒng)分析
3.1 微商城小程序設(shè)計(jì)思路
3.2 數(shù)據(jù)表
第四章 系統(tǒng)實(shí)現(xiàn)
4.1 購(gòu)物流程
4.2開店流程
4.3 商城首頁
4.4 發(fā)現(xiàn)頁面
4.5 購(gòu)物車
4.6 我的
4.7 商品詳情
4.8 訂單確認(rèn)頁面
4.9 添加地址、選擇地址
4.10 地址列表
4.11 訂單支付及密碼輸入
4.12 我的訂單
4.14 店鋪菜單及查看店鋪資料
4.15 發(fā)布商品
4.16 服務(wù)器
第五章 系統(tǒng)測(cè)試
5.1 微信授權(quán)與微信號(hào)綁定
5.2 商品列表和詳情測(cè)試
5.3 購(gòu)物車測(cè)試
5.4 購(gòu)物車單商品和多商品結(jié)算
5.5 添加地址和地址選擇
5.6 訂單測(cè)試
參 考 文 獻(xiàn)
致謝
?
第一章 緒論
1.1開發(fā)背景 ??
網(wǎng)絡(luò)購(gòu)物的快速發(fā)展，催生了許多的電商平臺(tái)。云的的淘寶、劉強(qiáng)東的京東、張近東的蘇寧易購(gòu)、黃崢的拼多多等等等。其中崛起最快，發(fā)展最迅速的當(dāng)屬拼多多。拼多多依托微信龐大的用戶群體，迅速的擴(kuò)張用戶量，它的拼團(tuán)砍價(jià)策略，鼓勵(lì)用戶分享傳播，而分享和傳播的途徑正是微信小程序，無論是從App分享還是小程序中的分享，最終都打開了拼多多的小程序。
小程序有三大特點(diǎn)：用完即走，觸手可及，不用安裝和卸載；正是這三大特點(diǎn)，給小程序的迅猛發(fā)展提供了支持。微信小程序?qū)χ行∑髽I(yè)來說，開發(fā)成本低，尤其是有專門開發(fā)小程序的公司，對(duì)于小程序的開發(fā)熟練且有框架可用，無需自己封裝，而且企業(yè)能借助微信平臺(tái)獲得較大的流量。小程序不需要單獨(dú)的APP推廣、運(yùn)營(yíng)和開發(fā)。小程序提供了許多的接口，比如大家每天都在使用的掃一掃功能，拍照功能，付款功能等，這些功能都是在微信的使用過程中經(jīng)常用到的功能，同樣的也可以在小程序中使用。減少了開發(fā)時(shí)間和成本的同時(shí)，還能不改變用于的使用習(xí)慣，這是其他程序不能輕易做到的。
氣候的多變，和環(huán)境的不穩(wěn)定因素，使人們對(duì)外出有了一定的抗拒。天南地北的網(wǎng)購(gòu)，商品的真?zhèn)魏吐吠镜南募巴素浀钠D辛也使得電商的發(fā)展到了瓶頸期。越來越多的假冒偽劣產(chǎn)品也使人們對(duì)電商有了一些抵觸情緒。不能很快的見到產(chǎn)品，不能很好的處理退換貨，更是使人很開始對(duì)網(wǎng)購(gòu)冷落。這是一個(gè)危機(jī)，也是一個(gè)商機(jī)。
我認(rèn)為只是一個(gè)商機(jī)，一個(gè)實(shí)體店反擊電商的大商機(jī)。當(dāng)然這還是需要依賴網(wǎng)絡(luò)，網(wǎng)絡(luò)的宣傳效果是不言而喻的，在現(xiàn)代社會(huì)，沒有任何一個(gè)人能離了網(wǎng)絡(luò)獨(dú)自生活。沒了網(wǎng)絡(luò)猶如與世隔絕般痛苦是如今許多年輕人的正是寫照。網(wǎng)購(gòu)雖好，卻解決不了緊急問題。
正因?yàn)槿绱耍蚁腴_發(fā)一款優(yōu)先服務(wù)周邊，再向外擴(kuò)展的基于微信小程序的快捷程序。小程序的開發(fā)，使用于微信自主研發(fā)的開發(fā)工具：“微信開發(fā)者工具”，也可以使用第三方的開發(fā)工具如Hbuilder進(jìn)行開發(fā)，開發(fā)完成后再打包成小程序，通過“微信開發(fā)者工具”上傳即可。他使用與前段開發(fā)一樣的語言，與主流的開發(fā)框架Vue有異曲同工之妙，自帶豐富的Api供開發(fā)者使用，大大降低了開發(fā)者的工作量和開發(fā)難度。

1.2所選題目意義與目的
隨著社會(huì)的發(fā)展，網(wǎng)絡(luò)時(shí)代的來臨，手機(jī)使用的普及，交通的發(fā)達(dá)。網(wǎng)上的交易比傳統(tǒng)交易更加具有優(yōu)勢(shì)，因?yàn)榫W(wǎng)上的交易更加便捷，動(dòng)動(dòng)手指滑動(dòng)一下手機(jī)，就可以瀏覽全國(guó)各地的商品，只要看到想要心儀的商品，直接點(diǎn)擊購(gòu)買下單付款，剩下的就交給物流。我們只需要在家耐心的等待快遞小哥的電話。
這在一開始還是非常受歡迎的，在網(wǎng)上商品數(shù)量成倍增長(zhǎng)的同時(shí)，殘次品的數(shù)量也在增多，并且受季節(jié)、天氣、節(jié)日等的影響，許多時(shí)候人們需要長(zhǎng)時(shí)間的等待才能拿到商品。經(jīng)過等待，拿到商品后，早已沒了當(dāng)初下單時(shí)的喜愛和沖動(dòng)。為此電商的解決辦法是布置更多的倉庫和物流點(diǎn)，增加物流車輛以此解決路上消耗的時(shí)間，這樣做的同時(shí)也增加了成本。
所以，為何不開發(fā)一款軟件，讓商家優(yōu)先服務(wù)于周邊，設(shè)定一個(gè)服務(wù)圈，圈內(nèi)實(shí)時(shí)送達(dá)，圈外快遞物流。優(yōu)先為用戶展示附近商家及產(chǎn)品，讓用戶能在最短的時(shí)間拿到商品，甚至用戶可以根據(jù)地址自行到店選取。一方面給店家做了宣傳增加了人流量，不管開在哪里，在網(wǎng)上都是一樣的人流訪問量，可以減低商家的開店成本，成本的降低意味著利潤(rùn)的增加，增加的利潤(rùn)可以反饋回用戶，使雙方都可獲利。 ?

1.3研究現(xiàn)狀
根據(jù)2018年3月的數(shù)據(jù)顯示，微信的用戶量已經(jīng)超過10億。2017年小程序上線后，當(dāng)月用戶量?jī)H有200萬。之后隨著后期小程序的不斷更新，增加更多的開放入口，包括用戶通過分享到好友和朋友圈，公眾號(hào)跳轉(zhuǎn)等多個(gè)入口，使得小程序用戶開始不斷上升。在2017年12月以“跳一跳”為代表的的微信小程序正式上線后，小程序迅速走入人們的視野，用戶量也開始暴漲，數(shù)據(jù)顯示當(dāng)月微信小程序的用戶達(dá)到了4億之多。在小程序不斷的更新中，小程序的使用場(chǎng)景也開始不斷的增加，覆蓋范圍越來越廣，小程序的用戶人群也有形成趨勢(shì)。
隨著小程序的發(fā)展和使用人群的增多，許多電商平臺(tái)也相繼開發(fā)出了小程序版本，拼多多就是最成功的案例之一。得益于小程序的的易傳播性，拼多多很快的就在微信群中走紅，隨便打開一個(gè)群都能在其中找到拼多多來過的痕跡。得益于微信平臺(tái)的持續(xù)更新和迭代，相繼開發(fā)出新的功能，每次更多都給人帶來不一樣的驚喜。即兼容之前的版本，又增加新的功能，近期就推出了一個(gè)直播功能，不需要自行編寫代碼開發(fā)，只需要在管理品臺(tái)圖形界面操控即可實(shí)現(xiàn)在小程序中實(shí)現(xiàn)直播功能。這大大降低了開發(fā)和維護(hù)的成本。
1.4本文研究?jī)?nèi)容
本文主要研究如何在使用微信小程序，開發(fā)多商戶微商城。研究思路如下：
（1）確定需求?？傮w需求為：一個(gè)微信號(hào)為一個(gè)用戶，每個(gè)用戶可以使用同一個(gè)賬號(hào)購(gòu)物和開店。成為用戶后，繼續(xù)申請(qǐng)成為店主，審核通過后即可在商城中發(fā)布自己的商品；
（2）確定功能。本商城的兩個(gè)主要功能為商家上架商品和用戶購(gòu)買商品；每一個(gè)商品的交易流程都需要經(jīng)過商家和用戶的共同操作完成。商家上架商品、用戶瀏覽并購(gòu)買商品、商家發(fā)貨、用戶收貨及評(píng)價(jià)，為一個(gè)商品的交易流程。
（3）研究實(shí)現(xiàn)方案。使用微信唯一標(biāo)識(shí)符確定每個(gè)用戶的唯一性和數(shù)據(jù)的關(guān)聯(lián)。使用用戶id與商鋪id實(shí)現(xiàn)用戶與商品的關(guān)聯(lián)；通過店鋪id和商品id實(shí)現(xiàn)商鋪信息和商品信息的關(guān)聯(lián)；通過用戶id和訂單id及商品id，實(shí)現(xiàn)用戶信息和訂單信息及商品信息的關(guān)聯(lián)；使用地址id和用戶id，實(shí)現(xiàn)用戶信息與地址信息的關(guān)聯(lián)；使用用戶id、商品id和購(gòu)物車id，實(shí)現(xiàn)購(gòu)物車、用戶和商品的關(guān)聯(lián)。
（4）頁面布局及功能。首頁展示商品，默認(rèn)按銷量排序；可增加按價(jià)格升降排序、距離遠(yuǎn)近排序、好評(píng)率排序等。發(fā)現(xiàn)頁面用于查找商品，可查找商品類型、商品品牌、商品名稱、商品描述等；購(gòu)物差頁面用戶存放用戶添加到購(gòu)物車的商品，可多商品同時(shí)下單付款；我的頁面用于管理我的數(shù)據(jù)，如：訂單、收藏的商品、收藏的店鋪、我的店鋪、發(fā)布的商品及個(gè)人信息等。
（5）頁面編寫。頁面使用騰訊提供的“微信開發(fā)者工具”及參考“微信小程序開發(fā)文檔”編寫，使用框架提供的API實(shí)現(xiàn)分享、選擇圖片、上傳圖片、查看圖片、頁面跳轉(zhuǎn)等功能。
（6）數(shù)據(jù)對(duì)接。使用框架自帶API實(shí)現(xiàn)異步加載數(shù)據(jù)，局部熱更新數(shù)據(jù)；實(shí)時(shí)記錄用戶操作，反饋用戶需求；隱藏關(guān)鍵信息如：用戶id、店鋪id、用戶支付密碼等，展示頁面需要信息如：商品信息、訂單信息、店鋪信息等；
（7）功能測(cè)試。測(cè)試各個(gè)功能是否能正常運(yùn)行，且能適應(yīng)各種用戶操作，如：下單時(shí)，到達(dá)付款頁后用戶未付款，此時(shí)應(yīng)將訂單變?yōu)榇犊钣唵巍Ｙ?gòu)買商品時(shí)，用戶將購(gòu)買數(shù)量設(shè)為0，這個(gè)是不被允許的。用戶余額不足時(shí)，付款應(yīng)為失敗，并提示用戶“余額不足導(dǎo)致付款失敗”
第二章 關(guān)鍵技術(shù)介紹
2.1 Node.Js
Node.js是一個(gè)運(yùn)行與javascript環(huán)境中的框架。它讓javascript可以開發(fā)后端程序，能實(shí)現(xiàn)與其他后端語言實(shí)現(xiàn)的大部分功能?？梢耘cPHP、Java、Python、NET、Ruby等后端語言平起平坐。
3.3.2、node.js的優(yōu)勢(shì)
Node.js的語法與js的語法幾乎一致，可以說學(xué)習(xí)并使用過javascript的人，學(xué)習(xí)node.js開發(fā)會(huì)非常容易。Node.js開拓了Javascript的應(yīng)用范圍，從瀏覽器到服務(wù)器的一大進(jìn)步。實(shí)現(xiàn)前后端編程環(huán)境的統(tǒng)一、極大的減少了開發(fā)時(shí)間和開發(fā)成本。Node.js有超高并發(fā)的能力，使用單線程非阻塞I/O和事件驅(qū)動(dòng)機(jī)制，讓Node.js程序在宏觀上也是并行的。

2.2 mysql
? ?MySQL是一款開源的關(guān)系型數(shù)據(jù)庫系統(tǒng)；目前已經(jīng)成為最為流行的數(shù)據(jù)庫系統(tǒng)之一，并且逐步的向原有商業(yè)數(shù)據(jù)庫的市場(chǎng)進(jìn)軍?？梢钥吹結(jié)ahoo、Google、Facebook、網(wǎng)易等許多大型公司都在使用MySQL數(shù)據(jù)庫作為主要數(shù)據(jù)庫，甚至將MySQL作為核心應(yīng)用的數(shù)據(jù)庫系統(tǒng)。 ??
2.3 vue
? ?過去的十年，我們的網(wǎng)頁變得更加動(dòng)態(tài)化和強(qiáng)大，是因?yàn)橛蠮avaScript，我們已經(jīng)把很多傳統(tǒng)服務(wù)端代碼放到瀏覽器中這樣就產(chǎn)生了成千上萬行的JavaScript代碼，他們鏈接了各種各樣的HTML和CSS文件[4]，但缺乏正規(guī)的組織形式，這也是為什么越來越多的開發(fā)者使用JavaScript框架，而vue就是當(dāng)下較為流行的一個(gè)。Vue框架是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。Vue[2]的核心庫只關(guān)注視圖層，不僅易于上手，還便于與第三方庫或既有項(xiàng)目整合。Vue使用js的方式寫HTML，在一定程度上減少了許多重復(fù)的代碼，大大提高代碼編寫速率；其中典型的有v-for用與循環(huán)生成代碼；v-if用來判斷是否顯示元素；與v-show相比一個(gè)是存在看不見不占位置；一個(gè)是完全不存在；v-model多用戶獲取input中的輸入內(nèi)容；
2.4 HTML
HTML是建造網(wǎng)站的磚石，是構(gòu)建網(wǎng)站的基礎(chǔ)，常用的標(biāo)簽有<div></div> 元素，塊級(jí)元素的代表，即默認(rèn)占據(jù)一行,與前后元素不在一行；<span></span> 元素，行內(nèi)原色的代表，即如果前后有一個(gè)同樣是行內(nèi)元素的元素，則會(huì)在一行中顯示不會(huì)換行，行內(nèi)元素設(shè)置寬高不生效，可以使用display屬性修改；<a></a>元素，用戶頁面的跳轉(zhuǎn)，自帶觸發(fā)樣式，只需要一個(gè)地址，就可以跳轉(zhuǎn)到互聯(lián)網(wǎng)中的任何一個(gè)頁面，相當(dāng)好用；?
2.5 JS
JavaScript 是一門跨平臺(tái)、面向?qū)ο蟮哪_本語言。它是網(wǎng)頁交互必不可少的東西；沒有Javascript的網(wǎng)站是死的，沒有靈魂的，只有加入了Javascript才能賦予網(wǎng)站靈活，使其有生命，完成各種動(dòng)作和交互；他可以動(dòng)態(tài)的改變HTML標(biāo)簽，也可以根據(jù)用戶操作改變CSS樣式?？傊甹avascript是HTML的靈魂。
Javascript可以在網(wǎng)站運(yùn)行時(shí)做很多HTML做不了的事情；比如獲取用戶輸入并傳遞給后臺(tái)，再將后臺(tái)返回的東西展示給用戶；
2.6 CSS
CSS是層疊樣式表(英文全稱：Cascading Style Sheets)。是用戶將HTML中的標(biāo)簽按想要的方式排布的工具；如果將HTML比喻為原料，那么CSS就是模具，用來規(guī)定HTML的展示；它功能強(qiáng)大，可以使用動(dòng)畫，做出意想不到的效果；簡(jiǎn)單實(shí)用是它的一大特色；?
2.7 小程序開發(fā)者工具
微信小程序，小程序的一種，英文名Mini Program。是一種比APP更小更快捷的應(yīng)用，它不需要下載就可以安裝使用的。它實(shí)現(xiàn)了程序“觸手可及”的夢(mèng)想，用戶使用微信掃一掃或者搜一下即可打開相應(yīng)的應(yīng)用。還可以使用分享好友和公眾號(hào)跳轉(zhuǎn)、app跳轉(zhuǎn)的方式進(jìn)入小程序并到達(dá)小程序的指定頁面。這相當(dāng)于將所有小程序整合到一個(gè)項(xiàng)目中，在頁面中跳轉(zhuǎn)。做到了即是單獨(dú)的個(gè)體又是一個(gè)整體。
微信小程序開發(fā)者工具提供了一個(gè)簡(jiǎn)單、高效、易學(xué)易用的應(yīng)用開發(fā)框架及豐富的組件和API。這有極大的減少了開發(fā)難度和增大開發(fā)效率。
小程序使用的開發(fā)語言主要是 JavaScript ，小程序的開發(fā)流程和普通的網(wǎng)頁開發(fā)相似。對(duì)于長(zhǎng)期從事前端開發(fā)的工作人員而言，從網(wǎng)頁開發(fā)遷移到小程序的開發(fā)門檻并不高，但是二者又有些許的區(qū)別。
?

基于微信小程序的購(gòu)物商城的設(shè)計(jì)與實(shí)現(xiàn)

摘　要
隨著信息技術(shù)的發(fā)展和用戶消費(fèi)的升級(jí)，傳統(tǒng)超市、電子商務(wù)在線促銷和購(gòu)物體驗(yàn)都遇到了瓶頸。無人超市已經(jīng)加入了消費(fèi)者購(gòu)物行為的高科技體驗(yàn)，但有了這種酷炫的黑色科技體驗(yàn)，也就有了高額的店鋪成本投資和維護(hù)，如果社會(huì)普遍復(fù)制這種模式，技術(shù)和成本門檻就會(huì)更高。為傳統(tǒng)的在線商戶開發(fā)更廣泛的應(yīng)用程序，為消費(fèi)者提供多功能和方便。微信applet“觸手可及”，非常適合人們生活中重要的低頻需求。與原APP相比，更適合快速提升線下需求。本文以傳統(tǒng)社區(qū)便利店的購(gòu)物方式為出發(fā)點(diǎn)，結(jié)合微信小程序技術(shù)，采用面向?qū)ο蟮拈_發(fā)方法，開發(fā)出一套方便快捷的微信小程序購(gòu)物系統(tǒng)，可以方便消費(fèi)者進(jìn)行線下促銷和在線購(gòu)物。
本系統(tǒng)主要由微信applet客戶端、服務(wù)器和數(shù)據(jù)管理終端組成。服務(wù)器采用ThinkPHP5框架技術(shù)，客戶端使用微信applet的MINA框架，數(shù)據(jù)管理終端采用CMS的框架?？蛻魴C(jī)的頁面實(shí)現(xiàn)通過網(wǎng)絡(luò)和服務(wù)器REST API接口獲取MySQL。
主要從事微信小程序網(wǎng)上購(gòu)物系統(tǒng)客戶端、服務(wù)器和數(shù)據(jù)庫的設(shè)計(jì)、開發(fā)和測(cè)試。
在系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)過程中，對(duì)客戶端代碼進(jìn)行了MVC模式的設(shè)計(jì)控制。該模板用于提高代碼的可重用性，創(chuàng)建了客戶端用戶的令牌管理機(jī)制，用于用戶身份驗(yàn)證和權(quán)限分級(jí)。本文重點(diǎn)研究了小程序購(gòu)物系統(tǒng)客戶端產(chǎn)品信息顯示、產(chǎn)品分類、購(gòu)物車、訂單支付、個(gè)人信息管理和數(shù)據(jù)庫設(shè)計(jì)六個(gè)模塊的設(shè)計(jì)與實(shí)現(xiàn)過程。

關(guān)鍵詞：微信小程序網(wǎng)上購(gòu)物；AJAX語言；Browse/server體系構(gòu)成?
DESIGN AND IMPLEMENTATION OF ONLINE MALL
ABSTRACT
With the development of information technology and the upgrading of user consumption, traditional supermarkets, e-commerce online promotion and shopping experience have encountered bottlenecks. Unmanned supermarkets have joined the high-tech experience of consumer shopping behavior, but with this cool black technology experience, there is a high amount of store cost investment and maintenance, if the society generally replicates this model, technology and The cost threshold will be higher. Develop a wider range of applications for traditional online merchants, providing consumers with versatility and convenience. The WeChat applet is “at your fingertips” and is ideal for the low frequency needs of people in their lives. Compared with the original APP, it is more suitable for quickly improving offline demand. This article takes the shopping method of traditional community convenience store as the starting point, combines WeChat small program technology, adopts object-oriented development method, and develops a convenient and fast WeChat applet shopping system, which can facilitate consumers to carry out offline promotion and online shopping.
The system is mainly composed of WeChat applet client, server and data management terminal. The server adopts the ThinkPHP5 framework technology, the client uses the MINA framework of the WeChat applet, and the data management terminal adopts the CMS framework. The client's page implementation gets MySQL through the web and server REST API interfaces.
Mainly engaged in the design, development and testing of online shopping system clients, servers and databases.
In the design and implementation process of the system, the design and control of the MVC mode is performed on the client code. This template is used to improve code reusability and creates a token management mechanism for client users for user authentication and permission grading. This paper focuses on the design and implementation process of the six modules of the small program shopping system client product information display, product classification, shopping cart, order payment, personal information management and database design.
Key words: Online shopping; WeChat small program; Browse/server system composition?

目錄
第一章 緒論
1.1 項(xiàng)目研究的背景和意義
1.2國(guó)內(nèi)研究現(xiàn)狀分析
1.3 論文的主要研究工作
第二章 系統(tǒng)相關(guān)技術(shù)研究
2.1 可行性研究
2.2 系統(tǒng)需求分析
第三章 微信小程序網(wǎng)上購(gòu)物數(shù)據(jù)庫設(shè)計(jì)
3.1 數(shù)據(jù)表的設(shè)計(jì)
3.2 數(shù)據(jù)庫信息的保護(hù)
第四章 微信小程序網(wǎng)上購(gòu)物系統(tǒng)總體設(shè)計(jì)
4.1 系統(tǒng)總體構(gòu)成設(shè)計(jì)
4.2 系統(tǒng)界面設(shè)計(jì)
4.3 系統(tǒng)功能模塊設(shè)計(jì)
第五章微信小程序網(wǎng)上購(gòu)物微信小程序的詳細(xì)設(shè)計(jì)
5.1 用戶操作界面的詳細(xì)設(shè)計(jì)
5.2 界面設(shè)計(jì)使用的元素
第六章 微信小程序網(wǎng)上購(gòu)物系統(tǒng)的測(cè)試
6.1 系統(tǒng)測(cè)試概述
6.2 系統(tǒng)測(cè)試規(guī)則
6.3 系統(tǒng)測(cè)試方式
?結(jié)論
參考文獻(xiàn)
?
第一章 緒論
基于微信applet的微信小程序網(wǎng)上購(gòu)物系統(tǒng)是O2O、電子商務(wù)和微信applet的共同產(chǎn)物。它集成了微信applet開發(fā)、ThinkPHP5服務(wù)器開發(fā)、數(shù)據(jù)庫、網(wǎng)絡(luò)等多種流行技術(shù)。消費(fèi)者只需掃一掃小程序代碼就可以快速獲取商店和產(chǎn)品信息，方便用戶隨時(shí)隨地購(gòu)買商品。小程序購(gòu)物客戶端的加入為電子商務(wù)的發(fā)展增添了新的活力。
1.1項(xiàng)目研究的背景和意義?
近年來隨著我國(guó)網(wǎng)絡(luò)基礎(chǔ)設(shè)施的不斷完善，信息技術(shù)和第三方支付工具的不斷發(fā)展微信小程序網(wǎng)上購(gòu)物的普及，已經(jīng)成為人們生活的重要組成部分?；赑C平臺(tái)的購(gòu)物系統(tǒng)，讓人們足不出戶就能享受購(gòu)物的樂趣?；谑謾C(jī)的微信小程序網(wǎng)上購(gòu)物使便攜式終端便攜化，使公眾可以隨時(shí)隨地購(gòu)買自己喜愛的產(chǎn)品。社區(qū)導(dǎo)向購(gòu)物模式的產(chǎn)生O2O將線下商業(yè)機(jī)會(huì)與互聯(lián)網(wǎng)相結(jié)合，使互聯(lián)網(wǎng)成為線下交易的平臺(tái)。這個(gè)購(gòu)買物資系統(tǒng)是以互聯(lián)網(wǎng)為基礎(chǔ)，以社區(qū)為基本單元，充分利用社區(qū)的信息基礎(chǔ)設(shè)施，將社區(qū)的小型實(shí)體店與網(wǎng)上商城相結(jié)合的一種新型電子商務(wù)模式。突破。更多的強(qiáng)調(diào)線上是為了滿足消費(fèi)者的便捷性和會(huì)員互動(dòng)營(yíng)銷的需要，以及實(shí)體店的分流。線下更加便捷，為用戶提供更加便捷的現(xiàn)代智能購(gòu)物體驗(yàn)服務(wù)。
同時(shí)，在信息技術(shù)、消費(fèi)升級(jí)、競(jìng)爭(zhēng)態(tài)勢(shì)等諸多因素的推動(dòng)下，中國(guó)零售業(yè)迎來了新的變革機(jī)遇，即“線上+線下+物流”的“新零售”。致力于推動(dòng)線上線下一體化進(jìn)程，推動(dòng)價(jià)格消費(fèi)時(shí)代向價(jià)值消費(fèi)時(shí)代的全面轉(zhuǎn)型。技術(shù)的核心是實(shí)現(xiàn)全面接入以消費(fèi)者為中心的會(huì)員、支付、庫存、服務(wù)等方面。促進(jìn)消費(fèi)者購(gòu)物體驗(yàn)的提升，促進(jìn)消費(fèi)者購(gòu)物方式的轉(zhuǎn)變。
新零售發(fā)展的核心是客戶滿足特定購(gòu)物場(chǎng)景的需求。在客戶信息化、技術(shù)和移動(dòng)互聯(lián)網(wǎng)的趨勢(shì)下，快速購(gòu)物、快速配送、快速銷售的購(gòu)物方式受到用戶的青睞。然而，對(duì)于傳統(tǒng)零售業(yè)來說，為線下商店提供便捷的微信小程序網(wǎng)上購(gòu)物渠道是提升顧客體驗(yàn)、提高零售效率的重要途徑。為此，近年來，國(guó)內(nèi)外零售商普遍提供線上和線下的社區(qū)購(gòu)買組合。
在主流的微信小程序網(wǎng)上購(gòu)物系統(tǒng)中，主要有pc端購(gòu)物系統(tǒng)、APP購(gòu)物系統(tǒng)和依賴第三方應(yīng)用的購(gòu)物門戶。2017年初，微信applet正式推出，進(jìn)一步激活了微信生態(tài)系統(tǒng)。最大的功能微信applet與本地應(yīng)用是用戶不需要下載和安裝,并可以掃描代碼或搜索一個(gè)小程序,可以看到基于微信,一個(gè)現(xiàn)成的輕量級(jí)applet更好的線下服務(wù)的平臺(tái) 。
1.2 國(guó)內(nèi)研究現(xiàn)狀分析
近幾年來，隨著互聯(lián)網(wǎng)的高速發(fā)展，移動(dòng)互聯(lián)網(wǎng)以及手機(jī)支付的普及給人們的生活帶來了翻天覆地的變化。電子商務(wù)伴隨著互聯(lián)網(wǎng)的快速發(fā)展也在更新改變，從電腦 PC端到手機(jī)移動(dòng)端的智能化應(yīng)用普及，使得人們的生活更加依賴于手機(jī)，基于淘寶、京東等的大型 APP 購(gòu)物系統(tǒng)在人們生活中的使用頻率越來越高，人們?cè)谶@些大型的購(gòu)物 APP上可以買到全國(guó)各地乃至全球各地的商品，方便了人們生活，加速了商品的流通效率。但隨著網(wǎng)絡(luò)購(gòu)物模式和范圍的不斷擴(kuò)大，傳統(tǒng)的電子商務(wù)的瓶頸也日益顯現(xiàn)，比如物流時(shí)間的相對(duì)滯后和“最后一公里”的配送問題，用戶收到實(shí)物與網(wǎng)上產(chǎn)品介紹相差很大的問題，售后維權(quán)顧客要自己付高額郵費(fèi)等問題。這些問題降低了用戶的購(gòu)物體驗(yàn)。
新零售的出現(xiàn)將微信小程序網(wǎng)上購(gòu)物的范圍縮小，著眼于線上線下購(gòu)物相結(jié)合的方式，為用戶打造更可靠、高品質(zhì)的購(gòu)物服務(wù)，這為線下的大型商超的發(fā)展帶來了新的活力與機(jī)遇。伴隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，購(gòu)物方式變得更加移動(dòng)化、便捷化，注重線上購(gòu)物與線下購(gòu)物的結(jié)合的社交性，借助于社交平臺(tái)的購(gòu)物模式應(yīng)運(yùn)而生。微信作為國(guó)內(nèi)最大的社交平臺(tái)，目前微信的月活躍用戶量達(dá)十億，微信已變成人們生活和交往的重要組成部分。微信于 2012 年 8 月推出的微信公眾平臺(tái)，發(fā)展至今不僅形成了獲取用戶流量的新媒體渠道，也促使了基于微信公眾號(hào)的生活服務(wù)平臺(tái)的成長(zhǎng)，其中“美麗說”、“京東商城團(tuán)購(gòu)”等通過微信平臺(tái)運(yùn)營(yíng)大大增加了用戶量。這些案例的成功表明了微信借助其社交性質(zhì)可以很好的聯(lián)通其他生活服務(wù)。2017 年 1 月 9 日微信正式發(fā)布了微信小程序，張小龍將小程序定位為一款即用即走的輕量級(jí)應(yīng)用。小程序作為一款區(qū)別于 PC 端和
APP 端的新物種，借助于微信的海量用戶，更適合于連接線下用戶。對(duì)于中小型的傳統(tǒng)線下零售行業(yè)，在新零售電子商務(wù)的第二次沖擊下，小程序定位為其參與到這場(chǎng)變革提供了重要的技術(shù)驅(qū)動(dòng)力。
1.3論文的主要研究工作
本文研究的購(gòu)物系統(tǒng)主要是針對(duì)社區(qū)居民的在線購(gòu)物系統(tǒng)。結(jié)合社區(qū)小型實(shí)體店的新型零售，實(shí)現(xiàn)覆蓋周邊地區(qū)的線上線下銷售模式，拓展銷售渠道。該系統(tǒng)由后臺(tái)服務(wù)器、微信applet購(gòu)物客戶端和數(shù)據(jù)管理系統(tǒng)組成。由于系統(tǒng)中有很多系統(tǒng)模塊，本文的主要工作是設(shè)計(jì)和實(shí)現(xiàn)微信applet客戶端與后臺(tái)服務(wù)的交互以及數(shù)據(jù)庫設(shè)計(jì)。結(jié)合微信applet技術(shù)的購(gòu)物系統(tǒng)旨在將聯(lián)通社區(qū)商店的線上和線下購(gòu)物方式結(jié)合起來。用戶可以到商店購(gòu)買商品，親自檢查產(chǎn)品的外觀和質(zhì)量，然后滿意后購(gòu)買并離開。如果用戶是在商店購(gòu)物不方便,用戶還可以獲得微信applet的商店,并通過小程序購(gòu)買微信小程序網(wǎng)上購(gòu)物購(gòu)物系統(tǒng)客戶端,完成整個(gè)購(gòu)物流程的瀏覽產(chǎn)品,將產(chǎn)品添加到購(gòu)物車,訂單和結(jié)算,和用戶帳戶信息,可以修改送貨地址,訂單信息可以在小程序購(gòu)物系統(tǒng)的個(gè)人信息管理頁面上查看。
根據(jù)以上要求，整個(gè)微信applet購(gòu)物系統(tǒng)項(xiàng)目采用B2C架構(gòu)，開發(fā)方法采用服務(wù)器、客戶端和數(shù)據(jù)管理的架構(gòu)模式。服務(wù)器使用ThinkPHP5和MySQL。
構(gòu)建REST API;客戶端實(shí)現(xiàn)微信applet，通過向服務(wù)器API發(fā)送http通信請(qǐng)求，獲取函數(shù)通信數(shù)據(jù);數(shù)據(jù)管理系統(tǒng)作為管理人員或操作人員的數(shù)據(jù)管理后臺(tái)，并傳遞給服務(wù)器。請(qǐng)求數(shù)據(jù)來管理產(chǎn)品信息、訂單數(shù)據(jù)和狀態(tài)。
本文的主要工作是在微信applet購(gòu)物客戶端系統(tǒng)中獲取用戶信息，產(chǎn)品信息(包括廣告產(chǎn)品、特殊產(chǎn)品、新品如商品)，產(chǎn)品分類檢索，購(gòu)物車功能，訂單支付功能。、個(gè)人信息管理功能(電話、地址管理等)、訂單管理功能等。本文重點(diǎn)研究了商品信息顯示模塊、商品分類檢索模塊、購(gòu)物車模塊、訂單支付模塊、個(gè)人信息管理模塊和數(shù)據(jù)庫設(shè)計(jì)六個(gè)模塊的設(shè)計(jì)與實(shí)現(xiàn)。

第二章 系統(tǒng)相關(guān)技術(shù)研究
2.1 微信小程序
微信applet是一種連接用戶和服務(wù)的新方法。這個(gè)小程序?yàn)橛脩籼峁┝艘环N輕量級(jí)的服務(wù)，您只需動(dòng)動(dòng)手指就可以使用它。主要體現(xiàn)在用戶獲取小程序、使用小程序的服務(wù)理念上。用戶可以掃描與小程序代碼關(guān)聯(lián)的在線或公共號(hào)碼來獲得applet應(yīng)用程序，也可以在微信發(fā)現(xiàn)頁面上搜索小程序。由于小程序的整個(gè)文件占用很小的內(nèi)存空間，所以用戶下載并安裝小程序。它幾乎是聽不清的，所以從用戶那里得到applet到點(diǎn)擊開始是非?？斓摹Ｐ〕绦虻亩嗳肟诮尤牒蜕K結(jié)體驗(yàn)，降低了設(shè)備傳播和獲取用戶的成本，可以實(shí)現(xiàn)原生APP的基本功能，更適合商店線下生活服務(wù)類和非急需的低頻。應(yīng)用程序。MINA框架是微信團(tuán)隊(duì)為小型程序開發(fā)提供的框架名稱。MINA框架通過封裝微信客戶機(jī)提供的文件系統(tǒng)、網(wǎng)絡(luò)通信、任務(wù)管理和數(shù)據(jù)安全的基本功能，為上層提供了一組PHPScript api。使用微信客戶機(jī)提供的各種基本功能和功能快速構(gòu)建應(yīng)用程序非常方便。簡(jiǎn)而言之，MINA實(shí)際上是一組工具的集合，使開發(fā)微信applet變得很容易。
框架提供了自己的特定于視圖層的描述語言WXML、WXSS和基于PHPscript的邏輯層，并提供了視圖層和邏輯層之間的數(shù)據(jù)傳輸和事件機(jī)制。這種數(shù)據(jù)傳輸和事件機(jī)制是一個(gè)響應(yīng)用戶交互的數(shù)據(jù)綁定系統(tǒng)，使得數(shù)據(jù)和視圖保持同步非常簡(jiǎn)單。當(dāng)您需要更新頁面數(shù)據(jù)時(shí)，您只需要調(diào)用邏輯層的相應(yīng)方法將結(jié)果返回給視圖層。
2.2 系統(tǒng)功能總體功能分析
在分析網(wǎng)購(gòu)和購(gòu)物基本需求的基礎(chǔ)上，對(duì)比分析了手機(jī)購(gòu)物app和PC購(gòu)物微信小程序的主要功能模塊。小程序開發(fā)與設(shè)計(jì)的三大原則:從功能上講，小程序要比原生APP更加單一;applet coin原生app更簡(jiǎn)潔;在使用場(chǎng)景上，applet應(yīng)該比原生app更加明確。這個(gè)小程序購(gòu)物系統(tǒng)的主要定位是在線購(gòu)物渠道，對(duì)于傳統(tǒng)的面向社區(qū)的小商店來說，在線購(gòu)物渠道易于傳播和使用。基于小程序的主要定位，小程序應(yīng)該與線下商店相結(jié)合，為用戶提供更清晰的主題。購(gòu)物服務(wù)將與購(gòu)物無關(guān)的不必要的功能模塊最小化，為用戶提供方便快捷的使用體驗(yàn)。根據(jù)上述分析,小程序購(gòu)物系統(tǒng)的業(yè)務(wù)邏輯模塊分為用戶登錄、產(chǎn)品信息顯示、分類檢索產(chǎn)品,購(gòu)物車,訂單付款、個(gè)人信息管理功能模塊,整個(gè)系統(tǒng)功能模塊如下圖所示,本章詳細(xì)需求分析將為每個(gè)功能模塊執(zhí)行。
?
?文章來源地址http://www.zghlxwxcb.cn/news/detail-801889.html

到了這里，關(guān)于基于微信小程序的商城購(gòu)物系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)(文檔+源碼)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！