基于移動平臺的商城APP設計與實現

范喜盈

隨著互聯網及信息技術的飛速發展，今天的電子商務面臨著嚴峻的考驗和巨大的挑戰，因此，對于開發者來說，應該從實現商品信息是否全面，使用是否方便，使用者是否安全等多個方面考慮，本文基于移動平臺的商城APP進行設計與實現，普通用戶能夠實現商品的瀏覽、注冊登錄后實現喜愛商品的購買，訂單查詢等功能，商城后臺管理系統實現管理員的登錄注冊，對商品、圖片、用戶、管理員進行管理以及對管理板塊增刪查改的操作，包括商品信息管理、用戶信息管理、訂單信息管理和管理員管理等功能，屏幕大小做到了自適應，以適應手機屏幕大小的變換。

一、開發環境

手機商城網站是基于Win10系統開發的，可在Win7及WinXP系統下運行，采用了面向對象技術的開發方法Asp.net，編程語言HTML、CSS、JS、Bootstrap等，后臺C#以及SQL數據庫開發，用Microsoft Visual Studio 2017完成前臺頁面的編寫，通過C#編寫Web.config文件與數據庫進行連接，編寫ashx一般處理程序并調用HTTP Handler類作為后臺接口，前臺用jQuery或AJAX調用接口完成對系統中各項數據的增加、刪除、查詢、修改等操作，商城網站在技術上是可行的。使用Chrome、IE9、Firefox等當前主流瀏覽器用來測試界面功能以及頁面的整體效果。完整地支持HTML5+CSS3、JavaScript、jQuery、Bootstrap、C#等編程語言。

二、功能模塊

前臺功能模塊實現瀏覽下單，訂單查詢等功能。

后臺功能模塊如圖1所示。

三、模型設計

（一）E-R模型

對基于移動平臺的電商APP進行實體與關系的劃分，根據數據流程分析，全局E-R模型如圖2所示。

（二）數據庫模型

根據需求分析，可以得到以下實體：

User：用戶;Product：產品;Order：訂單;Management：管理員;Cart：購物車

以商品信息表為例，商品信息表中存放的屬性有商品ID、商品名稱、商品詳情頁鏈接、商品圖片地址、商品原價格、商品現價格、地區、上架時間、商品類型、商品圖片尺寸大小等十個屬性，表名為Bsc_Product。

（三）連接數據庫

商城APP添加了Web.config文件用來配置連接數據庫，建數據庫是根據數據庫用戶名和密碼進行配置，部分核心代碼如下所示。

（四）頁面響應式布局

移動平臺可以隨著手機屏幕的大小調整頁面，實現響應式布局。當然也可以兼顧PC端，用標簽進行設置響應式布局，針對蘋果手機也要有其相應的標簽進行設置。

（五）系統管理板塊詳情邏輯流程圖

系統管理版塊如圖3所示。

（六）購物車實現

購物車核心代碼如下：

四、結語

基于移動平臺的商城APP符合用戶的需求，既適用于移動端又兼顧了PC端，是一款高效、便潔的購物平臺。（作者單位：青島恒星科技學院）