【導(dǎo)讀】建立了蘇寧易購的銷售網(wǎng)站系統(tǒng)。本系統(tǒng)便是嘗試用JSP在網(wǎng)絡(luò)上架構(gòu)一個動態(tài)的電子商務(wù)網(wǎng)站，它是在WindowsXP下，訂單管理、個人資料管理模塊；后臺主要包括商品管理、訂單處理、用戶信息管理模塊。

　　

【正文】 前臺登錄使用 submit 這個點(diǎn)擊登錄按鈕觸發(fā)的事件，用 ajax 的 post 方法請求后臺登陸檢查 checkLogin 這個 servlet，定義 servlet 中了兩個變量 flag 和 number， String flag=0， int number=0， flag 設(shè)為 0，表示用戶名不存在 ,1 表示用戶名存在密碼錯誤 ,2表示驗證通過 3表示驗 證碼錯誤， number 設(shè)為 0， 0表示用戶名不存在 ,1表示用戶名存在密碼錯誤 ,2表示驗證通過，調(diào)用檢查用戶 checkUser 類里面的 find（）方法，執(zhí)行 selcet 查詢語句，查詢出來的結(jié)果以結(jié)果集返回，然后遍歷結(jié)果集 while(()){num=2。}通過用戶名查詢數(shù)據(jù)庫中對應(yīng)的用戶對象，通過驗證獲得 num 的值，返回到 checkLogin,在進(jìn)行if 判斷，得到 flag 的值。 number=(yhm, mm)。 if(!(yzm2)){ flag=3。 }else if((yzm2) amp。amp。 number==0){ flag=0。 第 22 頁 共 34頁 }else if((yzm2) amp。amp。 number==1){ flag=1。 }else if((yzm2) amp。amp。 number==2){ flag=2。 } 然后創(chuàng)建一個 session，把用戶明和密碼放入 session 中，以備下一個頁面進(jìn)行提取應(yīng)用 HttpSession session=(),(yhm,yhm),sess (mm,mm)。 商品管理模塊 進(jìn)入主頁面后，用戶可以根據(jù)自己喜好瀏覽頁面上的商品，通過 ul無序列表實現(xiàn)了頁面上的菜單功能，還可以根據(jù)商品名稱進(jìn)行搜索。商品顯示頁面如圖 44所示。 圖 44 商品顯示圖 前臺頁面 中沒有任何數(shù)據(jù)，是通過 中的 ajax 獲得數(shù)據(jù)的，$.getJSON(/SNYG/servlet/zYMTuP,null,function(data)跳到主頁面圖片的 Servlet 中，該類中定義一個 map，里面放了四種商品， value 是四種商品的 list 集合。 Map String,ListSpxx map=new HashMapString,ListSpxx()。 (rxsp,())。 (xpsp,())。 (lxsp,())。 第 23 頁 共 34頁 (rysp,())。 Gson gson=new Gson()。//將 map 以 json 的格式返回到頁面 ((map))。 通過 ZYMTuPCl 類中 getRxlist()方法跳轉(zhuǎn)的對應(yīng)的熱銷產(chǎn)品的實現(xiàn)類中，再通過 sql語句 select * from t_spxx where rxzt=1 and rownum=5 查找到商品，然后循環(huán)遍歷商品，把商品再放到 list 中。最后通過 ajax 循環(huán)變量商品信息并將商品輸出到頁面中。 for(var item in data){ if(item==rxsp){ var rxsp=data[item]。 for(var i=0。i。i++){ var str=a href=39。/SNYG/huang/? + img src=39。+rxsp[i].tplj+39。class=39。img139。 + title=39。+rxsp[i].spmc+:+rxsp[i].spjg+元 39。//a。 $(rxsp).append(str)。} 將商品顯示到主頁面后，可以點(diǎn)擊商品通過商品編號顯示商品 的具體信息，商品信息如圖 45 所示。 圖 45 商品信息圖 具體商品顯示頁面中的值是在 js 中取的，先 定義一個臨時商品變量 tmpspbh， 用 ajax的 get 方式請求， 當(dāng)進(jìn)入頁面是加載 ShowSpService 這個 Servlet,先獲得從商品顯示頁面 第 24 頁 共 34頁 傳遞過來的商品編號， 根據(jù)商品編號 從后臺商品信息表中查詢到這個商品編號的商品， 創(chuàng)建一個商品的對象 sp，把遍歷的商品放入這個 new 的新對像中，先判斷結(jié)果集是否為空，如果為空先遍歷結(jié)果集 ()，再判斷傳遞過來的商品是否為空，不為空的話將tmpspbh 和 sp 進(jìn)行比較，再把 tmpspbh 賦值給 sp，最后將它以 json 格式輸出到 jsp頁面中。$.get(/SNYG/Servlet/showSpService,{spbh:tmpspbh},function(json){ $(tplj).attr(src,)。$(.spms).html()。$(hidden_spbh).val()。$(spjg).html()。$(text_spsl).val(1)。$(spks).html()$ (spys).html()。$(spmc).html()。$(splx).html( )。},json) 購物車管理模塊 將商品具體信息顯示出來之后就可以將商品加入購物車了，也可以選擇一鍵購買，購物車頁面如圖 46所示。 圖 46 購物車圖 購物車原理是用 session 實現(xiàn)的， session 里面放了一個 list。加入購物車的流程是：先在 中用 val()方法獲取元素的值，定義一個 String 類型的 變量 var str =/SNYG/servlet/newAddSpCart?spbh=+spbh+amp。spsl=+spsl+amp。spjg=+spjg+amp。spys=+ spys。設(shè)置它的屬性 $(yjgm).attr(href,str)。跳轉(zhuǎn)到加入購物車的那個 Servlet,用request 獲取從頁面?zhèn)鬟f過來的參數(shù)值，新建一個 session,定義一個購物車 cart,將其放入session 中，將其轉(zhuǎn)換成 ShoopingCart。刪 除購物車要調(diào)用購物車實體類 ShoopingCart 里面的 remoreSp（）方法， 若要展示購物車，先判斷購物車是否為空，如果不為空則遍歷返回的 list。 第 25 頁 共 34頁 HttpSession session = (false)。 //將 cart轉(zhuǎn)換成 ShoopingCart類型 ShoopingCart cart = (ShoopingCart) (cart)。 if(cart!=null amp。amp。 delete.equals(action)){//刪除購物車 (spbh)。 if(().size()==0){ (cart)。 }else{ (cart, cart)。} //使用重定向技術(shù)跳轉(zhuǎn)跳到購物車頁面 (/SNYG/huang/)。 return。} 如果在沒有登陸的前提下先瀏覽了商品，然后直接點(diǎn)擊一鍵購買，是不 能實現(xiàn)的，一般登陸之后就需要重新挑選商品，本系統(tǒng)中使用了一個 action標(biāo)志，來標(biāo)記剛瀏覽過的商品，跳到登陸頁面登陸之后會直接跳到剛剛瀏覽到的頁面，不需要重新瀏覽了。 var str=/SNYG/huang/?spbh=+$(hidden_spbh).val()+amp。spsl=+spsl+amp。spjg=+spjg+amp。spys=+spys+amp。action=yjgm。 根據(jù) id獲取到一鍵購買，然后對此元素的屬性進(jìn)行設(shè)置 $(yjgm).attr(href,str)。 訂單管理模塊 將商品加入購物車之后去結(jié)算，提交用戶的一些信息，就可以提交訂單將數(shù)據(jù)插入到后臺訂單明細(xì)表中，之后生成訂單，訂單頁面如果 47所示。 圖 47 訂單查詢圖 點(diǎn)擊刪選按鈕時，觸發(fā)一個 click事件，跳轉(zhuǎn)到訂單查詢的那個 servlet，獲取頁面?zhèn)鬟f 第 26 頁 共 34頁 過來的 data2=$(sp).val()==商品名稱 /定單號 ?:$(sp).val()值，根據(jù)商品名稱或者訂單編號進(jìn)行精確刪選，首先從 session中獲得登錄用戶名，并將其轉(zhuǎn)換為 String類型， if(()!=null){yhm=(String)().getAttribute(yhm)。然后判斷它是否存在，調(diào)用訂單處理類里面的 getIsGLY()方法判斷是否是管理員， int isgly=(yhm)。然后判斷該用戶名是否是管理員，如果 isgly等于 0，說明使用戶，則是前臺訂單查詢。然后調(diào)用訂單操作實現(xiàn)類里面的 ddCxFy()方法，執(zhí)行 sql語句，遍歷結(jié)果集，將訂單放到 list當(dāng)中，最后匹配 list當(dāng)中的每一個元素，來執(zhí) 行 function函數(shù)，判斷該訂單是否已經(jīng)付款。 $.each(,function(i,item){ var ddzt =。 var cz = 。 if(==1){ ddzt=已經(jīng)付款 。 cz =a href=\\評價 /a。 }else if(==0){ ddzt=等待付款 。 cz =a href=\/SNYG/huang/?ddbm=++\ 付款 /a。 } 后臺功能的設(shè)計與實現(xiàn) 后臺只有管理員才能登陸，管理員登陸進(jìn)去之后對系統(tǒng)進(jìn)行維護(hù)，管理員是不能注冊的，只能由默認(rèn)的 admin 新增。管理可以進(jìn)行用戶管理，商品管理和訂單管理 [20]。 管理員登錄模塊 每一個系統(tǒng)都是有后臺的，是由后臺管理員管理的，通過 sql 語句進(jìn)行對后臺數(shù)據(jù)庫進(jìn)行增刪改查操作，后臺管理員可以對系統(tǒng)的各個模塊進(jìn)行管理，后臺管理員登陸頁面如圖 48所示。 第 27 頁 共 34頁 圖 48 管理員登陸圖 后臺登陸使用 form 表單提交的方式跳轉(zhuǎn)到登陸控制的那個 serverLoginControl 類中，formname=dlformid=dlformaction=/SNYG/servlet/serverLoginControlmethod=get，頁面初始化時，調(diào)用 init()方法，將焦點(diǎn)定位到帳號 $(yhm).focus()。賬號，密碼都不能為空，驗證原理同前臺是一樣的。 用戶查詢模塊 前臺注冊的用戶可以在后臺顯示顯示出來，管理可以對其進(jìn)行查詢、修改、刪除，查詢可以根據(jù)用戶名查詢，查詢用戶頁面如圖 49所示。 圖 49 用戶查詢圖 點(diǎn)擊用戶查詢超鏈接時通過 form 表 單進(jìn)行提交，跳轉(zhuǎn)到 queryYH_ByYhmControl 這個servlet ， form name=cx id=cx action=/SNYG/servlet/queryYH_ByYhmControl method=get，在 servlet 中，用 ListYh list= ()獲取用戶對象的 list,(list,list)再將 list設(shè)置成一個元素，然后跳轉(zhuǎn)到 jsp頁面， (/ht_yhgl/)，將元素 list 值返回頁 第 28 頁 共 34頁 面 forward(request,response)。 調(diào)用 queryYHService中的 QueryYH()查詢方法，連接到后臺數(shù)據(jù)庫，執(zhí)行 sql語句 select t_yhxx.*, from t_yhxx,t_yh where =(+) and =1，獲取所有用戶對象，放入 list 中，再通過 ()方法放入名為 list 的變量中，通過 request轉(zhuǎn)發(fā)跳轉(zhuǎn)到 ， c:forEach items=${list} var=yh varStatus=status，用 JSTL 標(biāo)簽 c:forEach 進(jìn)行用戶 list 的遍歷。 商品管理模塊 要想實現(xiàn)購買必須前臺要有商品才行，通過后臺添加商品，把商品信息插入到后臺數(shù)據(jù)庫表中，商品添加的頁面如圖 410 所示。 圖 410 商品添加圖 使是用 JSTL 標(biāo)簽添加商品，跳轉(zhuǎn)到 addSpglServlet 中，從頁面上 取到尺碼、款式、商品描述的值，通過 addSp()放入商品的對象中。 c:set value=/SNYG/servlet/addSpglServlet var=actionstr scope=request/c:set 第 29 頁 共 34頁 String cm = (cm)。 String ks = (ks)。 String spms = (spms)。 Spxx sp = new Spxx()。 (spmc)。 boolean flag = (sp)。 (flag, flag)。 (/spgl/).forward(request,respon se)。 添加成功之后跳轉(zhuǎn)到 querySpglServlet，從數(shù)據(jù)庫查詢相關(guān)商品信息，放入 list 中進(jìn)行遍歷。 商品添加成功之后跳出一個 jsp 頁面，有兩個超鏈接，點(diǎn) 擊查看商品，商品查詢頁面如圖 411 所示。 圖 411 商品查詢圖 點(diǎn)擊查詢按鈕時觸發(fā) click 事件，先判斷商品編號不為空，調(diào)用函數(shù)跳轉(zhuǎn)到商品查詢的servlet,再調(diào)用商品信息實現(xiàn)類里面的 fingSpxxById（）方法，執(zhí)行 sql 語句 select * from T_SPXX where spzt =1 order by spbh 查詢到商品，根據(jù)商品狀態(tài)和商品編號進(jìn)行升序查詢，