e-shop电子商务系统详细设计书

1、e-shop电子商务系统使用说明书详细设计书江苏微软技术中心二零一零年九月版本履历版本号发行日更改对象更改内容拟制审查批准浏览101 网站默认首页102-用户登录303-商品详细5购买1001-购物车管理10订单管理1201 订单管理1202 .订单详细13商品目录管理1601 门类管理1602 .种类管理1703 商品信息列表1904-商品修改21购物车后台管理2201-购物车22浏览01-网站默认首页 画面图片defaultsearch the cstalogel search for m wordtchoose a departmentannhwsary balloonsbalkans

2、for childrenwelcome to balloonshop!this week we have a special price for these fantastic products:l*m younger than youwelcome backroses are red. motets are blue, but this baboon isnl a romantic balprict $12 99color whfe woody and buzz from toy story, on a round btfkoncolor whfe you're specialan

3、unusual heart-shaped balloon with th« words you're specialprice $12 99price $12 99color white color wh" mickey close-upbig congratulations balloondoes someone desew a special pal on the back? this bafloon is a per!price $12 99j, a close-up of mickey mouse on b blue< j heart stuped b

4、alloon check out o 'j price $12 99*!：color 'mite 功能详细说明1. 功能说明：用户进入本网站的首页2. 页面说明：左侧并排的分别是用户信息块;登录前:welcome!you are not logged in.登录登录后:hello, zhuyfl注梢ballo on shopcatalog admin检索输入模块，输入检索条件点击“go”则在页面右下部分显示检索 的结果；第页商品门类展示模块，点击某一个门类链接则在页面右部下分显示该门 类小对应种类的所有” promodepf'true"的商品；商品种类展示模块

5、，是门类模块的管理信息模块，点击门类会显示该 门类下的所有种类信息，点击某一种类链接则在页面右下部分显示该 种类的商品信息；choose a categorylove & romancebirthdaysweddings页面右上部分是商店的logo； |页面右下部分是内容展示部分：分为三种类型展示，1,进入网站首页 的展示信息；2,某一门类展示该门类的商品信息；3,某一种类展示 该种类的商品信息。3. 功能操作：点击某一 商品进入该商品的详细页面。 点击“登录”进入登录页面。页面右下部分的分页展示商品信息。 db操作项目显示来源db1操作目标db2表名字段名表名字段名门类的名称depa

6、rtmentname门类的iddepartmentdepartmentid种类的名称categoryname种类的idcategorycategoryld商品的名称productname商品的1dproductproductid商品的描述productdescription商品的价格productprice商品的属性 值名称productattributevalue,attributevaluevalue商品的属性 值idroductat tributevalueattributevaluel d商品的属性 名称productattri butevalue,attributevalue,att

7、ributename沟表示从数据库取得后在画面所要显示和隐藏的表利字段的名称。 探2表示传入数据库进行操作的表和字段的名称。02 用户登录 画面图片el search for al wordschoose a depaitmentaniwwsary bamoonsballoons for childrenloginuser namepasswordr«fnernb«f me next time功能详细说明1. 功能说明：用户登录。2. 页面说明：左侧并排的分别是用户信息块;登录前:welcome!you are not logged in.登录登录后:hello, zhuy

8、fl注誚ballo on shopcatalog admincart adminorders admin检索输入模块，输入检索条件点击“go”则在页面右下部分显示检索的结启商品门类展示模块，点击某一个门类链接则在页面右小部分显示该门类的商品信息;商品种类展示模块，是门类模块的管理信息模块，点击门类会显示该 门类下的所有种类信息，点击某一种类链接则在页面右下部分显示该种类的商品信息;choose a cate«love & romancebirthdaysweddings页面右上部分是商店的logo； 页面右下部分是用户登录模块3. 功能操作：输入用户登录信息点击“login”

9、按钮登录进入登录后的首页面:"加 ch tho calog love redgo |search for aw wordsproduct searchchoose a department anniversary ba cons ba. cons for childrenpage 1 of 4 |n«xtsmiley heart red balloonlove 24 karatred h«art-$hap«d balloon with a smileyf3ce pedec! forpricecolor whiteax heart-shaped bloon

