購物商城平臺

使用說明書

1購物商城概述

隨著社會的發(fā)展，人們生活節(jié)奏的加快，大家的大部分時間都在忙于工作。大部分的上班族都沒有時

間去商場購物，為了給廣大的上班族提供個方便快捷的購物平臺，這是我開發(fā)這個網(wǎng)站的初衷。

該購物商城主要以商城的消贄者為根本，以廣大的商城用戶服務為中心，商品設(shè)有豐富的商品展銷貨架，

為商城的用戶提供商品豐富、廉價的購物平臺。讓:商城的用戶能夠方便快捷、用最少的錢購買到用尸滿意

的商品。

編寫目的

本文檔編寫的目的在于全面介紹消費者在網(wǎng)上購物商城平臺購買商品的全過程，包括購物商城的基本

處理流程、模塊劃分和功能分配，使消費者能夠直接看到要購買的商品，可以親身體驗網(wǎng)絡(luò)購物的且活的

方式，獲得更大范圍的應用。

應用目標

購物商城可以使消費者可以方便、快捷的查看購物商城銷售的任何產(chǎn)品，也便于購物商城管理員對網(wǎng)站進

行管理，并能對銷售情況進行管理,隨時掌控網(wǎng)站的運營情況。

購物商城平臺介紹

所謂購物商城就是指提供網(wǎng)上購物的網(wǎng)絡(luò)平臺，而這種平臺主要是指網(wǎng)上購物網(wǎng)站。消費者可以在網(wǎng)上尋

找自己想要的商品，然后進行網(wǎng)上購買，網(wǎng)上支付，最后拿到自己所需的東西。

1.2.1主要功能

購物商城全面展示了商城內(nèi)的所有商品、商品分類顯示，方要顧客了解網(wǎng)絡(luò)購物賬戶通內(nèi)的商品，查

看商品內(nèi)的詳細信息.：

購物商城一共含有6個功能，即用戶登錄頁面、用戶注冊頁面、部分顯示商品頁面（首頁）、商品詳細信息

顯示頁面、我的收藏夾頁面、購物車頁面、訂單中心顯示頁面、收件人信息填寫頁面、修改收件人信息頁

面，顯示收件人信息頁面、刪除訂單信息頁面，支付寶登錄頁面,支付寶付款頁面、支付寶返回頁面等頁

面。

1.2.2購物流程圖

圖1流程圖

1.2.3業(yè)務流程介紹

該商城分為前臺和后臺兩個管理層【而。

請按照以卜流程進行操作:

1.2.3.1前臺

前臺主要實現(xiàn)了購買商品和查看商品信息的功能。在購買商品前需要買家先進行登錄，如果您還未注

冊會員，需要先進行注冊。注冊成功后進行登錄，登錄成功后用戶即可購買商品，具體的購買操作步驟如

下：

(1)登錄成功后，單擊“購買”按鈕,該商品則會成功添加到購物乍中。

(2)商品購買完成后，進入購物車頁面，如圖2所示。在此頁面中可以點擊刪除當前購買的商品及清空購物車的功能，還

可以點擊“繼續(xù)購物”來緘續(xù)購買商品。

向品田片由品名備商用價格idABfi向另0價制除Q晶圈除a晶

?"勺.|?淮飛毛ItSCUD39.0139.0?是。否

SECSmiui.4)X顏色168.01168.0?*。否

商自總金韻(7含運費)：￥207.0元|下訂歌|

繼續(xù)購物I去結(jié)算

圖2購物車頁面

