【導(dǎo)讀】發(fā)布，而是渴望著能夠充分享受網(wǎng)絡(luò)所帶來(lái)的更加多的便利。網(wǎng)絡(luò)購(gòu)物正適應(yīng)了當(dāng)今社。會(huì)快節(jié)奏地生活，使顧客足不出戶便可以方便快捷輕松地選購(gòu)自己喜歡的商品。用JSP技術(shù)開(kāi)發(fā)的網(wǎng)上購(gòu)物系統(tǒng)。他分前臺(tái)部分和后臺(tái)部分，前臺(tái)部。接信息管理等功能。本系統(tǒng)利用了Java、Mysql等開(kāi)發(fā)工具。系統(tǒng)主要完成了用戶注冊(cè)，商品瀏覽及購(gòu)。這些操作和功能采用了模塊化設(shè)計(jì)方法，根據(jù)用戶的需求及程。序的應(yīng)用與維護(hù)的易用性，將各個(gè)部分置于不同的模塊當(dāng)中，方便了程序的擴(kuò)展與維護(hù)，同時(shí)建立了程序功能復(fù)用的基礎(chǔ)。能的電子商務(wù)網(wǎng)站。

　　

【正文】 block。textalign: center。樂(lè)途網(wǎng)購(gòu)物系統(tǒng) /font /div div class=topmenu cbody1 ul li class=thisclass A href=/wlgw/qiantai/商城首頁(yè) /A /li li class=thisclass A href= onClick=reg()用戶注冊(cè) /A /li li class=thisclass 大連交通大學(xué)信息工程學(xué)院 2020 屆本科生畢業(yè)設(shè)計(jì)（論文） 18 A href= onClick=myXinxi()我的信息 /A /li li class=thisclass A href= onClick=myCart()我的購(gòu)物車(chē) /A /li li class=thisclass A href= onClick=myOrder()我的訂單 /A /li li class=thisclass A href= onClick=liuyanAll()我要留言 /A /li /ul /div form id=searchForm action=/wlgw/ method=post div class=topsearch div class=title/div div id=page_search_left 系統(tǒng)前臺(tái)基本功能設(shè)計(jì)與實(shí)現(xiàn) 本節(jié)對(duì)系統(tǒng)前臺(tái)主要功能設(shè)計(jì)進(jìn)行詳細(xì)的說(shuō)明。 用戶維護(hù)模塊 由于網(wǎng)上購(gòu)物必須保證用戶的正確性、購(gòu)物的安全性，需要對(duì)用戶資料進(jìn)行有效的管理，因此用戶管理是電子商務(wù)網(wǎng)站的重要內(nèi)容。它主要包括用戶注冊(cè)、登錄和驗(yàn)證、用戶注冊(cè)資料的修改更新和用戶注銷(xiāo)等功能。 1．注冊(cè) 用戶單擊注冊(cè)后需要輸入密碼和確認(rèn)密碼、用戶真實(shí)姓名、住址、性別、 E_mail、。用戶只須填寫(xiě)一個(gè) Web 表單。這里需要 用戶通過(guò) E_mail 注冊(cè)是考慮到兩點(diǎn)：第一，用戶的 E_mail 是惟一的；第二，通過(guò)用戶的 E_mail 可以很方便快捷的與用戶取得聯(lián)系。用戶在提交注冊(cè)信息后，系統(tǒng)會(huì)對(duì)注冊(cè)頁(yè)面填寫(xiě)的正確性進(jìn)行檢查。對(duì)于不符合要求的填寫(xiě)會(huì)給出必要的提示，并返回修改；對(duì)于符合要求的注冊(cè)表單，用戶提交信息后也要返回相應(yīng)的歡迎信息，用戶提交的正確注冊(cè)信息將被存入系統(tǒng)的數(shù)據(jù)庫(kù)中。界面的設(shè)計(jì)如圖 52 所示。 大連交通大學(xué)信息工程學(xué)院 2020 屆本科生畢業(yè)設(shè)計(jì)（論文） 19 圖 52 用戶注冊(cè)模塊 function check1() { if(==) { alert(請(qǐng)輸入用戶名 )。 return false。 } if(==) { alert(請(qǐng)輸入密碼 )。 return false。 } if(!=) { alert(兩次密碼不一致 )。 return false。 } ()。 } /script 用 戶 注 冊(cè) /th /tr 大連交通大學(xué)信息工程學(xué)院 2020 屆本科生畢業(yè)設(shè)計(jì)（論文） 20 tr td width=20% height=30 align=right bgcolor=F9F9F9 style=fontsize: 11px。 用戶名： /td td width=80% bgcolor=FFFFFF input type=text name=userName id=userName/ /td /tr tr td height=30 align=right bgcolor=F9F9F9 style=fontsize: 11px。 密 碼： /td td bgcolor=FFFFFF input type=password name=userPw/ /td /tr tr td height=30 align=right bgcolor=F9F9F9 style=fontsize: 11px。 密碼確認(rèn)： /td td bgcolor=FFFFFF input type=password name=userPw1/ /td /tr tr 2．登錄和驗(yàn)證 （ 1）用戶登錄程序流程描述 當(dāng)用戶輸入用戶名和密碼后首先要進(jìn)行身份驗(yàn)證，如果用戶存在，則成功登錄，反之，如果用戶不存在，提示錯(cuò)誤信息 “輸入的用戶名或密碼不存在，請(qǐng)注冊(cè) ”，返回登錄大連交通大學(xué)信息工程學(xué)院 2020 屆本科生畢業(yè)設(shè)計(jì)（論文） 21 界面重新輸入用戶名和密碼。 對(duì)于本系統(tǒng)的購(gòu)物過(guò)程而言，在用戶瀏覽商品時(shí)，可以不進(jìn)行登錄，只有在使用購(gòu)物車(chē)時(shí)，才需要登錄，以完成整個(gè)購(gòu)物過(guò)程。用戶登錄用于驗(yàn)證用戶的用戶名和密碼，然后決定顧客進(jìn)入系統(tǒng)進(jìn)行操作，如進(jìn)行用戶修改的操作，購(gòu)物車(chē)和結(jié)帳的操作等。界面的設(shè)計(jì)如 圖 53 所示。 圖 53 用戶登錄模塊 3．用戶修改和注銷(xiāo) （ 1）實(shí)現(xiàn)目標(biāo) 已注冊(cè)的用戶只要登錄本系統(tǒng)后便可以通過(guò)單擊用戶修改按鈕進(jìn)行用戶修改操作，在此頁(yè)面中用戶可以更改自己的帳戶和詳細(xì)信息，如可以修改密碼、修改 Email 地址等個(gè)人信息。通過(guò)點(diǎn)擊提交按鈕完成修改操作。界面的設(shè)計(jì)如圖 54 所示。 圖 54 用戶修改模塊 form action=%=path %/ name=form1 method=post table width=98% border=0 align=center cellpadding=0 cellspacing=1 bgcolor=CCCCCC tr td width=20% height=30 align=right bgcolor=F9F9F9 style=fontsize: 11px。 用戶名： /td 大連交通大學(xué)信息工程學(xué)院 2020 屆本科生畢業(yè)設(shè)計(jì)（論文） 22 td width=80% bgcolor=FFFFFF input type=text name=userName id=userName readonly=readonly value=${ }/ /td /tr tr td height=30 align=right bgcolor=F9F9F9 style=fontsize: 11px。 密 碼： /td td bgcolor=FFFFFF input type=password name=userPw value=${ }/ /td /tr tr td height=30 align=right bgcolor=F9F9F9 style=fontsize: 11px。 真實(shí)姓名 ： /td td bgcolor=FFFFFF input type=text name=userRealname value=${ }/ /td /tr 生活用品展示模塊 1．實(shí)現(xiàn)目標(biāo) 為了方便顧客選購(gòu)商品，本系統(tǒng)采用了兩種展示產(chǎn)品的方式。一種是以類別查詢?yōu)榛A(chǔ)查看商品，另外一種是新品上架、特價(jià)產(chǎn)品和銷(xiāo)售排行的 展臺(tái)。以銷(xiāo)售排行查看生活用品為例，顧客在首頁(yè)的的銷(xiāo)售排行即可查看銷(xiāo)售排行，方便顧客查看暢銷(xiāo)的生活用品相關(guān)信息及詳細(xì)信息。界面的設(shè)計(jì)如圖 55 所示。 大連交通大學(xué)信息工程學(xué)院 2020 屆本科生畢業(yè)設(shè)計(jì)（論文） 23 圖 55 銷(xiāo)售排行模塊 div class=page_row !左 邊的 div class=page_main_msg left ! 排行榜 div class=left_row div class=list pic_news div class=list_bar 排行榜 /div div id=tw class=list_content div style=width:100%。overflow:hidden。whitespace:nowrap。 table width=100% align=left cellpadding=0 cellspacing=0 border=0 tr td table width=100% cellpadding=0 cellspacing=0 border=0 tr td sytle=height:28px。 dl style=width:100%。height:130px。paddingright:10px。 dd style=marginleft:0。 a href=/wlgw/?goodsId=1 大連交通大學(xué)信息工程學(xué)院 2020 屆本科生畢業(yè)設(shè)計(jì)（論文） 24 img width=105 height=110 src=/wlgw//upload// /a /dd dt 富光 空杯 購(gòu)物車(chē)模塊 1．購(gòu)物車(chē)程序流程描述 用戶選購(gòu)商品后添加到購(gòu)物車(chē)中，在購(gòu)物車(chē)中進(jìn)行查看，同時(shí)對(duì)不滿意的產(chǎn)品可以進(jìn)行移除，對(duì)要購(gòu)買(mǎi)的產(chǎn)品可以調(diào)整數(shù)量，移除產(chǎn)品和清空產(chǎn)品。用戶決定購(gòu)買(mǎi)產(chǎn)品后可以去收銀臺(tái)進(jìn)行結(jié)賬。 圖 56 購(gòu)物車(chē)模塊 script type=text/javascript function modiNum(goodsId,quantity) { var r1= /^[09]*[19][09]*$/ //正整數(shù) var val=(quantity)。 //str為你要判斷的字符 執(zhí)行返回結(jié)果 true 或 false if(val==false) { alert(數(shù)量必須是數(shù)字 ,請(qǐng)重新輸入 )。 } else { 大連交通大學(xué)信息工程學(xué)院 2020 屆本科生畢業(yè)設(shè)計(jì)（論文） 25 (indicator1).=block。 (goodsId,quantity,callback)。 } } function callback(data) { (indicator1).=none。 if(data==no) { alert(庫(kù)存不足 )。 } (true)。 } function delGoodsFromCart(goodsId) { (indicator1).=block。 (goodsId,cal