10、 祕h “i l6 you" m script vrilmg gold hpnce: $12 99color vite funny lovepicture perfect love svringa red mart-shaped balloon wth a cute picture of “vo childctn kis&mgprice 512 99color white a red heart-shaped balloon with ”1 love you* wntttn on a wtiitt heartphce s12.99color whit® today,

11、 tomorrow & foreveri love you rosesa white heart-shaped balloon has "i love you* written on it and is beaprice s12 99color white white heart-shaped balloon with the words "today. tomorrow and foreverprice s12 99color white you searched for "love red*1page 1 of4|1 2 3 4 next db操作项目

12、显示来源db1操作目标db2表名字段名表名字段名usernamepassword沁表示从数据库取得后在画而所要显示和隐藏的表和字段的名称。 探2表示传入数据库进行操作的表和字段的名称。03-商品详乡 画面图片hello, zhuyfballoonshop logodalloonsbop catalog admmi love you (simon elvln)search the catalog search for 疋 wordschoose a deparlmenq annh&sary balloons balloons for childrenan adorable romanti

13、c balloon by simon ebin you'll fall in ica« with the cute bear bearing a bouquet of roses a heart with i lse you, and a cardprice: $121 99color: wme add to shoppng cart功能详细说明1. 功能说明：对该系统的详细说明。2. 页面说明：左侧并排的分别是用户信息块;登录前：检索输入模块，输入检索条件点击“go”则在页面右下部分显示检索 的结果；商品门类展示模块，点击某一个门类链接则在页面右小部分显示该门 类的商品信息

14、；商品种类展示模块，是门类模块的管理信息模块，点击门类会显示该 门类下的所有种类信息，点击某一种类链接则在页面右下部分显示该种类的商品信息;choose a cate«love & romancebirthdaysweddings页面右上部分是商店的logo； 页面右下部分是商品的详细信息;商品推荐roses are red. violets are blue、but this balloon isnt a romantic balloon at all. have a laugh, and tease someone olderprice: $12 99color: whi

15、te 3. 功能操作: 点击“add to shopping cart”把该商品信息放入购物车 包括:cartid:为购物车生成的唯一 id;（通过guid.newguido） productid:所购买商品的id ;attributes,:商品的属性，如:color:whilte点击推荐商品的名称进入该商品的详细页面。推荐逻辑是推荐和特定商品一起被购买的商品关联orderdetail表和orders表查询和该商品一起被购买的商品,取被购买次数多的前3个. db操作项目显示来源db1操作目标db2表名1字段名表名字段名商品idproduct商品名称product商品图片product商品描述p

16、roduct商品价格product商品的属性值名称productattributevalue,attributcvaluevalue商品的属性值idroductattributevalueattributevaluell)商品的属性名称productattributevalue, attributcvalue, attributenameshoppingcartcartidshoppingcartproductidshoppingcartquantityshoppingcartattributesshoppingcartdateaddedorderdetailproductnameorderd

17、etailproductid沟农示从数据库取得后在画血所要显示和隐藏的衣和字段的名称。 探2表示传入数据库进行操作的表和字段的名称。04-商品检索画面图片product searchyou searched for -lovepage 1 of 4nextsmiley heart red balloonpicture prftct lov* swinglov« 24 karatred heart-stiaped balloon with a smrfey face perfect forprice sv 99、/ color: white a red heart-shaped bal

18、loon xh "i love you' in script writing. gold h.pncc $12 99co*owhrte funny lovea red hean &hped balloon wth a cute pcture of two children kissing.price $12 99color wmq a red heart-shaped balloon *h '1 love you" wmten on a 曲i2 heartpnce: s12.99co*or white i love you rosesa white

19、hoart$hap机 balloon has 1 low you* v/rdten on it and is beaprice: $12 99color wm« today. tomorrow & forever： whitt heart-shaped balloon with th« wrd« ,. today. tomoaow and forever.7 pnce: s12.99 邇?" color white -page 1 of 4 if .1 2 3 4 next功能详细说明：简单搜索引擎根据用户输入的杳询信息和杳询的类型检索符合条件的

