jsp+struts+mvc模式的網(wǎng)上商城子系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

1、電子商務(wù)平臺(tái)建設(shè)三級(jí)項(xiàng)目報(bào)告 檸檬網(wǎng)上商城子系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)姓名： lemon 2011年 12月25日目錄一使用技術(shù)概述11. 使用技術(shù)描述12. 使用工作原理13. 配置文件常用標(biāo)簽詳解1二檸檬網(wǎng)上商城子系統(tǒng)功能結(jié)構(gòu)11工程目錄及解釋12。功能結(jié)構(gòu)圖2三檸檬網(wǎng)上商城子系統(tǒng)商品展示功能的分析與實(shí)現(xiàn)21檸檬網(wǎng)上商城子系統(tǒng)商品展示功能的分析21.1. 檸檬網(wǎng)上商城子系統(tǒng)商品展示功能業(yè)務(wù)的分析21.2. 檸檬網(wǎng)上商城子系統(tǒng)商品展示功能所需文件類型分析21.3. 檸檬網(wǎng)上商城子系統(tǒng)商品展示功能文件協(xié)作分析22檸檬網(wǎng)上商城子系統(tǒng)商品展示功能的實(shí)現(xiàn)22.1 實(shí)現(xiàn)效果22.2 實(shí)現(xiàn)編碼及解釋33檸檬網(wǎng)上商

2、城子系統(tǒng)商品展示功能的測試3四檸檬網(wǎng)上商城子系統(tǒng)商品搜索功能的分析與實(shí)現(xiàn)31檸檬網(wǎng)上商城子系統(tǒng)商品搜索功能的分析31.1. 檸檬網(wǎng)上商城子系統(tǒng)商品搜索功能業(yè)務(wù)的分析31.2. 檸檬網(wǎng)上商城子系統(tǒng)商品搜索功能所需文件類型分析31.3. 檸檬網(wǎng)上商城子系統(tǒng)商品搜索功能文件協(xié)作分析32檸檬網(wǎng)上商城子系統(tǒng)商品搜索功能的實(shí)現(xiàn)42.1 實(shí)現(xiàn)效果42.2 實(shí)現(xiàn)編碼及解釋43檸檬網(wǎng)上商城子系統(tǒng)商品搜索功能的測試4五檸檬網(wǎng)上商城子系統(tǒng)商品增加功能的分析與實(shí)現(xiàn)41檸檬網(wǎng)上商城子系統(tǒng)商品增加功能的分析41.1. 檸檬網(wǎng)上商城子系統(tǒng)商品增加功能業(yè)務(wù)的分析41.2. 檸檬網(wǎng)上商城子系統(tǒng)商品增加功能所需文件類型分析41.

3、3. 檸檬網(wǎng)上商城子系統(tǒng)商品增加功能文件協(xié)作分析52檸檬網(wǎng)上商城子系統(tǒng)商品增加功能的實(shí)現(xiàn)52.1 實(shí)現(xiàn)效果52.2 實(shí)現(xiàn)編碼及解釋53檸檬網(wǎng)上商城子系統(tǒng)商品增加功能的測試5六檸檬網(wǎng)上商城子系統(tǒng)商品修改功能的分析與實(shí)現(xiàn)51檸檬網(wǎng)上商城子系統(tǒng)商品修改功能的分析51.1. 檸檬網(wǎng)上商城子系統(tǒng)商品修改功能業(yè)務(wù)的分析51.2. 檸檬網(wǎng)上商城子系統(tǒng)商品修改功能所需文件類型分析61.3. 檸檬網(wǎng)上商城子系統(tǒng)商品修改功能文件協(xié)作分析62檸檬網(wǎng)上商城子系統(tǒng)商品修改功能的實(shí)現(xiàn)62.1 實(shí)現(xiàn)效果62.2 實(shí)現(xiàn)編碼及解釋63檸檬網(wǎng)上商城子系統(tǒng)商品修改功能的測試6七結(jié)論6一使用技術(shù)概述1. 使用技術(shù)描述工程中使用了js

4、p，css，html，javascript，struts等技術(shù)。2. 使用工作原理運(yùn)用了mvc的基本思想，view用jsp頁面實(shí)現(xiàn)，model層用java bean實(shí)現(xiàn)，control用struts1,servlet3. 配置文件常用標(biāo)簽詳解web.xml： action org.apache.struts.action.actionservlet config /web-inf/struts-config.xml debug 3 detail 3 0 this is the description of my j2ee component this is the display name o