(3｝購買商熱確定后，單擊“二訂單”按鈕，進入結(jié)賬頁面，如圖3所示。填寫正確的收貨信息后，單擊“保存”按鈕,完

成購買操作。

I?與核對訂單信息

愀

嗒

息

確

配

配送方式送費用

方W5嬴國遠道毒和間，送H上門(許洋.？啊，

。貨到付數(shù)式V25元

確

"停送2X天送達，］?本不貶眺軀改發(fā)W(洋杷況啊，元

◎酢aI運認￥25

ODB快速DK國內(nèi)帆炳快年2-4天運達聞酬明)￥25元

發(fā)票信息

發(fā)票類型：?詈通發(fā)票

發(fā)票拾頭：o個人。單位話輸入需要打印在發(fā)票上的姓名

其他信息

送貨時間：④只工作日送貨儂休日、假日不用送）

o工作日、雙休日與暇日均可送貨

O只雙休日、假日送貨（I作日不用送）

訂單網(wǎng)言:

有品活羊

有4用片有二名*M品星性商晶愉譽商晶敏■誨晶京價訂單狀衣取消訂拿是否的玳

1去付軟］

飛UfSCVDn-39.01390wiptytd啾消訂單1」

x包百優(yōu)喜券，謂點擊w入優(yōu)?掙號碼

結(jié)苞信息

有氐fc般390*儂費用000-使用憂其券000

應付總SU￥39.。元

繼續(xù)匏物

三星（Sssgc）其他我色168.01166.0取消訂單

［去付歙I

如空有優(yōu)惠券，請點擊箱?在學標號小

結(jié)算信息

肉品金額168.0+配送費用：0.00-使用優(yōu)惠券.0.00

應付總鍍：￥168.0元

＜繼續(xù)匏物

圖3收貨信息

1.2.3.2后臺

后臺主要對前臺的商品信息及訂單進行管理。

（1）訂單管理：在前臺會員購買商品后，會生成?個訂單，該訂單在此處進行管理，主要分別四個過

程一一確認、付款、發(fā)貨、歸檔.

(2)商品管理：主要對前臺顯示的商品信息進行管理，可以添加、修改及刪除商品信息。

(3)會員管理：用戶在前臺注冊成功后，管理員可以在該功能項中進行管理。

(4)物流系統(tǒng)：主要對支付方式、配送方式和配送地點進行管理。

(5)系統(tǒng)管理：主要實現(xiàn)了上傳圖片的功能，以供添加商品信息時選擇。

1.2.4主要特點

完善的功能設(shè)計讓買家和網(wǎng)上商城管理輕松簡便

功能完善、展示信息豐富的商品、商品銷售平臺

強大的搜索引擎支持

提供網(wǎng)上在線支付結(jié)算的解決方案

強大的技術(shù)應用與嵌聯(lián)能力和網(wǎng)絡(luò)安全系統(tǒng)

結(jié)構(gòu)

水晶閣刈上購物商城系統(tǒng)

功能模塊詳細要求

購物車可讓客戶在網(wǎng)站選購商品，并存放入其中，最后可進行結(jié)算。

BBS可讓客戶在論壇上發(fā)表對于網(wǎng)站的看法及建議，及對水晶的看法，如有水晶想要

進行拍賣，亦可在上面進行拍賣，如果對于網(wǎng)站的一些建設(shè)有看法，亦可提此

如果覺得有哪些不滿意，或是在購買商品時存在一些其他的環(huán)節(jié)錯誤，也可以提

出，讓工作人員進行處理。

在線支付功能可讓客戶在網(wǎng)上進行支付，無需進行銀行匯款，節(jié)省其中的手續(xù)。

用戶注冊功能可讓客戶進行注冊，為其后的購物建立基礎(chǔ)。

售后服務如商品存在問題，可是此找到部分解決的方法，其中的解決方法多為BBS中，曾

經(jīng)出現(xiàn)過的問題，進行規(guī)類處理，為其他用戶提供方便。

搜索功能可讓客戶在網(wǎng)站進行搜索商品，如果用戶所查找的物品不存在，搜索功能將會自

動記錄下來，并進行累積，作為網(wǎng)站統(tǒng)計數(shù)據(jù)的一部分。

商品推薦此區(qū)中將會每個月推薦3個熱門的商品，以供客戶進行選擇。

特價區(qū)在此區(qū)中，將會定期更新一些水晶信息，提供?些性價比較高的水晶，滿足部分

客戶的需求，為網(wǎng)站提供一定的訪問量，提高知名度.

用戶管理功能修改用戶信息、錢幣兌換：當用戶選購一定的商品以后，可增加一定虛擬幣，其

價值和人民幣等值，當達到一定值后，可用來購買商品。

商品分類此區(qū)中將對網(wǎng)站所擁有的所有水晶，進吁一個分類，細分水晶，方便客戶選擇所

喜愛的水晶。

水晶故事在此對各種類型的水晶進行全方位的介紹，讓客戶了解水晶，走近水晶，了解關(guān)

于水晶的故事，不會對自己所選購的水晶，存在誤區(qū)。

后臺管理功能可讓管理人員在后臺對網(wǎng)站進行管理，并實時更改網(wǎng)站上的信息。

3購物商城平臺使用說明

3購物搜索商城應用使用說明

買家注冊

圖4

3.1.1打開比購商城，點擊頁面左側(cè)“免費注冊”（圖4標注）,進入注冊頁面（如圖5）；

歡迎注冊

輸入如下注冊信息

用戶名

密碼

確認密碼:

性別：。男。女

出身年月▼I▼-

電子郵件］

手機號碼:

[W|

圖5

3.1.2進入注冊頁面后，填寫基本注冊信息。如買家名、密瑪、郵箱等個人信息，點擊注冊即可:

歡迎注冊

輸入如下注冊信息

用戶名：an四_

密碼......

確認密碼：......

性別：@男。女

出身年月：1900*1▼|1y

電子郵件45110000@qqcom

手機號/p>

畫

圖6

3.1.3注冊成功后會出現(xiàn)注冊成功的提示，如圖7。

您好，歡迎光臨比購寶？［退出］〔免變注冊〕

圖7

商品瀏覽

3.2.1分類目錄檢索

在比購商城頁面的左側(cè)提供了多種物品分類方式，如種類，價格，特價，熱賣。您只要點擊進入相應的分

類目錄就能瀏覽查看商品詳情。

3.2.2在商品展示中選擇商品

比購商城首頁有商品展示，如圖8。買家根據(jù)預覽的商品可以選擇商品。

圖8

如買家想購買上圖中的“飛毛腿SCUDSCL-1109AM,則可點擊圖片、飛毛腿SCUDSCL-1109A的鞋接

或“詳細”按鈕，進入商品的詳細信息界面，見圖9。

飛毛腿SCUD

&牌：飛毛腿SCUD

商品編號：SCL-1109A

京東價格：39.0

庫存：100件

庫存：送至遼寧頷定）▼需要向供貨商東購，入庫后才能發(fā)貨

詳細地址：http://vuv.36O/product/122326.htnl

詳細說明：品牌飛毛腿SCUD型號SCLT109A京東價:3900圖片路

徑imgll.380buyii?gcor?/nl/1697/393d490d-61ec-4?74-8dTj-

al771b596a9e.jpg主體規(guī)格電池容量1040i?Ah電壓.毅定電壓：

3.7V特性

我要買：6音裕人購買數(shù)量）

?添加到購物車IX收藏此商品

圖9

通過圖9我們可以查看到商品的品牌、編號、價格、庫存、詳細地址和詳細說明等信息，買家還可以

根據(jù)自己的需求選擇要購買的數(shù)量，最后添加到“添加到購物車”即可。

商品添加到購物車后，則會跳轉(zhuǎn)到購物車頁面，顯示買家挑選的商品，見圖10。

I費挑選的超品

KI品圖片商△名鑫msAftiQARS商品魚價■除商品

飛甜SCUD39.0J390嗨G是。否

法品S金歌壞含運費）：￥39.0元

S3去結(jié)算?］

圖10

如果買家想繼續(xù)購物，則點擊“繼續(xù)購物”按鈕返P1商城界面繼續(xù)購物。

如果購物完成，則點擊“下訂單”按鈕進入結(jié)賬頁面，如圖u所示。填寫正確的收貨信息后，單擊“保存”按鈕，完成購

買操作。

I填寫核對訂單信息

收貨人信息［修改］

◎當前地址O使用其他總址

配送方式說明費用

。貸到付款根據(jù)經(jīng)離遠近需2飛天時間，送貨上門（洋陽說呢Y2S元

⑥順豐建運順豐速運2~4天送達，順豐不能到達地區(qū)改發(fā)EHS（語細說明，￥25元

OEMS快遞EMS國內(nèi)郵政特快專2~4天送達（詳細,兌明）￥25元

發(fā)票信息

發(fā)票類型：?詈通發(fā)票

發(fā)票拾頭：o個人。單位話輸入需要打印在發(fā)票上的姓名

其他信息

送貨時間：?只工作日送貨或休日、假日不用送）

o工作日、雙休日與減日均可送貨

O只雙休日、假日送貨（I作日不用送）

訂單網(wǎng)言:

N品活單

商品圖片商品名密商品屆性商品僧譽商品強*商品總價取消訂手是否付款

!去付家I

飛毛艮SCUD39.01390unp?y?d眼鬲仃單

，浦點擊樂人優(yōu)融。-W

結(jié)算信息

府品金融39.0?配送費用000-使用tt密穿0.00

應付總薇，￥39.0元

鏤康的物

圖11

當購買商品的信息填寫完畢之后，買家還可以繼續(xù)購物。

對于配送方式，買家可以選擇“貨到付款”、“順風速運”、"EMS快遞”三種支付方式。

如買家選擇的是“順風速運”或“EMS快遞”，還要點擊“去付款”按鈕進入付款頁面。

付款是如您有優(yōu)惠券，可以直接點擊“輸入優(yōu)惠券號碼”，來抵消部分總額。優(yōu)惠券抵消部分總額三

種付款方式均支持。

3.2.3關(guān)鍵字搜索

您可以利用頁面頂端的搜索功能，輸入您想要的物品的名稱，快速搜索商品。

當買家成功登陸后，在搜索欄中輸入所要購買的商品（圖12輸入壓縮袋）。

拿首頁商城簡介商品分類活動專區(qū)在線團敗在戰(zhàn)服務商城社區(qū)

餐站內(nèi)搜索：壓縮袋搜索熱I、賞素

圖12

點擊搜索后會出現(xiàn)該商品的所有列表（如圖13）,上面有商品的圖片、商品描述、價格和商家等信息。

納川真空壓縮袋特惠6+1家庭裝（內(nèi)含1個手動抽氣泵）

上架時間，未知產(chǎn)8.00

顏色：多種顏色［比購一下

商品描述：防潮、防答、防蛙，讓您的空間擴大三倍,雙保除自封口設(shè)計，密1個商家

封效果更好首創(chuàng)滑片式拉旌，密封變得更簡單.重標市多了就…

四件裝壓縮袋

上架時間：未知；40.00

顏色；多種顏色|比購一下

商品描述：尺寸：一件：50?60cm兩件：68*98cm一件：80*110cm［商品材1個商家

質(zhì)］,PA-PE（高強度尼龍復合段）隆品包裝卜吸蹩包裝顏前更多了解一

錦被衣服真空壓縮袋-3枚裝（大、中、小）

上架時間，未知

￥29.00

顏色：多種顏色

比購一下

商品告述：品質(zhì)優(yōu)越，可反復使用，可以防蟲，防蛀，防雷,防潮.重重：

個商家

253g產(chǎn)品尺寸：65cm"95cm*itic560nx80cm*1枚45cm*70cm*l枚包相1

更多了解>>

僑豐2枚裝掛式壓縮袋（60cm*110cm）

上架時間：未知

Y45.00

顏色：多種顏色|比購一下

商品授述，獨特的掛式收納.將衣物的收納至佃到你的衣柜.垂堡?299gAS

1個商家

尺寸：60cm*11051/2包裝尺寸：40cmM20cm材質(zhì)：尼龍+聚乍更資了制’

圖13

所有分類服裝鞋類化妝戶外美食冢居母嬰書刊數(shù)碼電的食品家電

2K不限商城京東商城淘寶商城卓越亞馬遜凡容題當當期麥考林好樂買我買網(wǎng)紅孩子▼_

襁價位0-5007C500-10007D1000-1500元1500-2000元2000-300阮300以上；到:［元恒］

皿襁屁睥曲美BT多樂士星相求私博世史丹利

不隔分類沙發(fā)書柜等桌吊燈熱水溺茶幾

圖14

在產(chǎn)品篩選框中，根據(jù)具體情況，篩選所要購買的產(chǎn)品，篩近方法可以根據(jù)商城、價位、品牌、分類

來精確選擇，當選定商品后，就進入商品的詳細頁面。（如圖14）

|棉被衣眼真空壓縮袋-3枚裝（大、中、?。﹟

上柒時間：未知

￥29.00

顏色：多種顏色

［蝌一丁J

商品描述：品質(zhì)優(yōu)越，可反復使用，可以防蟲，防蛀，防霉，防潮.重量：

1個商家

253g產(chǎn)品尺寸I65cm*9567枚56cm*80力1枚45—70cm7枚包褪

更多了解>>

|童玩潮|￥29.00

圖15

點擊圖15中的商品圖片、商城鏈接或者商品文字鏈接可直接進入商城查看商品詳情。

棉被衣服真空壓縮袋-3枚裝（大、中、小）

商品品牌：太力商品闌號：20925

市場價：三妗^0

趣玩價：￥29.00

冏品評分：★★★★★（巳有9人評分）

至北京?：運費說明

全場購物滿99元免運費.

數(shù)量：彳二件

圖16

圖16為商品的詳細頁面：買家可以根據(jù)需要，填寫需要購買的商品的件數(shù)，瀏覽好要購買的商品,

點擊“加入購物車”商品會自動添加到購物車里，如圖17：

岡關(guān)閉

6商品已成功添加到購物車

去硫年結(jié)算繼續(xù)逛》

圖17

如果需要更改商品數(shù)量，需在商品所在欄目后的商品數(shù)量框中輸入購買數(shù)量，圖18；

用品單價冷作

椅祓衣軀耳空壓縮袋會裝（大、中、?。?/p>

輸入憂X券.，'兌攜券代弼:使用費用已有優(yōu)彩券>>

圖18

選好商品后點擊“去結(jié)算”，會有買家登錄的提示，如圖19。

區(qū)）關(guān)閉

用戶登錄

還沒有趣玩賬號？

|10秒快速注冊

0下次自動量錄

忘記密碼？

使用趣團或合作網(wǎng)站賬號登錄趣玩：

合新浪微博139郵箱邸淘寶登錄回豆施登錄

注冊、登錄成功之后，買家即可進行詳細填寫，如圖20。

-攻入貯物工?附填寫核對訂單成功運交訂年

填寫核對訂單信息

收貨人信息

收貨人姓名：?

所在城市：|請選擇省V請選市6請選區(qū)7

詳細地址：

手機號碼：固定電話：-1手機和固定電話請至少埴號一項）

訂單內(nèi)容由以下內(nèi)容組成:

“收貨人信息”：是保證潴確、快速送遞商品的重要信息，請仔細核對填寫“收貨人”、“收貨地址”、

“電話”

“配送方式”：提供了多種快遞服務，請您選擇適合自己的方式。

“付款方式”：提供了多種支付方式，有貨到付款、在線支付和銀行匯款。

“商品清單”和“費用總計”：清晰顯示你即將購買的商品以及將要支付的商品總額，獲得的相應積

分和優(yōu)惠。

填寫完畢后點擊確認即可進入下一項：核對信息頁面，在收貨人信息填寫有誤買家還可以更改；

收貨人信息確認后則進入下一步，選擇配送方式和付款方式,

配送與付款方式

I配送方式

⑥快迷趣近網(wǎng)的國內(nèi)快避服務與多家快遞公司合作，支持開箱贅黃費用：￥1。00元

O貨到付款支？5全圜范圉的貨到付款，先驗貨后付款至著開通區(qū)域費用：￥15.0阮

O郵政EMSEMS國內(nèi)郵或悻快有送受用：*20.0玩

|付3：方式(-2用?分)

(^0^OO1

三中■工用銀行OoC巴里W緣曾戶o⑹松消

⑦中因*.jt銀行OEank幽瑟勉O③匚軌標以O(shè)超才修倏甘

(S>卷W.班11?？诒?。5工5冬2Io0寶黑！”

圖21

確認無誤后點擊“提交訂單”，生成新訂單并顯示訂單編號,

支付方式

訂單確認頁面點擊“訂單確認”后，系統(tǒng)提示訂購成功并提供支付鏈接，請點擊“立即支付”：

選擇支付方式，確認付款方式后，會彈出支付寶付款界面。

以下分情況說明：

3.3.1我有支付寶卡通，要如何付款

1）如果您辦理的是儲蓄卡卡通（如建行卡通），您在付款的時候請選擇“儲

蓄卡”這一欄“選其它銀行"，選擇您所具有的卡通進行付款即可。

舉例：如您是中國建設(shè)銀行卡通，付款時的操作方式如圖22：

2a3支付寶除戶：?163.com

可支付全■：254.23元的朋寶

使用支付m戶余a支付74.00元?

支付寶支忖擊碼：?與記壬碼？

E2DQI

您可以使用R他方式付款：UJI卡信用卡現(xiàn)金或刷卡泊”揖人代付

選擇您的做方式

麻。八E：.GE三中師尸e

懵行卡口號CT”1）：

????*<?!?*￡8熨冽？。興業(yè)翼行

ArMWrtiCGB。工山4巴：

圖22

2）如果您使用的是信用卡，您在付款的時候請選擇“信用卡”這一欄，選擇您已開通的快捷支付方式

或選擇相應的銀行開通快捷支付方式進行付款，如圖23：

SS?ttX?P：?163.com

司支儕,：2乂：3元短1分支

便網(wǎng)支仃寶除戶余務支付，4.際?

支付寶更付至研：「

忠記朝？

您可以使用其他方式付款：MSK信用卡覬畬或?qū)忛L湎得長找人代內(nèi)

達界也的付防式

儂酮（一）：

。鳧業(yè)做打??0

⑥玨M

圖23

3.3.2我通過話費卡充值或付款，要如何操作

如果您通過話費卡充值，操作時請選擇“消費卡”這一欄，選擇您需要付款的方式即可付款成功，圖24所

示:

圖24

3.3.3我賬戶中有余額，要如何付款

1）如果您賬戶中的余額足夠付款，請直接輸入支付密碼即可付款成功，具體操作如下圖25：

?163.com

可支付家，：2乂力元加陰=