課程設(shè)計--服裝企業(yè)網(wǎng)站課程設(shè)計

1、南 京 林 業(yè) 大 學(xué)課程設(shè)計報告學(xué)生姓名： 學(xué)號： 學(xué)生姓名： 學(xué)號： 學(xué)院(系) ： 專 業(yè)： 課程名稱： 網(wǎng)頁設(shè)計與網(wǎng)站建設(shè) 指導(dǎo)教師： 2012 年 06 月 05 日目錄 TOC o 1-3 h z u HYPERLINK l _Toc326779390 一、課程設(shè)計的目的與要求 PAGEREF _Toc326779390 h 3 HYPERLINK l _Toc326779391 二、系統(tǒng)設(shè)計的模塊分析 PAGEREF _Toc326779391 h 3 HYPERLINK l _Toc326779392 2.1 系統(tǒng)分析 PAGEREF _Toc326779392 h 3 HYP

2、ERLINK l _Toc326779393 業(yè)務(wù)流程分析 PAGEREF _Toc326779393 h 3 HYPERLINK l _Toc326779394 數(shù)據(jù)字典 PAGEREF _Toc326779394 h 4 HYPERLINK l _Toc326779395 2.2 系統(tǒng)設(shè)計 PAGEREF _Toc326779395 h 5 HYPERLINK l _Toc326779396 功能設(shè)計 PAGEREF _Toc326779396 h 5 HYPERLINK l _Toc326779397 系統(tǒng)運行環(huán)境與數(shù)據(jù)庫 PAGEREF _Toc326779397 h 6 HYPERL

3、INK l _Toc326779398 三、主頁設(shè)計 PAGEREF _Toc326779398 h 6 HYPERLINK l _Toc326779399 主頁 PAGEREF _Toc326779399 h 6 HYPERLINK l _Toc326779400 頁面頂部設(shè)計 PAGEREF _Toc326779400 h 7 HYPERLINK l _Toc326779401 頁面左部設(shè)計 PAGEREF _Toc326779401 h 8 HYPERLINK l _Toc326779402 頁面中部商品展示設(shè)計 PAGEREF _Toc326779402 h 10 HYPERLINK

4、l _Toc326779403 頁面底部設(shè)計 PAGEREF _Toc326779403 h 11 HYPERLINK l _Toc326779404 四、用戶注冊及登陸頁面 PAGEREF _Toc326779404 h 12 HYPERLINK l _Toc326779405 4.1 注冊功能設(shè)計 PAGEREF _Toc326779405 h 12 HYPERLINK l _Toc326779406 4.1.1 實現(xiàn)注冊功能的局部代碼設(shè)計 PAGEREF _Toc326779406 h 12 HYPERLINK l _Toc326779407 注冊頁面效果展示 PAGEREF _Toc3

5、26779407 h 18 HYPERLINK l _Toc326779408 登錄功能設(shè)計 PAGEREF _Toc326779408 h 19 HYPERLINK l _Toc326779409 登錄局部代碼設(shè)計 PAGEREF _Toc326779409 h 19 HYPERLINK l _Toc326779410 登錄效果展示 PAGEREF _Toc326779410 h 20 HYPERLINK l _Toc326779411 五、查詢功能設(shè)計 PAGEREF _Toc326779411 h 20 HYPERLINK l _Toc326779412 5.1 查詢局部設(shè)計代碼 PAG

6、EREF _Toc326779412 h 20 HYPERLINK l _Toc326779413 查詢效果展示 PAGEREF _Toc326779413 h 22 HYPERLINK l _Toc326779414 六、購物車設(shè)計 PAGEREF _Toc326779414 h 23 HYPERLINK l _Toc326779415 局部設(shè)計 PAGEREF _Toc326779415 h 23 HYPERLINK l _Toc326779416 驗證用戶登錄的代碼 PAGEREF _Toc326779416 h 26 HYPERLINK l _Toc326779417 購物車效果展示

7、PAGEREF _Toc326779417 h 26 HYPERLINK l _Toc326779418 七、結(jié)賬功能 PAGEREF _Toc326779418 h 27 HYPERLINK l _Toc326779419 結(jié)賬局部代碼設(shè)計 PAGEREF _Toc326779419 h 27 HYPERLINK l _Toc326779420 結(jié)賬效果展示 PAGEREF _Toc326779420 h 30 HYPERLINK l _Toc326779421 八、其余代碼設(shè)計 PAGEREF _Toc326779421 h 30 HYPERLINK l _Toc326779422 8.1