20、数据，并且在页面的右下部分展现:如果选择"search for all words"则说明是”全单词匹配",即把访问者输入的整个短语分离成独立的单词,搜索包含每个单词的商品;不选择则是"任一单词搜索二商 品必须至少包含所有输入单词的一个。（结合sqlserver的全文搜索，表 product 中"name"," description作为搜索字段） db操作项目显示来源db1操作目标db2表名字段名表名字段名门类的名称departmentname门类的iddepartmentdepartment!)种类的名称category

21、name种类的idcategorycategorytd商nn的名称productname商品的idproductproductid商品的描述productdescription商品的价格productprice商品的属性 值名称productattributevalue,attributcvaluevalue商品的属性 值droductattributevalueattributevaluel d商品的属性 名称productattri butevalue,attributevalue,attributename购买购买后的首页hello, zhuyf注曲 btfoonshop catalog

22、 admin cal admin orders adminx balloonshop logowelcome to balloonshop!tbit week we have a special price for these fantastic products:search lhe c加 atog1 search for all wordsi'm younger than youroses are r«l violets are blue, but this bdroon isn't a romantc balwtlcome backprice s12 99cok

23、x whitt anntvefsary balloonsyou're specialcart summary (vew details) 8 x i'm younger "than you 1 x welcome backcokx whitt an unusuai heart-shaped balloon with the words you're special *price s12 99toy storywood/ and buzz om toy story, on a round balloonprice: s12 99coior whitt tota

