范喜盈

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

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

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

二、功能模塊

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

后臺(tái)功能模塊如圖1所示。

三、模型設(shè)計(jì)

（一）E-R模型

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

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

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

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

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

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

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

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

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

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

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

（六）購(gòu)物車實(shí)現(xiàn)

購(gòu)物車核心代碼如下：

四、結(jié)語(yǔ)

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