【正文】 t end if else 39。用戶初次購物時 redim ary(1) redim ary2(1) redim ary3(1) ary(0)=(name) ary2(0)=int((jiage)) ary3(0)=1end if session(array)=arysession(array2)=ary2session(array3)=ary3() end if end if %3）頁面設計白敏：基于 web 的服飾推廣系統(tǒng)開發(fā) 36 圖 39 購物車模塊界面圖 服飾試穿效果展示模塊將用戶感興趣的服飾進行搭配，可直觀地展示試穿效果。 當單擊所欲試穿的服飾，即可將衣服穿到模特身上。雙擊身上衣服圖片即可將衣服脫下。 1）執(zhí)行過程 利用層的重疊、便于移動、可設為隱藏等的特點，服飾試穿將 model和服飾都設置為層，運用 javascript 函數(shù)傳參實現(xiàn)。上身頁面f r a m eX X . h t m下身頁面f r a m eX X . h t m試穿頁面s h i c h u a n . a s p試穿首頁s h i c h u a n . a s p單擊穿衣雙擊脫衣試穿效果展示圖 310 服飾試穿效果展示模塊執(zhí)行過程圖2022屆網(wǎng)絡工程專業(yè)畢業(yè)設計（論文） 37 2）關鍵代碼script language=javascriptfunction tClotheOn(dID,cFile,imgWidth,imgHeight,oLeft,oTop,zi){var appDiv = (div)。var lt=getOfxy()。 = ()+w。 //返回對象的字符串表示//定義層的各屬性var cssStr =position:absolute。left:。cssStr+=parseInt(lt[0])+parseInt(oLeft)。//返回由字符串轉(zhuǎn)換得到的整數(shù)cssStr+=。top: cssStr+=parseInt(lt[1])+parseInt(oTop)。cssStr+=。border:none。width:60。height:60。zindex:。 cssStr+=zi。=cssStr=A onDblClick=\tClotheOff(39。++39。)。\IMG height=+imgHeight+ src=+cFile+ width=+imgWidth+ border=0 /A(appDiv)。}function tClotheOff(dID){ var appDiv=(dID)。 if(appDiv){ (appDiv)。}}function getOfxy(){ var lt = new Array(2)白敏：基于 web 的服飾推廣系統(tǒng)開發(fā) 38 if(model!=null){ lt[0]=。 lt[1]=。 return lt。}}3）頁面設計圖 311 服飾試穿效果展示模塊界面圖2022屆網(wǎng)絡工程專業(yè)畢業(yè)設計（論文） 39 第 4章 系統(tǒng)難點及對策此系統(tǒng)為服飾推廣系統(tǒng)，須將所推廣服飾進行搭配試穿，能夠直觀的看到所選服飾的搭配效果。目前該技術可借鑒的資料較少，作者曾試用不同方法來實現(xiàn)均不理想。最后借用層的技術，效果明顯，系統(tǒng)響應時間也沒有因為大量圖片的存在而下降，具體實現(xiàn)方法如下:(1) 利用層技術，在層中插入圖片將所推廣的服飾在展示頁面中插入圖層，實現(xiàn)可視化。將服飾相對于模特定位好后就可以看到的正確搭配效果。(2) 使用 frame 將所搭配的服飾分類成上裝與下裝，點擊按鈕時，更換frame 框架的顯示服飾，用 javascript 函數(shù)實現(xiàn)一個 frame。具體實現(xiàn)的算法如下：function changeIframe(iName,iType){if(iType==”clothe”){=iName+”.htm”。}else if(iType==”skirt”){=iName+”.htm”。}}width=120 onClick=”getOfxy()?！?DIVP input type=”button” name=”shichuan/chenshan” value=”襯衫” onClick=”changeIframe(,’clothe’)?！? input type=”button” name=”shichuan/maoshan” value=”毛衫” onClick=”changeIframe(,’clothe’)?！? input type=”button” name=”shichuan/txue” value=”T 恤” onClick=”changeIframe(,’clothe’)。” input type=”button” name=”shichuan/waitao” 白敏：基于 web 的服飾推廣系統(tǒng)開發(fā) 40 value=”外套” onClick=”changeIframe(,’clothe’)。” (3) 定義好層的各層屬性后， 頁面中將各層的屬性參數(shù)用函數(shù) function tClotheOn 參數(shù)傳遞，即可改變所展示的服飾的搭配效果。具體實現(xiàn)的算法如下：function tClotheOn (dID,cFile,imgWidth,imgHeight,oLeft,oTop,zi){var appDiv = (“div”)。var lt=getOfxy()。 = ()+”w”。 //返回對象的字符串表示var cssStr =”position:absolute。left:”。 //定義層的各屬性cssStr+=parseInt(lt[0])+parseInt(oLeft)。//返回由字符串轉(zhuǎn)換得到的整數(shù)cssStr+=”。top:” cssStr+=parseInt(lt[1])+parseInt(oTop)。cssStr+=”。border:none。width:60。height:60。zindex:”。 cssStr+=zi。=cssStr=”A onDblClick=\”tClotheOff(‘”++”’)。\”IMG height=”+imgHeight+” src=”+cFile+” width=”+imgWidth+” border=0 /A”(appDiv)。} WEB頁面的分頁顯示實現(xiàn)了插入商品記錄，如何顯示商品記錄，接著下面的問題就是：隨著信息內(nèi)容的不段增加，單獨通過一張頁面顯示所有信息是不合理的。因此需要借用分頁技術。使用 的功能來分頁，用手工建立recordset 對象，利用其 pagesize（每頁指定顯示記錄數(shù)） ，pagecount（總頁2022屆網(wǎng)絡工程專業(yè)畢業(yè)設計（論文） 41 碼數(shù)）和 absolutepage（當前頁碼數(shù)）屬性來控制分頁的輸出。分頁采用＜href＞直接帶頁碼參數(shù)的方法來控制翻頁。本系統(tǒng)由于信息量較大，所以多數(shù)商品展示頁面都需使用數(shù)據(jù)記錄分頁顯示，尤其是在全部新品上市和特價頁面等上面，通過如下代碼制定每頁顯示的記錄數(shù)和當前代碼：%set _rs=(“”) =10 pages=(“page”) if pages=”” then pages=1 end if _sq=”select * from tab_shangpinxinxi where shifoutuijian=’1’” _sq,conn,1,3 if not or not then =cint(pages) row=0 i=1 while not and row i=i+1%使用如下代碼為其他頁面添加超鏈接：% if 1 then %% if pages=1 then %trtd align=”right”a href=”?link=tuijianamp。page=%=(pages+1)%”下一頁/a/td/tr% else%% if cint(pages) then %trtd align=”right”白敏：基于 web 的服飾推廣系統(tǒng)開發(fā) 42 a href=”?link=tuijianamp。page=%=(pages1)%”上一頁/aa href=”?link=tuijianamp。page=%=(pages+1)%”下一頁/a/td/tr % else %trtd align=”right”a href=”?link=tuijianamp。page=%=(pages1)%”上一頁/a/td/tr % end if %% end if % 用戶選中服飾生成訂單后，系統(tǒng)如何區(qū)分不同的訂單呢？為使訂單號不重復且容易分辨，作者采用一個 Javascript 函數(shù)，按照用戶所購買的日期與時間自動獲取訂單值。 script language=”javascript” function number(){ today=new Date()。 a=()。 b=()+1。 c=()。 d=()。 e=()。 f=()。 =a+””+b+””+c+””+d+””+e+””+f。 =a+””+b+””+c+””+d+””+e+””+f。 }2022屆網(wǎng)絡工程專業(yè)畢業(yè)設計（論文） 43 /script白敏：基于 web 的服飾推廣系統(tǒng)開發(fā) 44 結 論從需求分析到具體的設計和開發(fā)，系統(tǒng)采用基于 WEB 的 B/S 架構，借助于 ASP+SQL Server 2022 實現(xiàn)了服飾購物平臺的基本功能與服飾搭配效果，彌補以往購物的局限性，提高服飾的銷售量和推廣程度,提高工作效率，具有較好的交互性。系統(tǒng)在信息化，規(guī)范化，系統(tǒng)化，網(wǎng)絡化等方面都具有較強的表現(xiàn)，使整個購物過程簡單、方便、易行。當然，系統(tǒng)還不是很完善，存在一定的問題，總體設計還顯得粗糙。由于對設計商務網(wǎng)站缺乏實際的經(jīng)驗，因此對商務網(wǎng)站所具有的功能，頁面元素的構成、顏色地選取等方面考慮得還不夠全面，開發(fā)工具也相對簡單。但系統(tǒng)目前已經(jīng)實際運行，為個人服飾的展示提供了網(wǎng)絡平臺。 2022屆網(wǎng)絡工程專業(yè)畢業(yè)設計（論文） 45 畢業(yè)設計小結本次服飾推廣系統(tǒng)設計中盡管遇到了很多的問題，但最終實現(xiàn)了網(wǎng)站的會員管理、信息修改、添加和修改信息查詢?yōu)g覽與服飾試穿等功能。通過這次畢業(yè)設計，作者對軟件開發(fā)的整個過程及網(wǎng)站開發(fā)的實施步驟有了更深刻的認識與體會：首先是對配置 WEB 站點有了實際的體會。它讓作者能夠理論與實踐結合，在實際操作中去驗證書本上的理論并加深對理論的理解。其次，在掌握了 ASP 基本技術的基礎上，能夠養(yǎng)成良好的編程風格，對編程過程有很大的幫助。再次，時?？偨Y自己的經(jīng)驗教訓，累積一些經(jīng)驗，善于發(fā)現(xiàn)問題，然后去尋找答案，盡量在以后的編程過程中不會再犯類似錯誤。盡管此系統(tǒng)還有待改進，功能還不一定很完善，但是作者從中學到了很多知識與經(jīng)驗，無論是在設計技巧還是在開發(fā)經(jīng)驗上都較之以前有了很大的飛躍。最重要的是作者對軟件開發(fā)體系有了深刻的認識，在軟件開發(fā)中能夠應用軟件工程的思想來分析解決問題。 白敏：基于 web 的服飾推廣系統(tǒng)開發(fā) 46 致 謝在本次畢業(yè)設計過程中，作者得到了老師和同學們的熱情幫助，在此，要向他們致以最真誠的謝意！尤其要感謝在這整個過程中給予作者大力支持和詳細指導的王理老師，從總體設計到論文寫作都給予很多幫助、意見和建議。還有趙靜和李井同學，作者遇到的許多困難與問題的解決，都與她們的幫助分不開。感謝計算機科學與技術學院的各位老師，感謝他們提供了良好的學習環(huán)境。特別感謝他們在學習、工作等方面給予的無微不至的指導與幫助。在此，向各位老師獻上最誠摯的敬意和謝意。　另外，感謝班級里曾在設計過程中給予熱情幫助或提出寶貴意見的其他同學，大家相互學習，相互交流，共同進步，在這里也向他們致以最衷心的感謝。2022屆網(wǎng)絡工程專業(yè)畢業(yè)設計（論文） 47 參考文獻[1]賈佳,郝洪明 .ASP 與 SQL Server 網(wǎng)站[M].北京:機械工業(yè)出版社,2022 年1 月第一版.[2]郭瑞軍,李杰 , 數(shù)據(jù)庫開發(fā)實例精粹[M].北京:電子工業(yè)出版社,2022 年 8 月第一版.[3]賽奎春,王國輝等 .ASP 工程應用與項目實踐[M].北京:機械工業(yè)出版社,2022 年 4 月第一版.[4][M].北京:航空工業(yè)出版社,2022 年 11 月第一版.[5] 程序設計 [M].北京:電子工業(yè)出版社,2022 年 2 月.[6]薩師煊,王珊 .數(shù)據(jù)庫系統(tǒng)概論[M].北京:高等教育出版社,2022 年 2 月第三版.[7] MX 2022 中文版[M].北京:清華大學出版社,2022 年 9月第一版.[8]+SQL Server 動態(tài)網(wǎng)站開發(fā)從基礎到實踐[M]. 北京: 電子工業(yè)出版社,2022 年 8 月.[9]Dusan Server 2022 基礎教程[M].