校園物品交易微信小程序開發(fā)

孫先德 姚永忠 趙曉凡 陳燕

【摘 要】近年來(lái)，隨著網(wǎng)絡(luò)購(gòu)物的興起，橫跨地域的物品不再遙不可及，各種新奇物品進(jìn)入人們的視野，網(wǎng)購(gòu)已經(jīng)成為了大部分人購(gòu)買物品和獵奇的主要途徑。充滿著活力與好奇心的大學(xué)生已然成為了一個(gè)龐大的網(wǎng)購(gòu)群體，購(gòu)買的物品越來(lái)越多，導(dǎo)致許多物品無(wú)法處置。本文基于微信開發(fā)者工具開發(fā)的校園物品交易小程序，應(yīng)用于大學(xué)生對(duì)閑置物等物品的近距離交易。

【關(guān)鍵詞】校園物品;交易;微信小程序

一、引言

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，網(wǎng)絡(luò)購(gòu)物已經(jīng)基本普及，而對(duì)于大學(xué)生來(lái)說(shuō)，網(wǎng)購(gòu)更是一個(gè)很好的購(gòu)買方式，比較于傳統(tǒng)的實(shí)體店購(gòu)物，網(wǎng)購(gòu)更能給正值十七八歲大學(xué)生一個(gè)安全的購(gòu)物環(huán)境以及有保障的購(gòu)物品質(zhì)。但漸漸的，大學(xué)生購(gòu)物更加偏向了新奇物品，一時(shí)的興趣而去購(gòu)買一些不必要的物品，把玩一段時(shí)間就棄置一旁，以至于這樣的物品堆積成山。據(jù)調(diào)查顯示大學(xué)生閑置物品種類繁多，調(diào)查的64個(gè)學(xué)生宿舍中，閑置衣物共188件，書籍報(bào)刊共162份，玩具，電器日，用品等共計(jì)159件。對(duì)于堆積的閑置物，多數(shù)大學(xué)生選擇在畢業(yè)的時(shí)候隨意丟棄，僅少量人選擇帶回家中繼續(xù)使用。由此造成了一個(gè)龐大的物品資源浪費(fèi)。同時(shí)，對(duì)于大學(xué)生來(lái)說(shuō)，經(jīng)濟(jì)條件并不充裕，因此更想要用較低的價(jià)格去購(gòu)買所需要的物品。所以對(duì)于保存完整且較新的閑置物品二次出售，成交率極高。

國(guó)內(nèi)以咸魚交易網(wǎng)為代表的大型二手物品交易網(wǎng)站，為全國(guó)大范圍的人群提供了一個(gè)良好的二手交易環(huán)境。對(duì)于大學(xué)生來(lái)說(shuō)，校園內(nèi)的同學(xué)之間更加具有可信度，安全度更高，且更加便捷，因此校園內(nèi)的物品交易更能被大學(xué)生所接受，成交率也更高。據(jù)了解，如今大學(xué)校園一些學(xué)生將自己的閑置物品掛在校內(nèi)表白墻上進(jìn)行售賣，由表白墻發(fā)布后，心儀人員與賣家私下聯(lián)系售賣，這樣安全度極低，并且所掛商品不易被更多人瀏覽。本文以校園交易為背景，設(shè)計(jì)一個(gè)用于校園內(nèi)物品交易的微信小程序，給在校大學(xué)生提供一個(gè)安全，系統(tǒng)的環(huán)境去買賣物品，更方便的幫助大學(xué)生處置自己所閑置的物品。

二、微信開發(fā)者工具

微信開發(fā)者工具是騰訊公司基于微信公眾號(hào)網(wǎng)頁(yè)調(diào)試工具而推出的一款集合公眾號(hào)網(wǎng)頁(yè)調(diào)試和小程序調(diào)試兩種開發(fā)模式的應(yīng)用App，用戶可以使用此開發(fā)工具完成小程序的API和頁(yè)面的開發(fā)調(diào)試，代碼的查看與編寫，小程序的預(yù)覽與發(fā)布等功能。為用戶提供了一個(gè)穩(wěn)定安全的開發(fā)環(huán)境。

