第一章，購物車需求調(diào)研。
?
只要是電子商務(wù)購物網(wǎng)站，購物車是必不可少的功能。
設(shè)計(jì)一個功能強(qiáng)大、易用性好的購物車絕對是提高顧客購買興趣和達(dá)成購買的一個重要因素。
?
縱觀國內(nèi)外的電子商務(wù)網(wǎng)站，做得比較好，在國內(nèi)有卓越（
www
.joyo.com
）,當(dāng)當(dāng)（www.dangdang.com），
國外的則比較多，主要有亞馬遜書店（www.amazon.com），GAP（www.gap.com），
www.target.com
，
www
.buy.com
等。
?
這些網(wǎng)站對于購物車的設(shè)計(jì)各有特色，但大致是分為兩種購物車：
MiniCart（迷你車）
和
ShoppingCart（購物車）
。
MiniCart 是購物車的一個微縮版，一般是顯示最后加入購物車的一個商品，當(dāng)然也有顯示多個的，但這要注意尺度，
一般顯示最后3個已經(jīng)很足夠，再多使到排版過長，影響瀏覽。
在
MiniCart
頁面，現(xiàn)在流行的安排是左邊顯示推薦的相關(guān)產(chǎn)品，右邊是
MiniCart
。這是根據(jù)用戶當(dāng)前選購商品的一
種業(yè)務(wù)需求挖掘，來進(jìn)一步推動銷售。具體如圖1。
?
另外一種
MiniCart
則為
www
.gap.com
獨(dú)創(chuàng)，筆者瀏覽過國內(nèi)外各大電子商務(wù)產(chǎn)品及網(wǎng)站，暫時(shí)只是發(fā)現(xiàn)
GAP
系的網(wǎng)站有這種設(shè)計(jì)。
見下圖。
讀者請注意我用紅色圈住的地方，就是它的
MiniCart
，當(dāng)顧客點(diǎn)擊
[Add
to cart
]
時(shí)，系統(tǒng)將在右上欄的
MiniCart
柔和地展開，第一部分是顧客剛才加入購物車的商品，如果該商品存在相關(guān)促銷活動或者是屬于某個產(chǎn)品包
（購買
A
+B
將節(jié)省n%等），將在第二部分顯示相關(guān)的推薦。
整個動態(tài)效果做得非常舒服，很吸引顧客眼球。只是它的實(shí)現(xiàn)較復(fù)雜。
購物車（
ShoppingCart
）的設(shè)計(jì)則大同小異，如
Amazon
的設(shè)計(jì)如下：
見圖中紅色圈圈。
【
1
】列功能區(qū)：放置該列商品加入購物車的時(shí)間、對每個商品的操作按鈕。
【
2
】商品詳細(xì)信息區(qū)：包括產(chǎn)品名稱、庫存、是否免運(yùn)費(fèi)及是否需要禮品包裝等。
【
3
】價(jià)格區(qū)：該商品折后價(jià)格及節(jié)省了多少。
【
4
】數(shù)量區(qū)：可以修改購買數(shù)量。
【
5
】總體功能區(qū)：提供操作整個購物車區(qū)域（分為
Buy
Now
和Buy Later兩個取悅）
的操作按鈕和統(tǒng)計(jì)信息。
?
經(jīng)過分析，大致需要提供給用戶操作的功能有：
更新數(shù)量；
刪除
(1…n)
；
Save
for later
（Joyo描述為收藏）（1...n）；
Move to cart
移到購物車（對Save for later的商品）（1…n）。
?
而在系統(tǒng)內(nèi)部我們還需要對購物車進(jìn)行更多的處理，比如對購物車的商品進(jìn)行計(jì)費(fèi)、計(jì)算出
折后價(jià)格，統(tǒng)計(jì)數(shù)據(jù)，對有促銷活動的商品給顧客以明顯的提示，
Also
buy
等等。
?
到這里，購物車的業(yè)務(wù)需求分析研究就過一段落了，下一章將會進(jìn)行購物車的建模設(shè)計(jì)。
第二章：購物車業(yè)務(wù)建模。
?
筆者在本文中將會采用
UML
對購物車進(jìn)行建模。
對于我們的例子，涉及參與者（
Actor
）是顧客，業(yè)務(wù)實(shí)體則有
MiniCart
和
Shopping Cart
。
?
1
、術(shù)語解釋。
購物車
/ShoppingCart
：模擬現(xiàn)實(shí)的購物車，存放顧客選購的商品。
購物車元素
/ShoppingCartItem
：表示每個加入購物車的商品，
1
個購物車元素對應(yīng)一個商品。
迷你車
/MiniCart
：購物車的微縮版，只顯示最后（或者近幾個）加入購物車商品，會附加一些促銷的信息。
?
?
2
、用例（
Use
Case
）
用例（
Use
Case
）是顧客對購物車進(jìn)行直接操作的事件。
經(jīng)過分析，得出的用例如下圖：
?
3
、業(yè)務(wù)實(shí)體。
?
描述如下：
1
）
ShoppingCart
和
ShoppingCartItem
是聚合關(guān)系，即
ShoppingCartItem
生命周期依賴于
ShoppingCart
；
2
）
MiniCart
和和
ShoppingCartItem
是組合關(guān)系，一個
MiniCart
可以呈現(xiàn)多個
ShoppingCartItem
，
ShoppingCartItem
生命周期和
MiniCart
沒有直接關(guān)系；
3
）
MiniCart
對
ShoppingCart
有依賴關(guān)系，如果還沒有為顧客分配
ShoppingCart
，則
MiniCart
也為空。
?
4
、時(shí)序圖。
描述顧客和購物車之間的交互關(guān)系，并表述對象之間的時(shí)間順序可以用時(shí)序圖表達(dá)，但限于篇幅，
筆者只對其中的【將商品加入購物車】進(jìn)行設(shè)計(jì)。
4.1
基本流如下：
?
流程描述如下：
顧客
???????????????????????????????????????????????????
服務(wù)器
1
）查看商品；
2
）將商品加入購物車；
???????????????????????????????????????????????????????? 3
）購物車模塊判斷可以加入；
???????????????????????????????????????????????????????? 4
）將該商品加入購物車；
???????????????????????????????????????????????????????? 5
）調(diào)用其它接口對購物車進(jìn)行處理（如計(jì)費(fèi)接口）；
???????????????????????????????????????????????????????? 6
）調(diào)用
MiniCart
接口組裝返回?cái)?shù)據(jù)；
???????????????????????????????????????????????????????? 7
）呈現(xiàn)
MiniCart
頁面；
8
）查看
MiniCart
頁面。
?
4.2
擴(kuò)展流如下：
?
1
）
Add
to cart
時(shí)，通過購買驗(yàn)證，發(fā)現(xiàn)顧客等級不足以購買當(dāng)前商品，則返回提示信息，流程結(jié)束。
2
）另外還有其它的擴(kuò)展流，比如庫存不足等，由于很相似，所以在本文就不畫圖了。
?
5
、其它。
下圖表達(dá)了一個顧客進(jìn)入網(wǎng)站后選購商品——結(jié)帳的活動過程概述。
其中對
Add
to cart
的子流程做了描述，結(jié)帳流程不在本文描述范圍。
?
?
下一篇將進(jìn)行實(shí)體和接口的具體設(shè)計(jì)，請關(guān)注。
?
【轉(zhuǎn)載請注明出處！】
筆者現(xiàn)在
www
.probiz.cn
任項(xiàng)目主管，進(jìn)行基于
J2EE
電子商務(wù)套件的研發(fā)。
產(chǎn)品在線
demo
請垂閱：
http://demo.probiz.cn
后臺：http://demo.probiz.cn/StoreAdmin
筆者對
J
2EE
相關(guān)技術(shù)及電子商務(wù)方面有所研究，歡迎進(jìn)行交流。
QQ：16399476
MSN
：
yanchaomin
@hotmail.com