24、$116 91lg congratulations balloondoes someone deserve a special pat on the back? this balloon is a perfprice $12 99mickey close-upa close-up of mickey mouse on a blue heart-shaped balloon check out o j, pnce s12 99color white ;点击“view details”进入购物车货物管理页面01购物车画面图片search the catatoq search (or a words

25、x balloonshop logothese are the products in your shopping cart:choos® a departmentannwary baloonsdauocns for childrenrm younger than you$12 99color whitt.8s103 92deletewelcome backs1299color white:1s12moclclcproduct namepriceoptionsquantity subtotaltotal amount s116.91update quanwies | proc

26、1;«d to checkout功能详细说明1. 功能说明：用户查看购买的商品信息。2. 页面说明：左上部分是全文检索框；检索框下面是网站目前包含的所有门类;页面右侧是当前购物车中的商品信息。系统推荐的商品，即和购物车屮的货物曾经被英他客户一并购买过的商品。these are the products in your shopping cart:product namepriceoptionsquantitysubtotalim younger than yous12.99color: white;1s12.99deletetoy storys12.99color: white;1s

27、12.99deletemickey close-ups12.99colo匚 white;1s12.99deletetotal amount: $38.97update quantitiesproceed to checkouta great way to say welcome back!3. 功能操作:金文检索框在输入检索条件，点击“go”检索商品信息；点击门类链接展现门类的所有商品信息；点击购物车商品列表的“delete"则将该商品从购物车屮清除；点击列表下面的“update quantities”则重新计算购物车的商品信息包 括"subtotal” 和 utotal

28、amount” 值；点击 “proceed to checkout” 创 建新的订单，链接到paypal支付页面结账，同时将订购的商品信息存储 到数据库中（生成订单），清除该用户的购物车的货物信息推荐的商品:是和该购物车所有商品z前一起被销售并且次数最多的前 儿个商品，点击链接进入该商品的详细页血 db操作项目显示来源db1操作目标db2表名字段名表名字段名product nameshoppingcart,productnamepriceshoppingcartproductpriceoptionsshoppingcartattributesquantityshoppingcartquanti

29、tyshoppingcartquantityorderdetailproductnameorderdeta订productid表示从数据库取得后在画而所要显示和隐藏的表和字段的名称。 探2表示传入数据库进行操作的表和字段的名称。订单管理(adminorders)01-订单管理画面图片hello zhuyf注消 balloonshop catalog admin cart admin orders adminballoonshop admin ordersshow the most recent 20recordsshow all records created betweenandshow a

30、ll unverified, uncanceled orders p°show all verified uncompleted orders 色|功能详细说明1. 功能说明：管理员查看所有的订单，包拾根据paypal的支付反馈2. 页面说明：左上部分的是用户信息块；hello, zhuyf!注梢balloonshopcatalog admincart adminorders admin信息模块下面是4屮检索订单的方式;页面屮间部分是检索的订单列表。3. 功能操作：点击用户信息块的“注销”将进入登录页面；点击用户信息块的“ballonshop”进入首页；点击用户信息块的“caitad

31、mht进入购物车的后台页面;点击用户信息块的“order admiit进入订单的后台页面；点击“go”使用不同的检索订单方式；显示最近几笔订单；显示在特定时间段的订单；显示待处理订单；verified=o and canceled=l 显示需要发货的订单.verified=l and completed=0 点击订单列表中的“select”进入订单详细页面。 db操作项目显示来源db1操作目标db2表名字段名表名字段名orderldordersorderlddate createdordersdatecreateddate shippedordersdateshippedverifiedord

32、ersverifiedcompletedorderscompletedcanceledorderscanceledcustomer nameorderscustomername表示从数据库取得后在画而所要显示和隐藏的表和字段的名称。 探2表示传入数据库进行操作的表和字段的名称。02 订单详细画面图片hello, zhuyfl注梢 balloonshop catalog admin cart admin orders adminballoonshop admin order detailsdisplaying order #1total amount$14289date created9/20/

33、2010 11:26:00 amdate shippedstatusverifiedcompletedcanceledcomments:customer nameaddresscustomer emailedit 11mark order as verifiedwark order as completedmark order as canceledthe order contains these items:product idproduct namequantityunit costsubtotal22rm younger than you812 9900103 920033welcome

34、 back312 9900389700功能详细说明1. 功能说明：查看某订单的详细信息。2. 页面说明：左上部分的是用户信息块；hello, zhuyfl注術balloonshopcatalog admincart adminorders admin卜面是订单的基本信息；页面底部是订单中所购买的商殆信息。3. 功能操作：点击用户信息块的“注销”将进入登录页面；点击用户信息块的“ballonshop”进入首页；点击用户信息块的"cart admin"进入购物车的后台页面;点击用户信息块的"order admin-ffi入订单的后台页面；点击桂dil按钮是订单信息可编

35、辑，点击“update”则修改订单信息， 点击“cancel”则取消该订单；点击“mark order as verified”则将订 单设为"确认”状态；点击“mark order as completed”则将订单设为 “完成”状态；点击"mark order as canceled"则将订单设为“取消” 状态；并且会根据会根据订单的状态是相应的按钮有效：订单为“取 消”和“完成”状态则这些按钮全都不可用；订单刚生成则"mark order as verified "和 mark order as canceled v 按钮可用；订单式&q

36、uot;确 认”状态则"mark order as completed v 和 u mark order as canceled v 可用。 db操作项目显示来源db1操作目标d b2表名字段名表名字段名orderldordersordertddate createdordersdatecreatedordersdatecreateddate shippedordersdateshippedordersdateshippedverifiedordersverifiedordersverifiedcompletedorderscompletedorderscompletedcancel

37、edorderscanceledorderscanceledcustomer nameorderscustomernameorderscustomernamecomments:orderscommentsorderscommentsaddress:ordersshippingaddressordersshippingaddresscustomer emailorderscustomeremailorderscustomeremail海1表示从数据库取得后在画血所要显示和隐藏的表和字段的名称。 探2表示传入数据库进行操作的表和字段的名称。商品目录管理01 门类管理hello, zhuyf!bal

38、loonshop admin departments画面图片department namedepartment descriptionview categoriesanniversary balloonsthese sweet balloons are the perfect gift for someone you lowview categoriesmh deletebaloons for childrenthe colorful and funny balloons will make any child smile1view categoriesdeleteballoonshop ca

39、talog adrmncreate a new departmentnamedescriptioncreate department功能详细说明1. 功能说明：管理网站的门类信息。2. 页面说明：左上部分的是用户信息块；hello, zhuyfl注術ballo on shopcatalog admincart adminorders admin右上部分是页面的标题；小间部分是网站目前包含的所有门类；左下部分是创建新门类的信息输入。3. 功能操作：点击用户信息块的"注销”将进入登录页面；点击用户信息块的“ ballonsho芮进入首页；点击用户信息块的"cart admins

40、入购物车的后台页面;点击用户信息块的"order admina入订单的后台页面；点击门类列表的“view categories”进入种类管理贝面;点击门类列表的“编辑”该行进入编辑状态；点击门类列表的“delete”删除该行； 点击"create department”按钮增加门类; db操作项目显示来源。1彖1操作目标db2表名字段名表名字段名departmentnamedepartmentnamedepartmentnamedepartmentdescdepartmentdescriptiondepartmentdescriptiondepartmentiddepart

41、mentdepartmentiddepartmentdepartmentid表示从数据库取得后在i田ilhi所要显示和隐藏的表和字段的名称。 探2表示传入数据库进行操作的表和字段的名称。02种类管理画面图片balloonshop admincategories in anniversary balloonscat«?9o«y nanw?cfltngurylov« < romanc*here s our cq4<cmi o( telloons t rommcvitw producudm.(mhdtyittllhtppy &thd“ with cn

42、«zndt杓 1vwwproducti(«» 1weddingsgoing io aa collechnn al bafloom tor that nprctnlview product%orate si new cjtttgnryvihrni*功能详细说明1. 功能说明：管理网站某一门类下的种类信息;2. 页面说明：左上部分的是用户信息块；注涓ballo on shopcatalog admincart adminorders admin右上部分是页面的标题，标题的下一行是某一门类的名称；中间部分显示用户选择门类下的所有种类信息列表；左下部分是创建新种类的信息输

43、入。3. 功能操作：点击用户信息块的“注销”将进入登录页面；点击用户信息块的“ballonshop”进入首页；点击用户信息块的“cartadme进入购物车的后台页面；点击用户信息块的“order admirt进入订单的后台页面； 点击门类列表的“view products”进入产品详细页面；点击种类列表的“编辑”该行进入编辑状态；点击种类列表的“delete"删除该行；选择某一"门类''再点击"create catatory,?增加该门类下的商品种类. db操作项目显示来源db1操作目标db2表名字段名表名字段名category namecateg

44、orynamecategorynamecategory descriptioncategorydescriptioncategorydescriptioncategoryll)categorycategoryll)categorycategoryll)categorydepartmentid探1表示从数据库取得后在画面所要显示和隐藏的表和字段的名称。 探2表示传入数据库进行操作的表和字段的名称。03 商品信息列表画面图片balloonshop admin products in birthdayscreate e new product and assign kiomts cewoqrdetc

45、npuonpnc.000thumbamikpngpngopt pceopro-no crmte product功能详细说明1. 功能说明：管理网站某一种类下的所有商品（气球）；2. 页面说明:左上部分的是用户信息块;hello, zhuyf!注诸ballo on shopcatalog admincart adminorders admin右上部分是页面的标题，标题的下一行是某一种类的名称;小间部分显示用户选择某一种类下的所有商吊信息列表；左下部分是创建新商品的信息输入。3. 功能操作：点击用户信息块的“注销”将进入登录页面；点击用户信息块的“ballonshop”进入首页；点击用户信息块的“

46、caitaclmiit进入购物车的后台页面；点击用户信息块的"order admin"进入订单的后台页面；点击商品列表的“select”进入该商品的修改页i短点击商品列表的“编辑”该行进入编辑状态； db操作项目显示来源db1操作目标db2表名字段名表名字段名productidproductproductidproduct imageproductimageproductimageproduct nameproductnameproductdescriptionproductdescriptionproductdescriptionproductpricepriceprod

47、uctpricethumb fileproductthumb fileproductthumbnailtmage fileproductimage fileproductimageproductpromodeptdept. prom.productpromodeptproductpromofrontcat. promproductpromofrontcategoryll)productcategorycategoryll)productcategoryproductidproductcategorycategoryll)表示从数据床取得后在训血所要显示和隐藏的表和字段的名称。探2表示传入数据库进行操作的表和字段的名称。04 商品修改画面图片balloonshop admin products in birthdaysi love you (simon elvin)product belongs to these cat agones love & romance. birthdaysremove produc