范喜盈

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

一、開發(fā)環(huán)境

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

二、功能模塊

前臺功能模塊實現(xiàn)瀏覽下單，訂單查詢等功能。

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

三、模型設(shè)計

（一）E-R模型

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

（二）數(shù)據(jù)庫模型

根據(jù)需求分析，可以得到以下實體：

User：用戶;Product：產(chǎn)品;Order：訂單;Management：管理員;Cart：購物車

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

（三）連接數(shù)據(jù)庫

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

（四）頁面響應(yīng)式布局

移動平臺可以隨著手機屏幕的大小調(diào)整頁面，實現(xiàn)響應(yīng)式布局。當(dāng)然也可以兼顧PC端，用標(biāo)簽進行設(shè)置響應(yīng)式布局，針對蘋果手機也要有其相應(yīng)的標(biāo)簽進行設(shè)置。

（五）系統(tǒng)管理板塊詳情邏輯流程圖

系統(tǒng)管理版塊如圖3所示。

（六）購物車實現(xiàn)

購物車核心代碼如下：

四、結(jié)語

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