8、 商品查看功能 PAGEREF _Toc326779422 h 30 HYPERLINK l _Toc326779423 商品信息查看局部代碼設(shè)計 PAGEREF _Toc326779423 h 30 HYPERLINK l _Toc326779424 8.1.2 商品查看效果展示 PAGEREF _Toc326779424 h 33 HYPERLINK l _Toc326779425 用于與SQL SERVER數(shù)據(jù)庫建立連接的代碼 PAGEREF _Toc326779425 h 34一、課程設(shè)計的目的與要求通過服裝企業(yè)網(wǎng)站課程設(shè)計，進(jìn)一步掌握ASP的理論和方法。了解電子商務(wù)開發(fā)的過程，理解網(wǎng)

9、站設(shè)計的相關(guān)概念，掌握ASP網(wǎng)站建設(shè)的開發(fā)方法。主要包括：系統(tǒng)調(diào)研方法；業(yè)務(wù)分析、數(shù)據(jù)分析；數(shù)據(jù)庫設(shè)計、功能設(shè)計、物理模型設(shè)計方法；系統(tǒng)的實現(xiàn)等方法，完成一個小型系統(tǒng)的設(shè)計與開發(fā)。二、系統(tǒng)設(shè)計的模塊分析 系統(tǒng)分析2.1.1業(yè)務(wù)流程分析 圖2-1-1：業(yè)務(wù)流程圖主要業(yè)務(wù)流程如下：1用戶通過注冊得到會員資格；2用戶查看和搜索服裝信息；3用戶將所選服裝添加至購物車中；4用戶通過結(jié)算獲取商品總價格。2.數(shù)據(jù)字典1user表：name:用戶名pass：用戶密碼mail：電子郵件xingming：真實姓名shenfenzheng：身份證tel：聯(lián)系 qq：聯(lián)系QQtishi：密碼提示huida：問題答復(fù)i

10、d：自動編號IDdizhi：地址youbian： shijian1：用戶注冊時間shijian2：最后時間cishu：登陸的次數(shù)2shangpin表：jianjie:服裝信息簡介riqi:上架時間shichang:市場價格huiyuan：會員價格dengji:服裝質(zhì)量等級xinghao:服裝尺寸tupian:服裝圖片路徑shuoming:服裝說明beizhu:服裝備注信息id:自動編號IDmingcheng:商品名稱shuliang:商品數(shù)量cishu:單擊瀏覽次數(shù)2.2 系統(tǒng)設(shè)計2.功能設(shè)計主要功能如下：1用戶功能：用戶注冊、用戶登陸；2商品功能：商品顯示、商品搜索；3購置功能：購物車實現(xiàn)、

11、查看購物車信息、結(jié)帳功能的實現(xiàn)。 圖2：系統(tǒng)功能圖.2系統(tǒng)運行環(huán)境與數(shù)據(jù)庫需運行裝有IIS功能的效勞器上，配套SQL數(shù)據(jù)庫。三、主頁設(shè)計主頁包含頭部top.asp，左部left.asp.，中部center.asp，底部foot.asp。的設(shè)計代碼：聲雨竹-服裝 頁面效果如圖3-1-1 圖3-1-1局部代碼設(shè)計如下： 聲 雨 竹 女 士 服 裝 網(wǎng)站首頁 我的購物車 注銷退出 服裝信息查詢 頁面效果如圖3-2-1：圖3-2-1頁面左部設(shè)計L局部代碼設(shè)計如下： %if session(user) thenresponse.Write(您共登錄了 &session(cishu)+1& 次上次登錄：&

12、session(shijian)& 歡送 &session(user)& 用戶)else% 用戶名： 密碼： 頁面效果如圖3-3-1：圖3-3-1頁面中部商品展示設(shè)計中最新商品的局部代碼： a href=lookpro.asp?id= target=_blankimg src=upfile/ width=110 height=129 border=0 【】 【市場價：】 【會員價：】 a href=lookpro.asp?id= target=_blank【查看信息】 【a href=gouwu.asp?ProdId=購置商品】 【瀏覽次數(shù)：】 頁面效果如圖3-4-1：圖3-4-1 F代碼設(shè)計

