校園物品交易微信小程序開發

孫先德 姚永忠 趙曉凡 陳燕

【摘 要】近年來，隨著網絡購物的興起，橫跨地域的物品不再遙不可及，各種新奇物品進入人們的視野，網購已經成為了大部分人購買物品和獵奇的主要途徑。充滿著活力與好奇心的大學生已然成為了一個龐大的網購群體，購買的物品越來越多，導致許多物品無法處置。本文基于微信開發者工具開發的校園物品交易小程序，應用于大學生對閑置物等物品的近距離交易。

【關鍵詞】校園物品;交易;微信小程序

一、引言

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

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

二、微信開發者工具

微信開發者工具是騰訊公司基于微信公眾號網頁調試工具而推出的一款集合公眾號網頁調試和小程序調試兩種開發模式的應用App，用戶可以使用此開發工具完成小程序的API和頁面的開發調試，代碼的查看與編寫，小程序的預覽與發布等功能。為用戶提供了一個穩定安全的開發環境。

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

其應用具備云開發功能，無需用戶自己另外搭建數據庫，服務器。同時開發者不需要管理后端服務框架，即可輕松擁有各種后端能力。極大的簡化了用戶的開發工程量。云開發主要運用平臺提供的API進行核心業務開發，與開發者已經使用的云服務相互兼容，并不互斥，如下圖1所示。云開發還提供了四大基礎能力的支持：

1.云函數，用于在云端運行代碼，開發者只需要編寫自身業務邏輯代碼。

2.云數據庫，一個既可在小程序前端操作，也能在云函數中讀寫的 JSON 數據庫。

3.云儲存，在小程序前端直接上傳/下載云端文件，在云開發控制臺可視化管理。

4.云調用，基于云函數免鑒權使用小程序開放接口的能力，包括服務端調用、獲取開放數據等能力。

開發完成后，可利用真機進行功能測試，對于注冊用戶，開發功能完善后可提交發布申請，經審核后，開發者可以在開發者管理平臺的開發管理中進行發布。

三、校園交易微信小程序

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

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

本系統更是商客互動交流平臺，可以使買家進一步的了解心儀的商品以及確定交易時間與地點。為保障買家與商家的交易安全，程序設立反饋舉報功能，對未能正當交易的一方，由學院進行排查處理。

（二）界面布局與功能開發

1.頁面結構

基于wxml+wxss對頁面進行布局美化，頁面的整體設計主要分為五點規范，分別為流程明確、色彩對比、使用便捷、特效流暢優美和視覺規范。如下圖2 所示：

其中，流程明確表現為用戶登錄到交易完成便捷高效，共分為微信授權登錄，搜索或預覽商品，加入購物車，與商家聯系，與購物車中支付，線下交易商品這些步驟。交易完成后還可對商品進行評價。

2.功能框架

在功能的設計中，在js文件的頁面初始數據data中，定義商品圖片，價格，名稱，簡介等參數，由生命周期函數onReady（）定義基本參數的變量并獲取參數值，再頁面中利用“{{}}”語法綁定變量來實現生命周期函數中參數值的顯示。

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

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

3.商品及用戶信息的存儲

在微信開發者工具中，云平臺提供的云數據庫可以簡化開發工程，直接利用constdb=wx.cloud.database（）獲取數據庫的引用，然后創建數據表利用data數據進行添加數據。用戶信息與商品信息將由兩個數據表分開儲存，數據導出有兩種格式，當選擇導出格式為JSON時，若不填寫字段項，則默認導出所有數據。當選擇導出格式為CSV時，則字段為必填項，字段之間使用英文逗號隔開。數據庫管理樣式如下圖3所示。

四、小結

本文在論述當前大學生處理堆積物的背景下，結合網絡購物這一特殊領域，研究了基于微信平臺的網上交易小程序，實現了對大學校園中學生之間的小型交易平臺的開發。該程序使用范圍小，操作方便，無需下載，因此符合當代大學生需求。

【參考文獻】

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

[2]郭雨潔等.基于Android的校園二手物品交易平臺的設計與實現[J].信息與電腦（理論版），2020，04：70-72.

[3]趙永剛等.“互聯網+”模式下的高校二手物品交易平臺研究[J].中國市場，2019，29：185-186+192.

[4]徐佳慧等，基于微信公眾號的校園二手物品交易的研究[J].現代經濟信息，2018，24：163.

[5]易莉等.共享經濟下大學生閑置物品二手交易現狀研究及解決方案——以成都高校為例[J].現代商業，2020，08：21-23.