基于WAMP架構的微商城網站的設計與實現

熊曉莉，馬 越

（渭南師范學院 陜西 渭南 714099）

1 引言

隨著智能手機的大眾化和5G技術的發展，使用手機上網愈來愈普及。據2017年《中國移動互聯網用戶行為報告》顯示，截至2016年第四季度，我國的移動互聯網用戶已經達到8.8億，無線網絡的廣泛覆蓋更是促進了移動互聯網呈現爆發發展趨勢。移動互聯網的快速發展給電子商務帶來了無限的發展機遇。用戶只需要一臺手機就能享受商家提供的商品服務信息。

移動商城作為一種常見的電商平臺，是基于微信等各大社交媒體和平臺建立起來的商品銷售網站，它的主要作用用來滿足商家在移動端創建商城的需求。根據相關調查數據顯示，2016年末用戶使用移動端搜索關鍵字的次數已遠超過用戶使用電腦端搜索關鍵字的次數。據官方統計微信使用人數已突破10億。微信公眾號是開發者或商家在微信公眾平臺上申請開通使用的賬號，平臺能夠實現特定群體之間的文字、圖片、語音、視頻的全方位溝通、互動，形成了一種主流的線上線下微信互動營銷方式。正如，線上線下微信互動營銷的代表微部落，率先提出標準的行業通用模板和深定制的微信平臺開發理念相結合，形成了線上線下微信互動營銷的開放應用平臺。

同時，近年來微信加大了對服務號的扶持力度，建立基于服務號的電商生態服務體系，不斷推動服務號的發展。微店、微商城等產品銷售平臺的大量涌現證明其發展潛力和能力。從功能上講，服務號比訂閱號API接口的更開放，服務號能夠申請開通微信支付功能，某種程度上說明微信的商業化全面推開。微信支付與線下場景深度結合，成為移動互聯O2O的核心模式[1]。將社交屬性、位置屬性(LBS)、支付閉環、溝通體系能夠全面打通，成為當前實體項目發展的的一個新起點。

2 關鍵技術

基于WAMP的微商城系統使用PHP語言進行編寫，數據庫方面由My SQL提供技術支持。PHP+MySQL的組合可以成為目前最穩定和最安全的網站開發技術，PHP中提供了整套的MySQL函數，所以可以說PHP為MySQL提供了最全面的支持[2]。

基于WAMP架構下，參照天貓、京東商品購買模塊的框架樣式，運用baijiacms引擎，模擬商品交互和支付調試，搭建商城管理系統。

《花城》微商城網站的核心技術包括以下幾種：（1）MySQL數據庫的構建及使用。（2）PHP技術及代碼優化，保證數據安全性。（3）curl+js頁面傳值的數據調用。（4）基于微信公眾平臺的curl返回json值的回調技術。（5）微信工作平臺開放接口的調用和回調接口的開發。

3 系統信息架構及UI設計

3.1 系統信息架構

微商城以移動手機平臺作為主要使用平臺，在信息架構設計上采用的是符合手機界面特點的信息架構模式，在商城的底部區域設定了固定導航的功能菜單，包括“在線咨詢”“全部商品”和“個人中心”三個主菜單欄。每個主功能菜單下面設置了對應的功能項（具體功能信息架構如圖1所示），以滿足用戶購買產品時所需的功能操作[3]。

圖1 功能信息架構圖

3.2 設計構思

《花城》微商城UI設計部分主界面排版樣式的顏色搭配遵循統一協調，主要藝術特色：以簡約的平面風格為主，以淡色的色調為基準，制作整體清爽風格主頁；根據主流的平面界面，和現代人視覺審美的特點，以白紅色為主色，黑灰色為輔色的購物頁面；以主色和輔色為基準的框架下，制作個人中心頁面，色彩總體簡約明了，子頁面風格簡單統一[4]。

4 微商城的設計與實現

4.1 構造訪問接口

在開發后臺接口時，第一步需要使用開發者模式，先進入到開發者中心，開啟開發者模式，在開發者中心，需要獲取開發者ID（包括開發者app ID和appsecret），獲取后根據開發者文檔獲取相應的開發者接口文檔，在此開發者過程中，需要自主創建服務器事件推送接口，公眾號后臺服務器配置。

4.2 創建查詢接口

除了創建數據訪問接口外，還需要查詢內容，需要創建查詢接口，通過查詢接口獲取數據庫中的數據，并以json的格式返回并顯示出來，查詢接口創建的樣例如圖2所示。

圖2 創建查詢接口

4.3 創建數據庫

等相應的接口創建完成后，需要創建數據庫，根據頁面的功能以及跳轉中需要獲取和傳遞的數據進行前綴建表，創建數據庫和數據表。

4.4 支付接口調試

根據微信支付的官方開發文檔調用微信支付API，然后撰寫PHP參數與API對接，調用樣例如圖3所示。

圖3 創建數據庫和數據表

4.5 后臺服務端菜單功能板塊建立

商品分類，商品展示，收貨地址管理，數據提交與公眾號推送事件url，與服務端數據庫訂單返回值一一對應。

4.6 制作前臺頁面

根據運用baijiacms內核軟件設計前端頁面，通過Photoshop軟件對圖片進行美化處理，運用JS代碼控制滑動展示--幻燈片展示--商品分類展示，增加CSS樣式顏色代碼控制頁面的布局構造，制作出各分類板塊的頁面，如圖4所示。

圖4 制作前臺界面

4.7 微商城運行效果

在手機端運行微商城《花城》效果圖如組圖5所示。

圖5 運行效果圖

5 結語

在移動互聯網時代，微商城很好地彌補了實體店的部分不足，微商城的廣泛應用，將更加完善地從多渠道、多方式推進個體工商戶以及零售類中小企業O2O模式的發展[5]。本文中的《花城》網絡微商城，在頁面交互上用了很普遍的curl頁面傳值，增加了頁面在微信內核中的實用性和安全性，是一種值得嘗試的開發模式。