微信購物電子商務系統設計與實現

張淵博

摘要：基于B2C的微信網上購物電子商務系統，結合EasyRec推薦系統提供商品推薦。系統基于微信公眾平臺開發，主要分為前端模塊和后臺管理模塊，前端模塊主要通過HTML5+JavaScript實現購物流程和微信用戶基本管理功能，并提供推薦位；后臺管理系統使用OpenCustomer完成系統管理，并開發前端購物和微信公眾號業務功能的支持模塊。OpenCustomer是Sourceforge·net可供下載使用的開源電子商務和CRM（客戶關系管理）系統，使用Mysql數據庫和Java/EJB技術，前端實現框架是SSI。該系統支持多公司（商戶）、多庫存管理、權限管理、訂單管理、銷售管理、財務結算等功能，并提供Web購物及后臺Web管理頁面，為用戶帶來全新購物體驗。

關鍵詞關鍵詞：電子商務；微信公眾平臺；推薦系統；Sourceforge

DOIDOI：10.11907/rjdk.171806

中圖分類號：TP319

文獻標識碼：A文章編號文章編號：16727800（2017）011007205

0引言

網上購物系統是B2C[1]（企業與消費者的交易）、B2B（企業與企業的商務交易）、C2C（消費者與消費者的交易）等類型電子商務的前端門戶，網上購物系統實現了線下面對面的交易到消費者和賣家交易雙方在網絡虛擬環境下的交易。當前主流的網上購物系統不僅具有基本的商品瀏覽、站內查找、購買和商品評價等功能，還提供商品推薦功能，系統通過對交易過程中的業務數據進行挖掘，推薦出用戶可能感興趣度的商品或者熱度高的商品。在網絡購物規模日益龐大的網絡經濟時代，移動端購物系統為更加方便的購物體驗提供了新的發展思路。利用微信公眾平臺[2]提供的完善接口支持，本文設計開發了一套微信網購電子商務系統，并結合推薦引擎easyRec的調用實現商品推薦功能。系統后臺管理模塊具備電子商務功能，提供CRM[3]，還提供前端購物和微信公眾號的業務支持模塊。

1相關技術

1.1JavaScript

JavaScript[4]是一種腳本語言，它是輕量級的，無需編譯。現實環境下的絕大多數網站都使用JavaScript進行解析。JavaScript常用于為HTML頁面增加動態內容。

1.2SSI框架

SSI框架組成構件包括Struts2[5]、Spring[6]和Ibatis[7]，該框架使開發者和運營商管理起來更加容易。SSI的各組件幫助完成各層級之間的信息交換，一個完整Web端的功能實現與信息通信在SSI框架的支持下變得更加簡便。Struts2相對簡化了配置文件信息，使頁面和Action之間的關系與通信更加簡捷。

1.3MySQL

MySQL[8]是目前受歡迎程度很高的開源SQL系統，可分配多個用戶，能夠充分利用處理器等硬件資源，同時能為多線程開發提供服務和支持。

1.4JDBC

JDBC（Java Data Base Connectivity，Java數據庫連接）可以為多種關系數據庫提供統一訪問，通過JDBC驅動更加方便地向各種關系數據庫傳送SQL語句。開發者只需將Java和JDBC結合起來寫一組通用程序就可以支持所有平臺上的運行。

1.5easyRec推薦引擎

EasyRec[9]集成方便、容易擴展且功能豐富，是一套擁有后臺管理系統頁面的推薦系統，其提供了Rest和Javascript兩種訪問方式。EasyRec使用tenant（appProjectID）參數確定不同網站的唯一性，并同時服務于多個網站請求。不同網站應用被稱為不同的“Tenant”，被操作者管理。每一個Tenant擁有一個唯一標識符，供API調用所需，操作者API密鑰（32bitAPIKEY）也要同時提供。例如js調用：

"/easyrecweb/api/version/json/recommendAlgorithm？apikey=32bitAPIKEY&tenantid=appProjectID&itemid=productId"

1.6開發和運行環境

開發和部署所需要工具及其軟件為：

開發工具主要有Myeclipse8.5、Mysql5.6.31winx64；

操作系統：Windows7；服務器軟件：Tomcat6.0， Windows Server 2012；瀏覽器：Internet Explorer6.0及以上版本，或者Chrome。

