電子商務(wù)上機(jī)指導(dǎo)說(shuō)明書(shū)

1、上機(jī)指導(dǎo)說(shuō)明書(shū)實(shí)驗(yàn)?zāi)康模?、掌握電子商務(wù)網(wǎng)站的基本設(shè)計(jì)方法； 2、初步了解JJ2EE架構(gòu)構(gòu)用于電子商商務(wù)網(wǎng)站的設(shè)設(shè)計(jì)技術(shù)；3、掌握開(kāi)發(fā)所所需的數(shù)據(jù)庫(kù)庫(kù)服務(wù)器、中中間服務(wù)器和和相應(yīng)環(huán)境的的配置。實(shí)驗(yàn)步驟：環(huán)境配置1、下載安裝JJavaSDDK下載jdk1.6.0_005（下載地址：http:/javasse/dowwnloadds/inddex.jssp）。下載好的JJDK是一個(gè)個(gè)可執(zhí)行安裝裝程序，雙擊擊安裝。假設(shè)設(shè)安裝路徑為為：C:PPrograamFillesJaavajddk1.6.0_05（當(dāng)當(dāng)然其他路徑徑也可以）。JDK安裝完成成之后要設(shè)置置系統(tǒng)環(huán)境變變量：我的電腦點(diǎn)點(diǎn)右鍵，選擇擇“屬

2、性”，選擇“高級(jí)”標(biāo)簽，進(jìn)入入環(huán)境變量設(shè)設(shè)置。環(huán)境變變量設(shè)置，分分別設(shè)置環(huán)境境變量：JAAVA_HOOME在系統(tǒng)環(huán)境變量量那一欄中點(diǎn)點(diǎn)-新建JJAVA_HHOME （JJAVA_HHOME指向向的是JDKK的安裝路徑徑）。 變變量名： JJAVA_HHOME；變變量值： CC:Proogram FilessJavaajdk11.6.0_05設(shè)置JAVA_HOME量量的目的：為為了方便引用用，比如，JJDK安裝CC:Proogram FilessJavaajdk11.6.0_05目錄里里，則設(shè)置JJAVA_HHOME為該該目錄路徑, 那么以后后要使用這個(gè)個(gè)路徑的時(shí)候候, 只需輸輸入%JAVVA_

3、HOMME%即可, 避免每次次引用都輸入入很長(zhǎng)的路徑徑串等。 2、下載webb服務(wù)器下載apachhe-tommcat-66.0.200.exe文件件（下載地址址：httpp:/t/sourrce/166112966）。雙擊安裝裝。安裝目錄錄為如D:apachhe-tommcat-66.0.200。建立數(shù)據(jù)庫(kù) 本實(shí)驗(yàn)驗(yàn)使用acccess數(shù)據(jù)據(jù)庫(kù)。在acccess中中建立名為ddemo的數(shù)數(shù)據(jù)庫(kù)。建立立表名為gooods的數(shù)數(shù)據(jù)庫(kù)表。該該表包括5個(gè)個(gè)字段。編號(hào)號(hào)、名稱(chēng)、價(jià)價(jià)格、數(shù)量及及刪除標(biāo)志。如如下圖所示。程序設(shè)計(jì)1、建立主頁(yè)面面。利用Drreamwaave或Frrontpaage建立頁(yè)頁(yè)面名