5、f my j2ee component prodetail detail this is the description of my j2ee component this is the display name of my j2ee component cart .servlet.cart action *.do prodetail /prodetail cart /cart index.jsp struts-config.xml： 二檸檬網(wǎng)上商城子系統(tǒng)功能結(jié)構(gòu)1工程目錄及解釋servlet：struts：webroot2。功能結(jié)構(gòu)圖功能結(jié)

6、構(gòu)圖前臺(tái)調(diào)用關(guān)系圖后臺(tái)關(guān)系調(diào)用圖三檸檬網(wǎng)上商城子系統(tǒng)商品展示功能的分析與實(shí)現(xiàn)1檸檬網(wǎng)上商城子系統(tǒng)商品展示功能的分析進(jìn)入網(wǎng)站主界面后，瀏覽者可以通過點(diǎn)擊上排導(dǎo)航條，進(jìn)入商品展示界面，瀏覽者可以通過此界面觀看瀏覽商品。1.1. 檸檬網(wǎng)上商城子系統(tǒng)商品展示功能業(yè)務(wù)的分析點(diǎn)擊主頁導(dǎo)航，進(jìn)入到商品的展示頁面，在這里對單個(gè)商品進(jìn)行點(diǎn)擊，可以進(jìn)一步查看單個(gè)商品的詳細(xì)信息，從而購買該商品1.2. 檸檬網(wǎng)上商城子系統(tǒng)商品展示功能所需文件類型分析sunlei_index.jspsl_showpro.jspfrontshowaction.javaprological.javaproshowform.javadbco

