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

　　

【正文】 block。textalign: center。樂途網(wǎng)購物系統(tǒng) /font /div div class=topmenu cbody1 ul li class=thisclass A href=/wlgw/qiantai/商城首頁 /A /li li class=thisclass A href= onClick=reg()用戶注冊 /A /li li class=thisclass 大連交通大學(xué)信息工程學(xué)院 2020 屆本科生畢業(yè)設(shè)計（論文） 18 A href= onClick=myXinxi()我的信息 /A /li li class=thisclass A href= onClick=myCart()我的購物車 /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)前臺基本功能設(shè)計與實現(xiàn) 本節(jié)對系統(tǒng)前臺主要功能設(shè)計進(jìn)行詳細(xì)的說明。 用戶維護(hù)模塊 由于網(wǎng)上購物必須保證用戶的正確性、購物的安全性，需要對用戶資料進(jìn)行有效的管理，因此用戶管理是電子商務(wù)網(wǎng)站的重要內(nèi)容。它主要包括用戶注冊、登錄和驗證、用戶注冊資料的修改更新和用戶注銷等功能。 1．注冊 用戶單擊注冊后需要輸入密碼和確認(rèn)密碼、用戶真實姓名、住址、性別、 E_mail、。用戶只須填寫一個 Web 表單。這里需要 用戶通過 E_mail 注冊是考慮到兩點：第一，用戶的 E_mail 是惟一的；第二，通過用戶的 E_mail 可以很方便快捷的與用戶取得聯(lián)系。用戶在提交注冊信息后，系統(tǒng)會對注冊頁面填寫的正確性進(jìn)行檢查。對于不符合要求的填寫會給出必要的提示，并返回修改；對于符合要求的注冊表單，用戶提交信息后也要返回相應(yīng)的歡迎信息，用戶提交的正確注冊信息將被存入系統(tǒng)的數(shù)據(jù)庫中。界面的設(shè)計如圖 52 所示。 大連交通大學(xué)信息工程學(xué)院 2020 屆本科生畢業(yè)設(shè)計（論文） 19 圖 52 用戶注冊模塊 function check1() { if(==) { alert(請輸入用戶名 )。 return false。 } if(==) { alert(請輸入密碼 )。 return false。 } if(!=) { alert(兩次密碼不一致 )。 return false。 } ()。 } /script 用 戶 注 冊 /th /tr 大連交通大學(xué)信息工程學(xué)院 2020 屆本科生畢業(yè)設(shè)計（論文） 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．登錄和驗證 （ 1）用戶登錄程序流程描述 當(dāng)用戶輸入用戶名和密碼后首先要進(jìn)行身份驗證，如果用戶存在，則成功登錄，反之，如果用戶不存在，提示錯誤信息 “輸入的用戶名或密碼不存在，請注冊 ”，返回登錄大連交通大學(xué)信息工程學(xué)院 2020 屆本科生畢業(yè)設(shè)計（論文） 21 界面重新輸入用戶名和密碼。 對于本系統(tǒng)的購物過程而言，在用戶瀏覽商品時，可以不進(jìn)行登錄，只有在使用購物車時，才需要登錄，以完成整個購物過程。用戶登錄用于驗證用戶的用戶名和密碼，然后決定顧客進(jìn)入系統(tǒng)進(jìn)行操作，如進(jìn)行用戶修改的操作，購物車和結(jié)帳的操作等。界面的設(shè)計如 圖 53 所示。 圖 53 用戶登錄模塊 3．用戶修改和注銷 （ 1）實現(xiàn)目標(biāo) 已注冊的用戶只要登錄本系統(tǒng)后便可以通過單擊用戶修改按鈕進(jìn)行用戶修改操作，在此頁面中用戶可以更改自己的帳戶和詳細(xì)信息，如可以修改密碼、修改 Email 地址等個人信息。通過點擊提交按鈕完成修改操作。界面的設(shè)計如圖 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è)計（論文） 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。 真實姓名 ： /td td bgcolor=FFFFFF input type=text name=userRealname value=${ }/ /td /tr 生活用品展示模塊 1．實現(xiàn)目標(biāo) 為了方便顧客選購商品，本系統(tǒng)采用了兩種展示產(chǎn)品的方式。一種是以類別查詢?yōu)榛A(chǔ)查看商品，另外一種是新品上架、特價產(chǎn)品和銷售排行的 展臺。以銷售排行查看生活用品為例，顧客在首頁的的銷售排行即可查看銷售排行，方便顧客查看暢銷的生活用品相關(guān)信息及詳細(xì)信息。界面的設(shè)計如圖 55 所示。 大連交通大學(xué)信息工程學(xué)院 2020 屆本科生畢業(yè)設(shè)計（論文） 23 圖 55 銷售排行模塊 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è)計（論文） 24 img width=105 height=110 src=/wlgw//upload// /a /dd dt 富光 空杯 購物車模塊 1．購物車程序流程描述 用戶選購商品后添加到購物車中，在購物車中進(jìn)行查看，同時對不滿意的產(chǎn)品可以進(jìn)行移除，對要購買的產(chǎn)品可以調(diào)整數(shù)量，移除產(chǎn)品和清空產(chǎn)品。用戶決定購買產(chǎn)品后可以去收銀臺進(jìn)行結(jié)賬。 圖 56 購物車模塊 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ù)字 ,請重新輸入 )。 } else { 大連交通大學(xué)信息工程學(xué)院 2020 屆本科生畢業(yè)設(shè)計（論文） 25 (indicator1).=block。 (goodsId,quantity,callback)。 } } function callback(data) { (indicator1).=none。 if(data==no) { alert(庫存不足 )。 } (true)。 } function delGoodsFromCart(goodsId) { (indicator1).=block。 (goodsId,cal