2系統分析與設計

2.1系統整體設計

該電子商務系統分為前端網上購物模塊和后臺管理模塊。微信用戶進行網上購物前需先關注商城微信公眾號，在微信公眾號窗口界面，微信用戶觸發商城菜單按鈕進入相應商城首頁[914]，然后通過各種鏈接和導航瀏覽商品、添加購物、下單、提交訂單、完成支付等，從而完成網上購物。網上購物系統為微信用戶提供了個人信息維護功能，用戶可查看和管理自己的歷史訂單。系統后臺管理模塊（OpenCustomer）讓平臺商（系統維護方和運營商）、第三方商戶（以下簡稱“第三方”）、供貨商這3種角色在系統中實現菜單配置、財務結算、商品配置、商品上架、訂單處理和客戶查看等工作。

前端網購模塊主要有微信公眾號開發模塊、購物車、個人中心模塊。①微信公眾號開發模塊。該模塊實現系統與微信服務器的交互通信，為微信公眾號和購物系統的正常協作提供支持和服務，實現用戶關注公眾號、進入商城、“我的個人中心”等菜單事件處理；②購物車模塊。該模塊支持和實現用戶購買商品的整個流程，包括商品瀏覽、購物、下單等，是系統最重要的部分；③個人中心模塊。該模塊支持和實現用戶自己的訂單管理、查看及信息管理，包括收貨電話、收貨地址和個人資料等功能。endprint

后臺管理模塊主要實現系統菜單及參數配置、角色和后臺系統登錄用戶的管理維護、財務對賬結算等。所涉及的客戶、商品、客戶訂單等數據存儲在系統數據庫（MyDB）中，各實體之間關系的建立通過外鍵完成。后臺管理系統具備電子商務業務處理能力，能夠統一處理和調用這些業務數據。第三方使用系統分配權限對商品進行配置、對訂單進行處理、對客戶進行管理。系統前端模塊通過調用數據庫數據獲取商品、客戶、訂單等數據，同時創建客戶、訂單等。平臺商在后臺為每個第三方分配登錄用戶名和密碼，保存微信公眾號信息appid、appsecret等。這些公眾號信息，對于希望入駐平臺的第三方商戶和平臺開發商而言，是對接平臺的鑰匙；單獨對于平臺開發商而言，則是歸集信息和響應信息的依據，是實現微信端網上購物系統的關鍵和必備參數[1517]。有了這些參數支持，第三方就可以進行微信公眾號開發，將公司（商城）商品展示給關注用戶，實現線上銷售。

該電子商務系統的微信網購和后臺管理功能如下：

（1）直接購買和購物車功能。通過微信端購買公司商品，需實現商品列表、商品詳情、直接購買、添加商品到購物車、結算、下單、確認提交訂單、支付等功能。

（2）客戶資料信息管理。該功能幫助微信用戶維護個人資料和收貨信息，包括電話、郵件、地址等。用戶可以設置多個收貨地址，但只能將其中一個設成默認地址。

（3）用戶訂單管理。該功能可讓微信用戶刪除已完成和已取消狀態下的訂單，查看所有訂單及每個訂單的詳細信息。

（4）商城微信公眾號開發。商城微信公眾號開發提供的服務包括微信接入驗證、微信菜單、消息事件請求支持等。

（5）后臺管理。平臺商、第三方、供貨商3種角色的管理員用戶能夠在后臺系統中對系統、商品、訂單、客戶等進行統一管理。

2.2系統需求分析

2.2.1業務邏輯需求分析

該系統作為一套完整的電子商務系統，需要兼具前端網上購物和后臺管理功能。

（1）前端購物系統業務需求分析。前端網上購物在微信端進行，需要借助微信公眾開發平臺實現。微信用戶關注商城公眾號，通過點擊公眾號的商城名菜單進入商城首頁，瀏覽商品、查看詳情、直接購買或者添加購物車、確認訂單、提交訂單、支付并完成購物流程。用戶可以到個人中心頁面對個人資料、收貨信息進行增刪改查等，到訂單中心對訂單列表和訂單詳情進行查看，對于已經完成的訂單和取消的訂單仍有記錄的，提供刪除訂單記錄功能。