4、為deefaultt.jsp的主主頁(yè)面。對(duì)應(yīng)應(yīng)代碼如下：SSH系統(tǒng)統(tǒng)操作演示/整個(gè)窗口顯顯示登錄界面面if (topp.frammes.leength 0) top.loocatioon = wwindoww.locaation; 相應(yīng)的現(xiàn)實(shí)為：2、建立錄入和和編輯頁(yè)面建立單擊“添加加”后的錄入頁(yè)頁(yè)面goodds.jspp。對(duì)應(yīng)代碼碼如下：分類(lèi)管理/取消functioon myRReset() documment.fforms0.reeset();/添加functioon mySSubmitt() if(!ccheck() retturn ffalse; documment.fforms0.s

5、uubmit();/返回functioon myBBack()windoww.naviigate(/gooods/gooodsPaageActtion.ddo);/提交驗(yàn)證functioon cheeck() if(issAllBllank(ddocumeent.alll(innfo.naame).valuee) aleert(名名稱(chēng)不能為空空！); doccumentt.all(e).foocus(); retturn ffalse; if(issAllBllank(ddocumeent.alll(innfo.prrices).vallue) aleert(價(jià)價(jià)格不能為空空！); doccu

6、mentt.all(infoo.pricces).focuss(); retturn ffalse; if(!iisPlussNumerric(doocumennt.alll(inffo.priices).valuue) aleert(價(jià)價(jià)格格式不對(duì)對(duì)，請(qǐng)輸入正正數(shù)！); doccumentt.all(infoo.pricces).focuss(); retturn ffalse; if(issAllBllank(ddocumeent.alll(innfo.nuumber).vallue) aleert(數(shù)數(shù)量不能為空空！); doccumentt.all(infoo.numbber).foc

7、uss(); retturn ffalse; if(!iisPlussNumerric(doocumennt.alll(inffo.nummber).valuue) aleert(數(shù)數(shù)量格式不對(duì)對(duì)，請(qǐng)輸入正正整數(shù)！); doccumentt.all(infoo.numbber).focuss(); retturn ffalse; returrn truue; inpuut typpe=hiidden namee=metthod valuee=/ &nbbsp; 商品管理 商品信息息 &nnbsp; 保&nbbsp;存 重&nbssp;置返&nbbsp;回 名&nbbsp;&nnbsp;&;&n

8、bspp;稱(chēng)  p;* 價(jià)&nbbsp;&nnbsp;&; p;格 &nbbsp;*&nbssp;元 數(shù)&nbbsp;&nnbsp;&; p;量 &nbbsp;*&nbssp;個(gè) 相應(yīng)結(jié)果如下：3、建立列表頁(yè)頁(yè)面建立名為gooodsLisst.jspp的列表頁(yè)面面，供主頁(yè)面面調(diào)用。代碼碼為：分類(lèi)管理/刪除functioon myDDel(sppanID) var iinfoIDDs = ggetNewwInfoIIDs(sppanID); if(innfoIDss = ) aleert(請(qǐng)請(qǐng)選擇所要?jiǎng)h刪除的信息！); retturn ffalse; if (cconfi

9、rrm(你確確認(rèn)要?jiǎng)h除指指定信息嗎？) winndow.nnavigaate(./gooods/gooodsLiistActtion.ddo?metthod=ddeletee&ids=+inffoIDs); /單個(gè)刪除functioon myDDeleteeForAllone(iinfoIdd) if (cconfirrm(你確確認(rèn)要?jiǎng)h除指指定信息嗎？) winndow.nnavigaate(./gooods/gooodsLiistActtion.ddo?metthod=ddeletee&ids=+innfoId+); /添加functioon myCCreatee() windoow.nav

10、vigatee(./goodss/gooddsActiion.doo?methhod=innputInnit);/編輯functioon myEEdit(iid) windoow.navvigatee(./goodss/gooddsActiion.doo?methhod=uppdateIInit&iid=+iid);/查看functioon mySShow(iid) windoow.navvigatee(./goodss/gooddsActiion.doo?methhod=shhow&idd=+idd);/頁(yè)面提示信信息 var mmethodd = ; if(meethod=dellete)

11、alert(刪除成功功！); elsee if(mmethodd=innput)alert(添加成功功！); elsee if(mmethodd=uppdate)alert(修改成功功！); &nbbsp; 商品管理 商品信息息列表 &nnbsp; 添&nnbsp;加加 刪&nnbsp;除除 名名 p;&nbssp;&nbbsp;&nnbsp;稱(chēng)稱(chēng) 價(jià)價(jià)格(元) 數(shù)數(shù)量(個(gè)) 操操 p;&nbssp;&nbbsp;&nnbsp;作作 inpuut typpe=chheckboox onnClickk=cheeckMyPParentt(spaanID,this.checkked,

12、iinfoIDD,alllChecckbox); nname=infoIID vaalue= a hhref= onCClick=myShhow();retuurn faalse; classs=t001 aa hreff= oonClicck=myyEdit();reeturn falsee; cllass=t01編輯/a href= onnClickk=myDDeleteeForAllone();retturn ffalse; claass=tt01刪刪除 inpuut typpe=hiidden namee=lisstSizee vallue= 實(shí)現(xiàn)結(jié)果如主頁(yè)頁(yè)面。4、建立查看商商品信息

13、頁(yè)面面 建立名名為goodssView.jsp的頁(yè)頁(yè)面。當(dāng)點(diǎn)擊擊商品名稱(chēng)時(shí)時(shí)彈出商品詳詳細(xì)信息。分類(lèi)管理/返回functioon myBBack()windoww.naviigate(/gooods/gooodsPaageActtion.ddo); &nbbsp; 商品管理 商品信息息查看 &nnbsp;返&nbbsp;回 名&nbbsp;&nnbsp;&; p;稱(chēng) 價(jià)&nbbsp;&nnbsp;&; p;格 &nnbsp;元元 數(shù)&nbbsp;&nnbsp;&; p;量 &nnbsp;個(gè)個(gè) 實(shí)現(xiàn)結(jié)果如下：其它配置 設(shè)toomcat安安裝在D盤(pán)。1、修改tommcat下

14、confCatallinallocalhhostRROOT.xxml中項(xiàng)目目存放地址；改為doccBase=D:ddemoWWebRooot2、項(xiàng)目下deemoWeebRoottdbddemo.mmdb為數(shù)據(jù)據(jù)庫(kù)文件，修修改demoosrcconfiigopertiies中數(shù)據(jù)據(jù)庫(kù)文件存放放地址；3、將上述源文文件保存到D:demoWebRoootgooods下。五、啟動(dòng)設(shè)計(jì)結(jié)結(jié)果1、啟動(dòng)tommcat。雙雙擊D:aapachee-tomccat-6.0.20bin下的的starttup文件。運(yùn)運(yùn)行結(jié)果如下下：關(guān)閉則雙擊shhutdowwn文件。圖7 tomccat啟動(dòng)界界面2、啟動(dòng)ie。在在

15、地址一欄輸輸入 HYPERLINK httpp:/loocalhoost/deefaultt.jsp httpp:/loocalhoost/deefaultt.jsp。并并檢測(cè)各項(xiàng)結(jié)結(jié)果。在頁(yè)面添加“作作者”列：1、配置javva環(huán)境變量量 在“用用戶(hù)變量”或者“系統(tǒng)變量”中，設(shè)置33項(xiàng)屬性，JJAVA_HHOME,PPATH,CCLASSPPATH(大大小寫(xiě)無(wú)所謂謂),若已存存在則點(diǎn)擊“編輯”，不存在則則點(diǎn)擊“新建”； 1、JJAVA_HHOME指明明JDK安裝裝路徑，就是是剛才安裝時(shí)時(shí)所選擇的路路徑D:jjavajjdk1.55.0_088； 2、PPath使得得系統(tǒng)可以在在任何路徑下下識(shí)

16、別javva命令，設(shè)設(shè)為：%JAAVA_HOOME%bbin；3、CLASSSPATH為為java加加載類(lèi)(cllass oor libb)路徑，只只有類(lèi)在cllasspaath中，jjava命令令才能識(shí)別，設(shè)設(shè)為：.;%JAVA_HOME%libdt.jaar;%JAAVA_HOOME%llibtoools.jjar （本本例子中不需需求再增加其其他類(lèi)）2、修改映射文文件：Gooods.hbbm.xmll，增加需要要增加的字段段“作者”，注意數(shù)據(jù)據(jù)類(lèi)型；3、修改對(duì)象文文件：Gooods.jaava，增加加“作者”新屬性，注注意和映射文文件匹配，并并增加gett、set方方法注意大小小寫(xiě)參照其

17、他他屬性的來(lái)編編寫(xiě)；4、編譯：到ccmd窗口中中，輸入jaavac 路路徑Gooods.jaava5、拷貝相關(guān)的的Goodss.hbm.xml、GGoods.classs到WEB-INFcclasseescnopeniicedeemomoodel中；6、修改顯示界界面：gooods.jssp、gooodsLisst.jspp、gooddsVieww.jsp 增加新的的字段如果是數(shù)據(jù)庫(kù)中中列名變化，只只需要改Gooods.hhbm.xmml映射文件件，匹配數(shù)據(jù)據(jù)庫(kù)就行，類(lèi)類(lèi)不改；界面面根據(jù)需要進(jìn)進(jìn)行修改。試驗(yàn)結(jié)果：運(yùn)行行IE得到如如下結(jié)果在頁(yè)面添加“產(chǎn)產(chǎn)地”列1、修改映射文文件：Gooods.hbbm.xmll，增加需要要增加的字段段“產(chǎn)地”，注意數(shù)據(jù)據(jù)類(lèi)型；2、修改對(duì)象文文件：Gooods.jaava，增加加新屬性，注注意和映射文文件匹配，并并增加gett、set方方法，注意大大小寫(xiě)，參照照其他屬性的的來(lái)編寫(xiě)；3.編譯：到ccmd窗口中中，輸入jaavac 路路徑Gooods.jaava4、拷貝相關(guān)的的Goodss.hbm.xml、GGoods.