13、: CopyRight © 2021 聲雨竹服裝 頁面效果如圖3-5-1：圖3-5-1 四、用戶注冊及登陸頁面 注冊功能設(shè)計 實現(xiàn)注冊功能的局部代碼設(shè)計:%if request(action)=add then隱藏提交 action 的值如果為 add sql=select * from user where name=&trim(request(user)&;首先按提交的用戶名查詢數(shù)據(jù)庫set rs=Server.CreateObject(ADODB.Recordset)rs.open sql,conn,3,3if not rs.eof then如果記錄集沒有到結(jié)尾的話沒有到結(jié)尾其實

14、就是說有相應(yīng)的數(shù)據(jù)response.Write(alert(該用戶名已經(jīng)被注冊);history.back();)提示更換其他用戶名進(jìn)行注冊response.End()因為我們確保用戶名是唯一的end ifset rs=nothingsql=select * from userset rs=Server.CreateObject(ADODB.Recordset)rs.open sql,conn,3,3以寫入方式翻開rs.addnew添加新的記錄rs(name)=trim(request(user)rs(pass)=trim(request(pass)rs(mail)=trim(request(

15、mail)rs(youbian)=trim(request(youbian)rs(xingming)=trim(request(xingming)rs(shenfenzheng)=trim(request(shenfenzheng)rs(tel)=trim(request(tel)rs(qq)=trim(request(qq)rs(tishi)=trim(request(tishi)rs(huida)=trim(request(huida)rs(dizhi)=trim(request(dizhi)rs(shijian1)=now()注冊時間rs(cishu)=0登錄次數(shù)設(shè)置為0set rs=n

16、othingresponse.Write(alert(注冊成功！);window.location.href=index.asp;)end if%function checkemail(mail)var str=mail;var Expression=/w+(-+.w+)*w+(-.w+)*.w+(-.w+)*/;var objExp=new RegExp(Expression);if(objExp.test(str)=true)return true;elsereturn false;function chk()if (document.myform.user.value=)document

17、.myform.user.focus();alert(請輸入用戶名！);return false;if (document.myform.pass.value=)document.myform.pass.focus();alert(請輸入密碼！);return false; if (document.myform.mail.value=)document.myform.mail.focus();alert(請輸入電子郵件！);return false;if(!checkemail(document.myform.mail.value) document.myform.mail.focus();

18、 alert(郵箱地址格式不正確，請重新輸入!); return false;if (document.myform.youbian.value=)document.myform.youbian.focus();alert(請輸入 ！);return false;if (document.myform.xingming.value=)document.myform.xingming.focus();alert(請輸入真實姓名！);return false;if (document.myform.tel.value=)document.myform.tel.focus();alert(請輸入聯(lián)系

19、 ！);return false;if (document.myform.shenfenzheng.value=)document.myform.shenfenzheng.focus();alert(請輸入身份證！);return false;if (document.myform.dizhi.value=)document.myform.dizhi.focus();alert(請輸入地址！);return false;if (document.myform.qq.value=)document.myform.qq.focus();alert(請輸入聯(lián)系qq！);return false;if

20、 (document.myform.tishi.value=)document.myform.tishi.focus();alert(請輸入密碼提示！);return false;if (document.myform.huida.value=)document.myform.huida.focus();alert(請輸入密碼答復(fù)！);return false; 用戶注冊 用戶名： 密碼： 電子郵件： 郵編： 姓名： 電話： 身份證： 地址： 聯(lián)系QQ： 密碼提示： 問題答復(fù)： 注冊頁面效果展示頁面效果如圖4-1-1： 圖4-1-1實現(xiàn)效果：假設(shè)存在輸入信息不符合，將跳出對話框警告如圖4-1-

21、2 圖4-1-2 登錄局部代碼設(shè)計：%將用戶登錄和退出寫在同一個文件內(nèi)，以接收到的 login 值進(jìn)行判斷if request(login)=out thensession(cishu)=session(shijian)=session(user)=去除所有與用戶有關(guān)的信息，并轉(zhuǎn)向到首頁response.Redirect(index.asp)response.End()end if按用戶名進(jìn)行查詢sql=select * from user where name=&trim(request(user)&;set rs=Server.CreateObject(ADODB.Recordset)rs

22、.open sql,conn,3,3if not rs.eof then如果用戶名存在將數(shù)據(jù)庫中存儲的密碼和用戶提交的密碼進(jìn)行比擬 if rs(pass)=trim(request(pass) then將相關(guān)的信息寫到 session 內(nèi)，以便隨時獲取session(shijian)=rs(shijian2)session(cishu)=rs(cishu)session(user)=trim(request(user)rs(shijian2)=now()最后一次登錄時間，也就是當(dāng)前時間rs(cishu)=rs(cishu)+1登錄次數(shù)加1response.Redirect(index.asp)

23、成功后轉(zhuǎn)到首頁else如果密碼不一樣session(user)=session(cishu)=session(shijian)=response.Write(alert(用戶名或密碼錯誤！);window.location.href=index.asp;)response.End() 去除所有與用戶有關(guān)的信息，并轉(zhuǎn)向到首頁end ifelse如果用戶名不存在session(user)=session(cishu)=session(shijian)=response.Write(alert(用戶名或密碼錯誤！);window.location.href=index.asp;)response.E

24、nd() 去除所有與用戶有關(guān)的信息，并轉(zhuǎn)向到首頁end ifset rs=nothing%登錄效果展示頁面實現(xiàn)效果如圖4-2-1： 圖4-2-1假設(shè)用戶名不存在，那么彈出對話框圖4-2-2： 圖4-2-2五、查詢功能設(shè)計5.1 查詢局部設(shè)計代碼如下：%sql=select * from shangpin where mingcheng like %&request(search)&%set rs=Server.CreateObject(ADODB.Recordset)rs.open sql,conn,1,1if rs.eof And rs.bof thenResponse.Write 對不起，

25、暫無內(nèi)容！elsers.pagesize=10SafeRequest(request(page)page=clng(request(page)if page a href=lookpro.asp?id= target=_blank input type=hidden name=search value= 其中頁面跳轉(zhuǎn)代碼如下%if page1 thenresponse.Write(第一頁)response.Write(上一頁)end if response.Write(當(dāng)前 &page& 頁)response.Write(條 &rs.recordcount&/&rs.pagecount& 頁)

26、if pagers.pagecount thenresponse.Write(下一頁)response.Write(最末頁)end ifresponse.Write(跳轉(zhuǎn)到頁)end ifset rs=nothing%頁面實現(xiàn)效果：(1)如果無此服裝信息，效果如下列圖5-2-1：圖5-2-1(2)有服裝信息效果圖如下列圖5-2-2： 圖5-2-2六、購物車設(shè)計6.1 局部設(shè)計代碼：%if request(ProductList)=ProductList then清空購物車Session(ProductList)=response.Write(alert(您的購物車為空!);window.loc

27、ation.href=index.asp;)end ifProductList = Session(ProductList)取得 Session 中的值N個商品 ID 賦值給變量 ProductListProducts = Split(Request(Prodid), ,)以逗號分割,賦值給變量 Products 此時變量 Products 以數(shù)組形式存在For I=0 To UBound(Products)按數(shù)組的最大下標(biāo)進(jìn)行循環(huán) PutToShopBag Products(I), ProductList調(diào)用過程并返回參數(shù)商品 ID ，保存商品 ID 的變量 ProductListNextS

28、ession(ProductList) = ProductList將處理后的變量 ProductList 的值寫入到 Session 里Sub PutToShopBag( Prodid, ProductList )定義過程，只有調(diào)用時才可以使用 If Len(ProductList) = 0 Then如果變量 ProductList 的值長度為0等同與值為空 ProductList =Prodid將變量 ProductList 賦值為商品 ID ，也就是第一次購物的記錄 ElseIf InStr( ProductList, Prodid ) = 0 Then判斷變量 ProductList 里

29、面是否有商品 ID 的存在 ProductList = ProductList&, &Prodid &屢次購物，將多個商品 ID 以逗號分隔組成一個字符串賦值給變量 ProductList End IfEnd SubIf Request(update) = update Then隱藏提交，目的：修改商品及數(shù)量 ProductList = 清空購物車 Products = Split(Request(ProdId), , )取得表單提交的商品 ID 并賦值 For I=0 To UBound(Products)按數(shù)組的最大下標(biāo)進(jìn)行循環(huán) PutToShopBag Products(I), Prod

30、uctList調(diào)用過程并返回參數(shù)商品 ID ，保存商品 ID 的變量 ProductList Next Session(ProductList) = ProductList將處理后的變量 ProductList 寫入到 Session 里，完成了修改商品及數(shù)量的目的End IfIf Len(Session(ProductList) = 0 Thenresponse.Write(alert(您的購物車為空!);window.location.href=index.asp;)end if% 編 號 商 品 名 稱 數(shù)量 市場價 會員價 成交價小 計 %Sum = 0價格總記Quatity = 1商

31、品數(shù)量,初始值為1Quatity = Request.Form( Q_ & rs(ID)接收表單提交的商品數(shù)量，使用這種接收方法的目的下面表單局部介紹If Quatity = 0 Then判斷是否第一次購物Quatity = Session(rs(ID)對應(yīng)變量 Quatity 進(jìn)行賦值以前存儲的商品數(shù)量If Quatity input type=CheckBox name=ProdId value= Checked input type=hidden name=shuliang value= a href=lookpro.asp?ID= target=_blank input type=Te

32、xt name= value= size=2 class=form input type=hidden name=xiaoji value= 清空購物車總計： 的：%if request(class)class thenif session(user)= thenresponse.Write(alert(請先登錄！);window.location.href=index.asp;)end ifelseif session(user)= thenresponse.Write(alert(請先登錄！);parent.window.location.href=index.asp;)因為在商品分類我們使用框架結(jié)構(gòu)end ifend if%頁面效果:1假設(shè)用戶未登錄那么不能查看購物車信息，跳出如下對話框圖6-3-1：圖6-3-12用戶登陸并購置服裝后點擊我的購物車可顯示下列圖6-3-2： 圖6-3-2七、結(jié)賬功能局部代碼設(shè)計:%if request(ProductList)=ProductList then清空購物車Session(ProductList)= response.Write(alert(您的購物車為空!);window.location.href=index.asp;)response.End()end if% 編 號 商 品 名 稱 數(shù)量 市場