（2）后臺管理系統業務需求分析。提供3種角色：平臺商（項目系統平臺的開發商或者運營商）、第三方、供貨商。這3種角色具有相對獨立的業務管理權限。平臺商角色用戶主要業務功能：對后臺系統管理頁面的菜單進行維護、創建角色、為角色分配可操作的菜單權限、創建不同角色的登錄用戶、維護系統業務功能參數、創建其它兩種角色的用戶名和密碼、財務結算業務等。第三方角色用戶主要業務功能：添加商品、上架下架商品、查看訂單、維護商城店鋪名稱及Logo等基本信息數據、增刪改查供貨商數據、查看客戶等。供貨商角色用戶主要業務功能：查看訂單、發貨、維護庫存等。

2.2.2數據流分析

本系統前端購物系統產生的主要業務數據是客戶、商品、訂單數據，這些數據統一存儲在MyDB數據庫中。微信openid與客戶ID、公司等的對應和關聯關系，以及OpenCustomer后臺管理相關業務和系統數據也存儲在MyDB數據庫中。

圖1表示系統業務數據流，微信用戶的操作是購物業務數據產生來源，微信用戶在瀏覽和購物等操作過程中請求客戶、商品、訂單等信息，網上購物系統響應請求后向OpenCustomer請求相關數據，并將數據返回給微信用戶，然后根據需要在后臺系統中創建客戶、訂單等，同時存儲這些過程中產生的業務數據。系統也會在MyDB數據庫中存入微信openid與OpenCustomer系統中的客戶ID（openid）、公司（SHOPID）的映射關系，幫助系統通過微信openid查找相關聯的業務數據。

圖1系統業務數據

2.2.3業務流程分析

從用戶購物下單到第三方銷售人員處理訂單和供貨商發貨的完整過程如圖2所示，該圖展現網上購物系統的主要業務流程。微信用戶首次關注某家第三方商城微信公眾號時，將該微信用戶注冊為該公眾號對應的第三方商戶的客戶（默認普通會員）；用戶可在系統中瀏覽第三方商城店鋪的商品，添加購物車，進行購物車結算；下單流程開始，進入確認訂單頁面后，填寫備注，添加收貨地址，默認選擇微信支付并確認訂單，然后提交訂單。第三方銷售人員在后臺管理系統（OpenCustomer）中能夠查看到用戶訂單，由供貨商進行發貨。

圖2業務流程

2.2.4功能介紹

系統分為前端和后臺管理兩個模塊。其中，系統管理、商品管理、訂單管理和客戶（會員）管理等模塊構成了后臺管理系統（OpenCustomer）。前端模塊主要由3個模塊組成：個人中心管理模塊、購物車模塊、微信公眾號開發模塊。

（1）前端模塊功能描述。子模塊一：個人中心模塊的客戶資料信息管理。該模塊提供用戶資料自我管理功能，包括昵稱、電話、QQ、Email等的查看、修改，以及收貨地址的增刪改查等。子模塊二：個人中心模塊的訂單管理。該模塊幫助用戶管理自己的訂單，查看訂單列表和訂單詳情并處理歷史已完成訂單、已取消訂單。子模塊三：購物車模塊。該模塊主要管理用戶購物的整個流程，包括商品列表和商品詳情的瀏覽、購物車管理、下單、完成訂單、微信支付等。子模塊四：微信公眾號開發模塊。該模塊主要用于網上購物系統與微信服務器的通信交互，包括微信公眾號接入服務、微信公眾號菜單事件處理等，支持微信公眾號與網上購物系統的協作運行。

（2）后臺管理模塊功能描述。該模塊是為了讓平臺商、第三方和供貨商管理員對系統、商品、訂單、客戶等進行統一管理。子模塊一：系統管理模塊。該模塊讓平臺商管理員對系統菜單、系統參數等進行配置，對財務進行結算。子模塊二：商品管理模塊。該模塊幫助第三方管理人員對商品進行配置和商品的添加、修改、刪除、上架及下架。子模塊三：客戶管理模塊。該模塊下第三方管理人員可對客戶進行維護。子模塊四：訂單管理模塊。該模塊幫助第三方管理人員和第三方的關系供貨商對微信用戶交易產生的訂單進行查看和發貨。endprint