楊米娜

（山西工程科技職業(yè)大學(xué) 山西省晉中市 030600）

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

1 設(shè)計優(yōu)勢

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

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

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

2 系統(tǒng)分析

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

2.1 前臺銷售系統(tǒng)

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

2.2 后臺管理系統(tǒng)

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

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

圖1：系統(tǒng)功能模塊圖

3 微信小程序設(shè)計與制作

3.1 前端開發(fā)

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

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

3.2 界面設(shè)計

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

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

3.3 后臺開發(fā)

在系統(tǒng)中使用Linux 系統(tǒng)作為服務(wù)器系統(tǒng)，由Naginx 加上Tomcat 搭建的集群作為應(yīng)用服務(wù)器，并且使用MySQL 來作為后臺的數(shù)據(jù)庫。后臺開發(fā)使用了Java 高級程序設(shè)計語言，主要開發(fā)框架使用的是SpringBoot，集成開發(fā)環(huán)境（IDE）采用的是JetBrains軟件公司的IntelliJ IDEA。

3.4 平臺運行效果

在平臺開發(fā)完成后反復(fù)測試，最終此平臺能夠很好的完成預(yù)期設(shè)計目標(biāo)。試用時平臺運行流暢穩(wěn)定，各項功能均能正常、不卡頓的運行。

3.4.1 “助農(nóng)”微信小程序logo 標(biāo)志

將“農(nóng)”漢字與互聯(lián)網(wǎng)用語“@”結(jié)合到一起，使用了綠色為標(biāo)準(zhǔn)色，設(shè)計制作了“助農(nóng)”小程序的logo，方便用戶查找和記憶，“助農(nóng)”微信小程序logo 標(biāo)志見圖2。

圖2：“助農(nóng)”微信小程序logo 標(biāo)志

3.4.2 小程序運行主頁面

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

當(dāng)首頁打開時，用戶可以選擇首頁中推薦的農(nóng)產(chǎn)品，或者搜索想要購買的農(nóng)產(chǎn)品；還可以進入分類頁面，從不同的分類中選擇所需農(nóng)產(chǎn)品，加入購物車下單購買?！爸r(nóng)”微信小程序首頁及分類頁效果如圖3所示。

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

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

3.4.3 后臺管理系統(tǒng)運行效果

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

圖4：后臺管理平臺

4 結(jié)論

本系統(tǒng)以農(nóng)產(chǎn)品銷售為核心， 采用WXML、WXSS、SpringBoot 及MySQL 數(shù)據(jù)庫設(shè)計開發(fā)了“助農(nóng)”微信小程序。設(shè)計制作的“助農(nóng)”微信小程序具有以下特點：

4.1 開發(fā)難度低

小程序在制作上使用了比較方便、容易操作的開發(fā)技術(shù)。這些技術(shù)相對來說比較成熟，這就使得整個系統(tǒng)實現(xiàn)的難度降低。

4.2 操作簡單

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

4.3 運營成本低

對于企業(yè)來說，小程序的開發(fā)、運營維護及推廣成本比開發(fā)一款A(yù)PP 成本要低得多。同時為企業(yè)省掉一大筆平臺抽點費用，還能實現(xiàn)線上線下相融合，完成網(wǎng)絡(luò)轉(zhuǎn)型。

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