微信開發(fā)者工具結(jié)合了HTML+CSS頁(yè)面設(shè)計(jì)，python與JavaScript功能實(shí)現(xiàn)為一體，將網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)繼承至手機(jī)，頁(yè)面編寫結(jié)合了python對(duì)程序頁(yè)面進(jìn)行數(shù)據(jù)交互。平臺(tái)提供了多種組件，簡(jiǎn)化了JavaScript等代碼編寫負(fù)擔(dān)，同時(shí)將多種語(yǔ)言混合編寫，使程序邏輯更容易編寫與觀察，靈活多變的結(jié)合，節(jié)省了代碼編寫量，也方便后期開發(fā)者預(yù)覽檢查代碼。同時(shí)此工具還具備模擬器，模擬微信小程序在客戶端真實(shí)的邏輯表現(xiàn)，對(duì)于絕大部分的API均能夠在模擬器上呈現(xiàn)出正確的狀態(tài)。

其應(yīng)用具備云開發(fā)功能，無(wú)需用戶自己另外搭建數(shù)據(jù)庫(kù)，服務(wù)器。同時(shí)開發(fā)者不需要管理后端服務(wù)框架，即可輕松擁有各種后端能力。極大的簡(jiǎn)化了用戶的開發(fā)工程量。云開發(fā)主要運(yùn)用平臺(tái)提供的API進(jìn)行核心業(yè)務(wù)開發(fā)，與開發(fā)者已經(jīng)使用的云服務(wù)相互兼容，并不互斥，如下圖1所示。云開發(fā)還提供了四大基礎(chǔ)能力的支持：

1.云函數(shù)，用于在云端運(yùn)行代碼，開發(fā)者只需要編寫自身業(yè)務(wù)邏輯代碼。

2.云數(shù)據(jù)庫(kù)，一個(gè)既可在小程序前端操作，也能在云函數(shù)中讀寫的 JSON 數(shù)據(jù)庫(kù)。

3.云儲(chǔ)存，在小程序前端直接上傳/下載云端文件，在云開發(fā)控制臺(tái)可視化管理。

4.云調(diào)用，基于云函數(shù)免鑒權(quán)使用小程序開放接口的能力，包括服務(wù)端調(diào)用、獲取開放數(shù)據(jù)等能力。

開發(fā)完成后，可利用真機(jī)進(jìn)行功能測(cè)試，對(duì)于注冊(cè)用戶，開發(fā)功能完善后可提交發(fā)布申請(qǐng)，經(jīng)審核后，開發(fā)者可以在開發(fā)者管理平臺(tái)的開發(fā)管理中進(jìn)行發(fā)布。

三、校園交易微信小程序

（一）適用人群及使用方法

本系統(tǒng)主要面向在校大學(xué)生及在校教師等職工人員，利用微信授權(quán)登錄此小程序，無(wú)需用戶另行下載App，程序內(nèi)具有定位系統(tǒng)，可定位用戶所在校園，依據(jù)定位來(lái)訪問此范圍內(nèi)商品，同時(shí)程序首頁(yè)具有商品推薦列表，可供用戶對(duì)商品進(jìn)行預(yù)覽選購(gòu)。對(duì)于每一個(gè)用戶而言，其都可成為商家來(lái)售賣自己的物品，經(jīng)信息認(rèn)證完畢，即可開通賣家權(quán)限。操作相對(duì)便捷，對(duì)于交易雙方提供兩種付款方式，平臺(tái)交易與線下付款，靈活多變，更符合大學(xué)生怕麻煩的心理。

本系統(tǒng)更是商客互動(dòng)交流平臺(tái)，可以使買家進(jìn)一步的了解心儀的商品以及確定交易時(shí)間與地點(diǎn)。為保障買家與商家的交易安全，程序設(shè)立反饋舉報(bào)功能，對(duì)未能正當(dāng)交易的一方，由學(xué)院進(jìn)行排查處理。

（二）界面布局與功能開發(fā)

1.頁(yè)面結(jié)構(gòu)

基于wxml+wxss對(duì)頁(yè)面進(jìn)行布局美化，頁(yè)面的整體設(shè)計(jì)主要分為五點(diǎn)規(guī)范，分別為流程明確、色彩對(duì)比、使用便捷、特效流暢優(yōu)美和視覺規(guī)范。如下圖2 所示：

其中，流程明確表現(xiàn)為用戶登錄到交易完成便捷高效，共分為微信授權(quán)登錄，搜索或預(yù)覽商品，加入購(gòu)物車，與商家聯(lián)系，與購(gòu)物車中支付，線下交易商品這些步驟。交易完成后還可對(duì)商品進(jìn)行評(píng)價(jià)。

2.功能框架

在功能的設(shè)計(jì)中，在js文件的頁(yè)面初始數(shù)據(jù)data中，定義商品圖片，價(jià)格，名稱，簡(jiǎn)介等參數(shù)，由生命周期函數(shù)onReady（）定義基本參數(shù)的變量并獲取參數(shù)值，再頁(yè)面中利用“{{}}”語(yǔ)法綁定變量來(lái)實(shí)現(xiàn)生命周期函數(shù)中參數(shù)值的顯示。

