基于微信小程序的“助農”銷售系統的設計與開發

楊米娜

（山西工程科技職業大學 山西省晉中市 030600）

坐標山西呂梁的“助農”農產品銷售公司，主要銷售呂梁本地特產，諸如藜麥、小米、核桃、紅棗等。山西呂梁是革命老區，也是經濟發展滯后的地區，農產品不僅產量低而且滯銷嚴重。為了幫助山西農業發展，把農業做“特”做“優”，將山西呂梁的農產品推向全國。 “助農”農產品銷售公司，設計與制作了“助農”微信小程序，將企業農產品銷售和移動端互聯網有機的結合，讓用戶能更方便的在移動設備中使用小程序下單，直接使用微信支付完成交易。

1 設計優勢

微信小程序平臺，憑借的是微信10 億用戶和簡單的操作，從而帶動農產品的銷售。使用微信小程序，有以下兩大優勢：

（1）從用戶的角度來說，微信小程序只需要使用時打開，用完之后隨手關閉，不需要下載安裝。而且微信小程序也能免去注冊、登錄這些繁瑣的操作，使用時只需要對小程序授權即可，而且使用效果和APP 相同。

（2）從微信小程序開發的角度來說，小程序的開發、維護以及推廣的成本都比較低[3]。在開發過程中，小程序的兼容性強，不需要考慮安卓、蘋果等系統因素，也不需要考慮屏幕分辨率、機型，大大的降低了系統的開發難度。

2 系統分析

在“助農”小程序中，為了減少中間商環節，及時將滯銷的農產品銷售出去，在微信上，搭建了一個和網上商城一樣的銷售系統，讓用戶和商家直接進行商品買賣，本系統主要分為前臺銷售系統和后臺管理系統。

2.1 前臺銷售系統

前臺銷售系統主要為用戶提供管理功能，用戶在第一次使用需要對小程序進行授權，授權登錄后開放全部用戶功能。用戶需要在手機微信端進行農產品選擇，擁有購物車管理、訂單信息的查詢權限。登錄后默認為用戶頁面，可以完成下單、訂單查詢等操作。

2.2 后臺管理系統

后臺管理系統主要為商家提供管理權限，商家在系統中主要是維護商品數據、接單。商家擁有對商品的增加、刪除、修改、查詢等權限，以及查詢合作快遞公司配送員信息的權限[4]。

通過系統分析，基于微信小程序的“助農”銷售系統設置前臺和后臺兩種角色，第一種角色具有用戶信息管理、購物車商品添加刪除、訂單信息管理等功能，第二種角色具有商品分類管理、商品信息管理、訂單管理等功能。系統總體功能模塊設計如圖1所示。

圖1：系統功能模塊圖

3 微信小程序設計與制作

3.1 前端開發

微信小程序開發之前需要先注冊小程序賬號。注冊后，登錄小程序后臺，選擇“開發”菜單中的“開發設置”，查看獲取的AppID[1]。這里的AppID 和身份證一樣，每一個小程序唯一擁有，是微信平臺允許小程序開發的授權。注冊之后，可以對小程序的基本信息進行填充，比如微信小程序標志、名稱及服務范圍等。

使用授權的AppID 打開“微信開發者工具”，創建“項目”，編寫代碼制作微信小程序，開發期間可以利用“調試”模擬小程序在客戶端的效果。完成小程序開發后，提交代碼審核，審核通過即可以在微信平臺上發布小程序。

3.2 界面設計

要想取得更好的銷售和營銷效果，小程序用戶界面設計就非常重要。布局合理、內容清晰、操作便捷的UI 設計才能吸引更多的用戶，小程序才能被廣泛應用。

微信小程序框架中提供了一系列的UI 組件，構成了視圖層（View）的組成單元[2]。視圖層位于前臺負責與用戶的視覺交互，由微信提供的WXML 和WXSS 語言編寫完成界面布局設計和數據渲染，構造良好的用戶體驗。

3.3 后臺開發

在系統中使用Linux 系統作為服務器系統，由Naginx 加上Tomcat 搭建的集群作為應用服務器，并且使用MySQL 來作為后臺的數據庫。后臺開發使用了Java 高級程序設計語言，主要開發框架使用的是SpringBoot，集成開發環境（IDE）采用的是JetBrains軟件公司的IntelliJ IDEA。

3.4 平臺運行效果

在平臺開發完成后反復測試，最終此平臺能夠很好的完成預期設計目標。試用時平臺運行流暢穩定，各項功能均能正常、不卡頓的運行。

3.4.1 “助農”微信小程序logo 標志

將“農”漢字與互聯網用語“@”結合到一起，使用了綠色為標準色，設計制作了“助農”小程序的logo，方便用戶查找和記憶，“助農”微信小程序logo 標志見圖2。

圖2：“助農”微信小程序logo 標志

3.4.2 小程序運行主頁面

當用戶進入小程序并且獲得微信授權之后，將會跳轉至首頁。首頁還沒有加載出來時設計制作的閃屏頁，將“助農”logo 及廣告語添加進去。

當首頁打開時，用戶可以選擇首頁中推薦的農產品，或者搜索想要購買的農產品；還可以進入分類頁面，從不同的分類中選擇所需農產品，加入購物車下單購買。“助農”微信小程序首頁及分類頁效果如圖3所示。

圖3：微信小程序“首頁”及“分類”頁面

在這些主頁面中，重點突出、減少了無關的設計元素對用戶目標的干擾，流程明確、導航清晰、各頁面之間盡量使用一致的控件和交互方式，讓用戶有良好的用戶體驗。

3.4.3 后臺管理系統運行效果

在后臺管理系統使用了“助農”微信小程序的綠色作為主色調。商家具有后臺系統的管理權限，可以在該平臺對商品、訂單、用戶等進行管理。如圖4所示。

圖4：后臺管理平臺

4 結論

本系統以農產品銷售為核心， 采用WXML、WXSS、SpringBoot 及MySQL 數據庫設計開發了“助農”微信小程序。設計制作的“助農”微信小程序具有以下特點：

4.1 開發難度低

小程序在制作上使用了比較方便、容易操作的開發技術。這些技術相對來說比較成熟，這就使得整個系統實現的難度降低。

4.2 操作簡單

微信小程序不需要像APP 一樣下載和安裝，通過關鍵字搜索小程序或掃描二維碼即可直接使用，減少了手機內存的占用。

4.3 運營成本低

對于企業來說，小程序的開發、運營維護及推廣成本比開發一款APP 成本要低得多。同時為企業省掉一大筆平臺抽點費用，還能實現線上線下相融合，完成網絡轉型。

但是系統在安全性、內容涵蓋面、用戶交互性等方面還需要進一步完善和優化，在后期還可以使用公眾號+小程序的方法，打造微信生態圈，從而使其功能更加豐富全面。