【導(dǎo)讀】本論文主要闡述網(wǎng)上商城的設(shè)計(jì)思想和實(shí)現(xiàn)的關(guān)鍵技術(shù)。后臺(tái)包括產(chǎn)品管理、用戶管理、留言管理、新聞管理、訂單管理、第一部分課題的背景和課題的意義。景、研究意義、系統(tǒng)功能分析以及系統(tǒng)開發(fā)工具及環(huán)境。JSP技術(shù)的介紹，JavaBean特點(diǎn)與結(jié)構(gòu)特征，JDBC技術(shù)及實(shí)現(xiàn)方法。庫(kù)概念分析、數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì)以，以及數(shù)據(jù)庫(kù)連接模塊、登錄模塊。

　　

【正文】 貨地址 songhuo varchar(100) NO 產(chǎn)品名稱 products int NO 數(shù)量 sums int NO 單格 price int NO 總價(jià) zongjia int NO 訂購(gòu)時(shí)間 dates varchar(50) NO 標(biāo)記 flag varchar(50) NO 表 46 liuyan 表 字段名稱 列名 數(shù)據(jù)類型 允許空 留言 id id int NO 姓名 name varchar(50) NO 聯(lián)系電話 phone varchar(50) NO 電子郵箱 varchar(50) NO 留言內(nèi)容 neirong varchar(500) NO 回復(fù) huifu varchar(500) NO 時(shí)間 shijian datetiame NO 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì)說明書（畢業(yè)論文） 31 第 5章 系統(tǒng)實(shí)現(xiàn) 前臺(tái)設(shè)計(jì) 網(wǎng)站前臺(tái)部分主要提供給用戶使用，是系統(tǒng)對(duì)外的窗口。主要包括公司首頁(yè)、查看新聞，產(chǎn)品展示，用戶留言管理等幾個(gè)部分。由于篇幅有限，本文只對(duì)部分模塊的實(shí)現(xiàn)進(jìn)行描述。 (1)前臺(tái)模塊功能介紹 ：用戶打開系統(tǒng)后，可以查看公司首頁(yè)信息。 ：用戶打開系統(tǒng)后，可以查看新聞信息。 ：用戶打開系統(tǒng)后，可以查看關(guān)于我們的信息。 ：用戶打開系統(tǒng)后，可以查看企業(yè)介紹信息。 ：用戶打開系統(tǒng)后，可以查看榮譽(yù)證書信息。 展示：用戶打開系統(tǒng)后，可以查看產(chǎn)品展示信息。 ：用戶登錄系統(tǒng)后，可以查看發(fā)表留言信息。 ：用戶打開系統(tǒng)后，可以搜索產(chǎn)品信息。 （ 2）購(gòu)物網(wǎng)站首頁(yè)運(yùn)行結(jié)果如以下所示： 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì)說明書（畢業(yè)論文） 32 圖 注冊(cè)和登錄模塊 用戶在購(gòu)物系統(tǒng)的主頁(yè)上，單擊“個(gè)人用戶注冊(cè)”連接，如圖，注冊(cè)信息保存在 。 圖 部分關(guān)鍵代碼如下： 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì)說明書（畢業(yè)論文） 33 script language=javascript function o(ids) { var id = ids。 (id).className=to。 } function p(ids) { var id = ids。 (id).className=in。 } function reg() { var pattern = /^[azAZ09]+$/。 var ints = /^[09]+$/。 var s = /^([azAZ09]+[_|\_|\.]?)*[azAZ09]+@([azAZ09]+[_|\_|\.]?)*[azAZ09]+\.[azAZ]{2,3}$/。 if (!() ) { alert(用戶名只能包含字母、數(shù)字 !)。 ()。 return false。 } 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì)說明書（畢業(yè)論文） 34 else if ( 3 ) { alert(用戶名長(zhǎng)度最少 3個(gè)字符 !)。 ()。 return false。 } else if (!() ) { alert(密碼只能包含字母、數(shù)字 !)。 ()。 return false。 } else if ( 3 ) { alert(密碼長(zhǎng)度最少 3個(gè)字符 !)。 ()。 return false。 } else if ( == ) { alert(請(qǐng)輸入真實(shí)姓名 !)。 ()。 return false。 } 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì)說明書（畢業(yè)論文） 35 else if ( == ) { alert(請(qǐng)輸入職業(yè) !)。 ()。 return false。 } else if ( == ) { alert(請(qǐng)輸入 qq號(hào)碼 !)。 ()。 return false。 } else if (!()) { alert(電子郵箱格式錯(cuò)誤 (例如 )!)。 ()。 return false。 } else if (!()) { alert(聯(lián)系電話格式錯(cuò)誤 (例如 02412345678)!)。 ()。 return false。 } 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì)說明書（畢業(yè)論文） 36 else if ( == ) { alert(請(qǐng)輸入聯(lián)系地址 !)。 ()。 return false。 } else if (!()) { alert(郵政編碼只能是數(shù)字 !)。 ()。 return false。 } else if ( == ) { alert(請(qǐng)輸入密碼提示問題 !)。 ()。 return false。 } else if ( == ) { alert(請(qǐng)輸入密碼提示答案 !)。 ()。 return false。 } 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì)說明書（畢業(yè)論文） 37 } 用戶登錄 用戶登錄頁(yè)面主要用來(lái)接收用戶輸入的用戶名和密碼，并更新用戶在網(wǎng)站中的狀態(tài)信息。會(huì)員登錄窗口的運(yùn)行結(jié)果如圖所示。 如圖 用戶登錄 if(al == null || () == 0){ str = error。 (message, 用戶名或密碼錯(cuò)誤！ )。 }else{ str = ok。 HttpSession session = ()。 (userlogin, al)。 (message, 登錄成功！ )。 } 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì)說明書（畢業(yè)論文） 38 商品瀏覽 用戶在商品顯示頁(yè)面對(duì)具體商品進(jìn)行詳細(xì)了解，并在商品顯示頁(yè)面對(duì)商品進(jìn)行訂購(gòu)，已注冊(cè)的會(huì)員還可以對(duì)商品進(jìn)行咨詢或者評(píng)論等。 如圖 body table class=skd background=%=path%/img/ height=420 tr td align=centertable width=100% tr td height=5/td /tr /table % ArrayList products = ()。 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì)說明書（畢業(yè)論文） 39 % div id=formwrapper h3 產(chǎn)品展示 /h3 form action=%=path %/?mark=geren method=post name=form1 onSubmit=return reg() fieldset % for(int i = 0。i ()。i++){ ArrayList alRow = (ArrayList)(i)。 ArrayList dalei = ((1).toString())。 ArrayList xiaolei = ((2).toString())。 % table width=100% border=0 cellspacing=0 cellpadding=0 tr td width=44% rowspan=7 align=centera href=%=path %/users/?id=%=(0) %img src=%=path %/%=(23) % width=200 height=150 border=0/a/td td width=56% height=25所屬大類： a href=%=path %/users/?daleistr=%=(0) 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì)說明書（畢業(yè)論文） 40 %%=(1) %/a/td td width=56% rowspan=7 align=centera href=%=path %/users/?id=%=(0) %img src=%=path %/img/ border=0/a/td /tr tr td height=25 所屬小類： a href=%=path %/users/?xiaoleistr=%=t(0) %%=(2) %/a/td /tr tr td height=25 產(chǎn)品名稱：%=(3) %/td /tr tr td height=25 產(chǎn)品生產(chǎn)商：%=(4) %/td /tr tr td height=25 產(chǎn)品樣式：%=(5) %/td /tr tr td height=25 產(chǎn)品長(zhǎng)度： 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì)說明書（畢業(yè)論文） 41 %=(6) %/td /tr tr td height=25 電池壽命：%=(15) %/td /tr /tablehr %} % /fieldset /form /div table width=100% tr td height=5/td /tr /table/td /tr /table /body 詳細(xì)訂單 如果用戶對(duì)商品滿意并購(gòu)買商品， 填好訂單信息和商品數(shù)量后，便跳轉(zhuǎn)到訂單列表信息，運(yùn)行效果圖如下： 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì)說明書（畢業(yè)論文） 42 如圖 body table class=skd background=%=path%/img/ height=420 tr td align=centertable width=100% tr td height=5/td /tr /table div id=formwrapper h3 我的訂單 /h3 form action=%=path %/ method=post name=form1 onSubmit=return reg() % ArrayList orders = null。 String str = 。 內(nèi)蒙古科技大學(xué)畢業(yè)設(shè)計(jì)說明書（畢業(yè)論文） 43 if((3).equals(geren)){ orders = (where geren=+(0))。 str = gerenorders。 }else{ orders = (where qiye=+(0))。 str = qiyeorders。 } %