購(gòu)物車功能將用戶選中添加的商品簡(jiǎn)略的顯示在頁(yè)面中，同時(shí)添加復(fù)選按鈕用于幫助用戶選中并支付，其中用到JS頁(yè)面data的數(shù)據(jù)參數(shù)傳輸保證用戶所選商品與購(gòu)物車中商品一致。頁(yè)面頂部放置搜索欄，在JS中調(diào)用請(qǐng)求數(shù)據(jù)函數(shù)getSearchResult（），并定義一個(gè)響應(yīng)成功后的函數(shù)getSearchResultSucc（），判斷響應(yīng)的數(shù)據(jù)是否存在。如果存在通過(guò)this.setData（）方法將響應(yīng)后的數(shù)據(jù)賦值給list，由此對(duì)數(shù)據(jù)庫(kù)中所有商品進(jìn)行檢索。利用swiper滑塊視圖容器實(shí)現(xiàn)頁(yè)面內(nèi)容的滾動(dòng)，也即商品推薦板塊的內(nèi)容瀏覽，此容器可以在有限的界面中瀏覽更多的商品。，方便用戶“逛”商品來(lái)尋找感興趣的物品。

小程序還具備一鍵打電話功能，利用callGroom和callBride事件處理函數(shù)實(shí)現(xiàn)撥打電話，函數(shù)中的wx.makePhoneCall（）接口用來(lái)實(shí)現(xiàn)呼叫功能，參數(shù)可利用js文件中checkPhone（）函數(shù)結(jié)合頁(yè)面中綁定的blur事件實(shí)現(xiàn)表單驗(yàn)證，利用bindsubmit事件配合按鈕的from-type=”submit”，在js中用data.detail.value獲取數(shù)據(jù)，由此實(shí)現(xiàn)買家可在商品頁(yè)面直接對(duì)商家進(jìn)行呼叫。

3.商品及用戶信息的存儲(chǔ)

在微信開發(fā)者工具中，云平臺(tái)提供的云數(shù)據(jù)庫(kù)可以簡(jiǎn)化開發(fā)工程，直接利用constdb=wx.cloud.database（）獲取數(shù)據(jù)庫(kù)的引用，然后創(chuàng)建數(shù)據(jù)表利用data數(shù)據(jù)進(jìn)行添加數(shù)據(jù)。用戶信息與商品信息將由兩個(gè)數(shù)據(jù)表分開儲(chǔ)存，數(shù)據(jù)導(dǎo)出有兩種格式，當(dāng)選擇導(dǎo)出格式為JSON時(shí)，若不填寫字段項(xiàng)，則默認(rèn)導(dǎo)出所有數(shù)據(jù)。當(dāng)選擇導(dǎo)出格式為CSV時(shí)，則字段為必填項(xiàng)，字段之間使用英文逗號(hào)隔開。數(shù)據(jù)庫(kù)管理樣式如下圖3所示。

四、小結(jié)

本文在論述當(dāng)前大學(xué)生處理堆積物的背景下，結(jié)合網(wǎng)絡(luò)購(gòu)物這一特殊領(lǐng)域，研究了基于微信平臺(tái)的網(wǎng)上交易小程序，實(shí)現(xiàn)了對(duì)大學(xué)校園中學(xué)生之間的小型交易平臺(tái)的開發(fā)。該程序使用范圍小，操作方便，無(wú)需下載，因此符合當(dāng)代大學(xué)生需求。

【參考文獻(xiàn)】

[1]宮曼曼等.基于微信公眾號(hào)的校園二手物品交易平臺(tái)——以泰州學(xué)院為例[J].電子世界，2020，21：163-164.

[2]郭雨潔等.基于Android的校園二手物品交易平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[J].信息與電腦（理論版），2020，04：70-72.

[3]趙永剛等.“互聯(lián)網(wǎng)+”模式下的高校二手物品交易平臺(tái)研究[J].中國(guó)市場(chǎng)，2019，29：185-186+192.

[4]徐佳慧等，基于微信公眾號(hào)的校園二手物品交易的研究[J].現(xiàn)代經(jīng)濟(jì)信息，2018，24：163.

[5]易莉等.共享經(jīng)濟(jì)下大學(xué)生閑置物品二手交易現(xiàn)狀研究及解決方案——以成都高校為例[J].現(xiàn)代商業(yè)，2020，08：21-23.