7、nnection.java1.3. 檸檬網(wǎng)上商城子系統(tǒng)商品展示功能文件協(xié)作分析sunlei_index.jsp商城主頁sl_showpro.jsp商品顯示界面frontshowaction.java接受到前臺(tái)來顯示的請求，做轉(zhuǎn)發(fā)prological.java商品顯示的業(yè)務(wù)邏輯文件proshowform.java記錄商品的各項(xiàng)屬性和get,set方法dbconnection.java連接數(shù)據(jù)庫文件2xxxxxx子系統(tǒng)商品展示功能的實(shí)現(xiàn)2.1 實(shí)現(xiàn)效果2.2 實(shí)現(xiàn)編碼及解釋sl_showpro.jsp商品展示 $(function() $(#three li:lt(4).mouseover(fun

8、ction()$(.tplimg).css(display,none); var lei=$(#three li:lt(4).index(this); $(.tplimg:eq(+lei+).css(display,block); ) ) $(function() $(#five li:lt(3).mouseover(function()$(.brandlist).css(display,none); var lei=$(#five li:lt(3).index(this); $(.brandlist:eq(+lei+).css(display,block); ) ) $(function()

9、 $(#seven li:lt(2).mouseover(function()$(.picjava).css(display,none); var lei=$(#seven li:lt(2).index(this); $(.picjava:eq(+lei+).css(display,block); ) ) $(function() $(#j1 li:lt(5).mouseover(function()$(.newimg).css(display,none); var lei=$(#j1 li:lt(5).index(this); $(.newimg:eq(+lei+).css(display,

10、block); ) ) 注銷 歡迎你： 首頁 男鞋 女鞋 童鞋 服裝 包 配件 我的購物車 瘋狂特價(jià) 最新上架 品牌大全 商品展示： id pro_name pro_size price detail % arraylist al = (arraylist)request.getattribute(proinfo); probean pb = null; for(int i=0;i a href=./prodetail?pd=prode&proid=查看 frontshowaction.javapublic actionforward execute(actionmapping mapping

11、, actionform form,httpservletrequest request, httpservletresponse response) proshowform proshowform = (proshowform) form;/ todo auto-generated method stubprological pl = new prological(); /新建一個(gè)關(guān)于商品的業(yè)務(wù)邏輯類在這里處理一系列的有關(guān)于商品的操作arraylist al = pl.getproinfos(); /創(chuàng)建一個(gè)數(shù)組對象將邏輯類里的getproinfos()放入其中 request.setatt

12、ribute(proinfo,al); /給數(shù)組起一個(gè)名字，方便在前臺(tái)識(shí)別 return mapping.findforward(sl_showpro); /跳轉(zhuǎn)到名為sl_showpro的這個(gè)界面prological.javapublic class prological public arraylist getproinfos() / todo auto-generated method stubstatement stm = dbconnection.getstatement(); /鏈接數(shù)據(jù)庫string sql = select * from sl_pro;/搜尋數(shù)據(jù)庫里商品表的全部

13、信息arraylist al = new arraylist(); /創(chuàng)建一個(gè)數(shù)組probean pb = null;resultset rs = null;try rs = stm.executequery(sql);while(rs.next()pb = new probean(); /將數(shù)據(jù)放在bean里，以數(shù)組為載體進(jìn)行傳遞pb.setid(rs.getint(id);pb.setproname(rs.getstring(pro_name);pb.setprosize(rs.getstring(pro_size);pb.setproprice(rs.getstring(pro_pric

14、e);al.add(pb); catch (sqlexception e) / todo auto-generated catch blocke.printstacktrace();finallytry rs.close();stm.close(); catch (sqlexception e) / todo auto-generated catch blocke.printstacktrace();return al;3檸檬網(wǎng)上商城子系統(tǒng)展示功能功能的測試成功顯示四檸檬網(wǎng)上商城子系統(tǒng)商品搜索功能的分析與實(shí)現(xiàn)1檸檬網(wǎng)上商城子系統(tǒng)商品搜索功能的分析在輸入框里進(jìn)行搜索，獲取用戶輸入的關(guān)鍵詞，利用關(guān)

15、鍵詞在數(shù)據(jù)庫里進(jìn)行查詢，如果有就進(jìn)行顯示1.1. 檸檬網(wǎng)上商城子系統(tǒng)商品搜索功能業(yè)務(wù)的分析在主頁以及商品頁面有搜索框可供用戶搜索其需要和感興趣的商品，輸入關(guān)鍵字進(jìn)行檢索，進(jìn)而顯示商品1.2. 檸檬網(wǎng)上商城子系統(tǒng)商品搜索功能所需文件類型分析sunlei_index.jspsl_searchpage.jspsearchaction.javasearchlogical.javaproshowform.javadbconnection.java1.3. 檸檬網(wǎng)上商城子系統(tǒng)商品搜索功能文件協(xié)作分析sunlei_index.jsp商城主頁sl_searchpage.jsp商品搜索顯示界面searchact

16、ion.java接受到前臺(tái)來的搜索請求，做轉(zhuǎn)發(fā)searchlogical.java商品搜索的業(yè)務(wù)邏輯文件proshowform.java記錄商品的各項(xiàng)屬性和get,set方法dbconnection.java連接數(shù)據(jù)庫文件2檸檬網(wǎng)上商城子系統(tǒng)商品搜索功能的實(shí)現(xiàn)2.1 實(shí)現(xiàn)效果2.2 實(shí)現(xiàn)編碼及解釋sl_searchpage.jsp查詢 $(function() $(#three li:lt(4).mouseover(function()$(.tplimg).css(display,none); var lei=$(#three li:lt(4).index(this); $(.tplimg:e

17、q(+lei+).css(display,block); ) ) $(function() $(#five li:lt(3).mouseover(function()$(.brandlist).css(display,none); var lei=$(#five li:lt(3).index(this); $(.brandlist:eq(+lei+).css(display,block); ) ) $(function() $(#seven li:lt(2).mouseover(function()$(.picjava).css(display,none); var lei=$(#seven

18、li:lt(2).index(this); $(.picjava:eq(+lei+).css(display,block); ) ) $(function() $(#j1 li:lt(5).mouseover(function()$(.newimg).css(display,none); var lei=$(#j1 li:lt(5).index(this); $(.newimg:eq(+lei+).css(display,block); ) ) 注冊 登陸 首頁 男鞋 女鞋 童鞋 服裝 包 配件 我的購物車 瘋狂特價(jià) 最新上架 品牌大全 商品搜索： id pro_name pro_size p

19、rice % arraylist al = (arraylist)request.getattribute(searchpro); probean pb = null; for(int i=0;i searchaction.javapublic actionforward execute(actionmapping mapping, actionform form,httpservletrequest request, httpservletresponse response) proshowform proshowform = (proshowform) form;/ todo auto-g

20、enerated method stubstring keyword = request.getparameter(keyword); /從前臺(tái)頁面獲取到用戶輸入的數(shù)值searchlogical sl = new searchlogical(); /創(chuàng)建一個(gè)關(guān)于搜索商品的logical來處理搜索的業(yè)務(wù)邏輯arraylist al = sl.searchpro(keyword); /創(chuàng)建一個(gè)數(shù)組將searchpro搜索商品這一項(xiàng)放在里面 request.setattribute(searchpro,al); /給數(shù)組起一個(gè)名字，方便在前臺(tái)識(shí)別 return mapping.findforward(sl_search); /跳轉(zhuǎn)到名為sl_search的這個(gè)界面searchlogical.javapublic class searchlogical public arraylist searchpro(string keyword) / todo auto-generated method stubstatement stm = dbconnection.getstatement();string sql = select * from sl_pro where pro_name like %+keyword+%;