基于mvc網(wǎng)上書店管理系統(tǒng)的設(shè)計與實現(xiàn)-學(xué)位論文

商丘師范學(xué)院2014屆本科畢業(yè)論文（設(shè)計）基于MVC網(wǎng)上書店管理系統(tǒng)的設(shè)計與實現(xiàn)緒論隨著社會的不斷發(fā)展，網(wǎng)絡(luò)技術(shù)的不斷進步，網(wǎng)絡(luò)逐漸的融入了人們的生活之中。網(wǎng)絡(luò)的方便、快捷、便宜、全面等優(yōu)點也逐漸的在各個領(lǐng)域中所體現(xiàn)出現(xiàn)。因而越來越多的人利用網(wǎng)絡(luò)的資源來推銷自己的產(chǎn)品或者購買自己喜歡的商品?？萍嫉目焖侔l(fā)展，導(dǎo)致了人們知識的匱乏，想要增長自己的知識，必不可少的一個途徑，就是多看書，看好書。但書籍有好有壞有貴有便宜，怎樣才能快速了解它的詳細信息呢？因而我開發(fā)了一個網(wǎng)上書店系統(tǒng)。本系統(tǒng)既能提供賣家在網(wǎng)上銷售圖書，也支持買家在網(wǎng)上快速瀏覽圖書信息，并購買自己喜歡的圖書，從而形成買賣雙方互贏的局面。1平臺簡介1.1開發(fā)平臺本系統(tǒng)主要是使用JSP+CSS+HTML開發(fā)系統(tǒng)界面，并且結(jié)合JavaServlet實現(xiàn)局部刷新以及使用JDBC和Oracle數(shù)據(jù)庫進行數(shù)據(jù)交互。1.1.1服務(wù)器端WindowsServer/XP/WIN7Oracle10g或以上版本1.1.2客戶端Windows98/Server/XP/WIN7InternetExplore8.0以上。1.1.3系統(tǒng)開發(fā)工具Eclipse、Dreamweaver、Tomcat1.2制作工具及系統(tǒng)相關(guān)技術(shù)介紹用Dreamweaver作為系統(tǒng)開發(fā)的輔助工具，運用JSP+HTML+CSS設(shè)計系統(tǒng)的表現(xiàn)層。使用JS實現(xiàn)動態(tài)部分，Oracle提供的數(shù)據(jù)層。1.2.1JSP簡介JSP將網(wǎng)頁邏輯層與表現(xiàn)層分離，降低各個模塊間的耦合度，利用系統(tǒng)開發(fā)。JSP頁面由HTML代碼和Java腳本所組成。用戶第一次訪問JSP頁面時，Web服務(wù)器會將其編譯成Javaservlet，以后用戶如果再次訪問此頁面時，就會直接訪問編譯后的Javaservlet文件而無需再次編譯。服務(wù)器會將響應(yīng)的信息，即HTML頁面返回到客戶端的瀏覽器上，直觀的顯示給用戶。1.2.2使用JSP作為開發(fā)工具的原因（1）將邏輯層和表現(xiàn)層進行分離。（2）它強調(diào)組件的可重用性。2系統(tǒng)分析2.1系統(tǒng)的需求分析開發(fā)本系統(tǒng)目的是為了方便用戶購書圖書以及管理員管理圖書。開發(fā)的系統(tǒng)應(yīng)該操作簡單，如果系統(tǒng)過于復(fù)雜，就降低了用戶的可使用價值。2.2系統(tǒng)的可行性分析2.2.1技術(shù)可行性只要能夠上網(wǎng)，就可以使用本系統(tǒng)。該系統(tǒng)是使用JSP+CSS+HTML開發(fā)的系統(tǒng)界面和Oracle10g創(chuàng)建的數(shù)據(jù)庫，。2.2.2經(jīng)濟可行性此系統(tǒng)可以運行在能夠上網(wǎng)的電腦上。并且使用的開發(fā)工具都是免費的，所以在經(jīng)濟上是完全可行的。2.2.3操作可行性系統(tǒng)界面的設(shè)計模式符合人們的習(xí)慣，系統(tǒng)操作比較方便易學(xué)。而且所有網(wǎng)頁的設(shè)計都比較清新、簡潔、合理，不會讓用戶感到任何的視覺疲勞。系統(tǒng)可操作性比較高。3網(wǎng)上書店總體設(shè)計3.1系統(tǒng)的總體設(shè)計網(wǎng)上書店系統(tǒng)由注冊登錄模塊、用戶模塊、管理員模塊和退出系統(tǒng)模塊四大模塊組成，并且各個大模塊下又包含一些小模塊。下面介紹各個功能模塊：注冊登錄模塊用戶首次使用本系統(tǒng)時，必須先注冊一個新的賬戶，用戶注冊成功后才能登錄本系統(tǒng)并進行購買圖書的操作，管理員亦之。用戶模塊①圖書模塊用戶可以通過首頁的分類導(dǎo)航菜單查看書籍信息，也可以通過搜索的方式：按圖書的書名、類型、價格、出版社、作者、數(shù)量、簡介、銷售量等任一種或者多種條件進行模糊查詢，還可以點擊書名或者書的圖片快速瀏覽此書的詳細信息。②購物車模塊用戶購書時，點擊“加入購物車”按鈕，系統(tǒng)會將此圖書放入購物車中。在購物車中，用戶還可以對其進行查看、刪除的操作。③收藏夾模塊用戶瀏覽書籍時，按下“收藏寶貝”，就可以將書籍放入自己的收藏夾，便于購買。在收藏夾中，用戶還可以對其進行查看、刪除、購買操作。④地址管理模塊用戶購買書籍時，需要填寫郵寄地址，同時也可以對其進行修改和刪除的操作。（3）管理員模塊登錄本系統(tǒng)時選擇管理員登錄后，才能對菜單管理、交易管理、寶貝管理和訂單管理進行相關(guān)的操作。①交易管理交易管理包括已賣寶貝管理和評價管理兩部分。a、已賣寶貝管理 管理員可以查看已經(jīng)賣出的寶貝信息，從而總結(jié)出消費者更喜歡哪類書籍。b、評價管理管理員可以查看用戶對書籍的評價情況。②寶貝管理寶貝管理包括發(fā)布寶貝、寶貝修改、寶貝下架、熱銷寶貝、新到寶貝和所有寶貝。a、發(fā)布寶貝管理管理員可以添加新書，包括書籍的書名、類別、單價、出版社、作者、庫存、簡介和圖片等信息。b、寶貝修改管理管理員可根據(jù)ISBN、圖書的名稱、類型、出版社、作者等任一種或多種條件進行模糊查詢。在查詢的結(jié)果中，可以對圖書進行修改操作。c、寶貝下架管理管理員可根據(jù)ISBN、是否為新書、是否為熱書、圖書的名稱、類型、價格、銷量、庫存、出版社、作者等任一種或多種條件進行模糊查詢。在查詢的結(jié)果中，對圖書進行刪除操作。d、熱銷寶貝管理管理員可以快速查看圖書的銷售信息，從而了解用戶對各類書籍的喜愛程度。e、新到寶貝管理管理員可以查看新到的書籍情況。f、所有寶貝管理管理員可根據(jù)圖書的銷量、庫存、出版社、作者等任一種或多種條件進行模糊查詢，從而更加快速的了解圖書的情況。③訂單管理訂單管理包括發(fā)貨管理和所有訂單管理兩部分。a、發(fā)貨管理管理員通過訂單的信息進行發(fā)貨，如果訂單數(shù)量較多也可以進行批量發(fā)貨。b、所有訂單管理管理員可以根據(jù)寶貝名稱、成交時間、買家昵稱、訂單狀態(tài)、訂單編號和評價狀態(tài)任一種和多個條件作為查詢條件進行查詢，了解訂單的詳細信息。（4）退出系統(tǒng)模塊系統(tǒng)不使用時，直接退出本系統(tǒng)。3.2系統(tǒng)的功能結(jié)構(gòu)3.2.1系統(tǒng)功能模塊圖網(wǎng)上書店系統(tǒng)主要包括注冊登錄模塊、用戶模塊、退出系統(tǒng)模塊和管理員模塊；其中用戶模塊又包括圖書模塊、購物車模塊、收藏夾模塊和地址管理模塊；管理員模塊包括菜單管理、交易管理、寶貝管理和訂單管理，如圖3-1所示。網(wǎng)上書店系統(tǒng)注冊登錄模塊用戶模塊管理員模塊購物車模塊收藏夾模塊地址管理模塊菜單管理交易管理寶貝管理訂單管理圖書模塊退出系統(tǒng)模塊網(wǎng)上書店系統(tǒng)注冊登錄模塊用戶模塊管理員模塊購物車模塊收藏夾模塊地址管理模塊菜單管理交易管理寶貝管理訂單管理圖書模塊退出系統(tǒng)模塊圖3-1系統(tǒng)功能模塊圖3.2.2系統(tǒng)流程圖登錄系統(tǒng)時，如果用戶沒有賬號，需要先注冊一個新的賬號，登錄時，會進行驗證，驗證失敗會給予提示，成功后進入系統(tǒng)主頁面，然后用戶就可以查看圖書信息，購買圖書和修改用戶信息的操作。查看圖書信息時，可以直接在主頁面進行查看，也可以在購物車或者收藏夾中進行查看；購買圖書時，可以將圖書加入購物車或者收藏夾進行購買。如圖3-2所示成功成功失敗用戶進入用戶登錄網(wǎng)上書店系統(tǒng)網(wǎng)上書店系統(tǒng)查看書籍修改用戶信息圖書展示放入購物車圖書搜索驗證放入收藏夾用戶訂購用戶注冊圖3-2系統(tǒng)流程圖3.2.3購書流程圖用戶登錄網(wǎng)上書店系統(tǒng)后，可以通過首頁的圖書分類導(dǎo)航、熱銷排行、新書到店或查詢的方式找到想購買的圖書，然后將想要購買的圖書加入到購物車或者收藏夾中，點擊購買按鈕，生成訂單后，并付款。當(dāng)管理員登錄本系統(tǒng)后，通過查看已經(jīng)付款的訂單，從而進行發(fā)貨（或批量發(fā)貨），最后用戶通過查看已買的寶貝，狀態(tài)為已發(fā)貨的，對其進行確認收貨，這樣購書的流程就算完成了，如圖3-3所示選擇圖書選擇圖書加入收藏夾生成訂單收款發(fā)貨確認收貨加入購物車購買付款用戶登錄用戶登錄管理員登錄管理員登錄圖3-3購書流程圖4網(wǎng)上書店詳細設(shè)計4.1數(shù)據(jù)庫設(shè)計（1）用戶信息表user如表4-1所示：字段類型是否為空默認字段含義IDnumber否用戶ID（主鍵），自增Usernamevarchar2（30）是用戶名PWDvarchar2（30）是用戶密碼PhoneVarchar2（30）是null用戶電話EmailVarchar2（30）是null用戶郵箱SexVarchar2（100）是null用戶性別Agenumber（10）是用戶年齡JobVarchar2（20）是用戶職業(yè)UserImageVarchar2（100）是用戶頭像表4-1用戶信息表user（2）管理員信息表admin的定義如表4-2所示：字段類型是否為空默認字段含義IDnumber否管理員ID（主鍵），自增AdminNamevarchar2(30)是admin管理員姓名PWDvarchar2(20)是admin管理員密碼表4-2管理員信息表admin（3）收藏夾信息表favorite的定義如表4-3所示：字段類型是否為空默認字段含義IDnumber否收藏ID（主鍵），自增UserNamevarchar2(20)是用戶名稱ISBNvarchar2(30)是國際標(biāo)準書號BookNamevarchar2(30)是圖書名稱BookImagevarchar2(100)是null圖書圖片表4-3收藏夾信息表favorite（4）書籍信息表book的定義如表4-4所示：字段類型是否為空默認字段含義ISBNvarchar2(30)否圖書編號（主鍵），自增BookNamevarchar2(30)是圖書名稱BookImagevarchar2(20)是null圖書圖片BookTypevarchar2(30)是圖書類型Pricenumber是圖書單價Publishvarchar2(30)是出版社Authorvarchar2(30)是作者Amountnumber是庫存Introdctionvarchar2(500)是null圖書簡介IsNewnumber是是否為新書IsHotnumber是是否為熱書Salesnumber是銷量表4-4書籍信息表book（5）購物車信息表cart的定義如表4-5所示：字段類型是否為空默認字段含義IDnumber否購物車ID（主鍵），自增UserNamevarchar2(20)是用戶名稱ISBNvarchar2(30)是國標(biāo)標(biāo)準書號Numnumber是購書數(shù)量BookNamevarchar2(30)是圖書名稱BookImagevarchar2(100)是null圖書圖片Pricenumber是圖書單價表4-5購物車信息表cart（6）訂單表orders的定義如表4-6所示：字段類型是否為空默認字段含義OrderIDvarchar2(30)否訂單編號（主鍵），自增ISBNvarchar2(50)是圖書編號Pricenumber是null圖書單價Numnumber是購書數(shù)量Totalnumber是總價UserNamevarchar2(30)是用戶名Receivervarchar2(30)是收件人名稱Addressinfovarchar2(30)是地址PostCodevarchar2(20)是郵編Phonenumber是電話號碼TimeDate是時間IsSendnumber是是否發(fā)貨IsReceivenumber是是否收貨IsPaynumber是是否付款I(lǐng)sAssessnumber是是否評價BookNamevarchar2(50)是圖書名稱表4-6訂單表orders（7）收藏夾信息表favorite的定義如表4-7所示：字段類型是否為空默認字段含義IDnumber否評價ID（主鍵），自增Contentvarchar2(200)是null評價內(nèi)容Scorenumber是寶貝打分UserNamevarchar2(20)是用戶名稱ISBNvarchar2(20)是評價的圖書ISBNOrderIDvarchar2(20)是訂單編號Timedate是訂單時間表4-7收藏夾信息表favorite（8）地址信息表address的定義如表4-8所示：字段類型是否為空默認字段含義IDnumber否地址ID（主鍵），自增Receivervarchar2(20)是收貨人名稱AddressInfovarchar2(20)是地址信息Phonevarchar2(20)是聯(lián)系方式PostCodevarchar2(100)是郵編UserNamevarchar2(20)是用戶名稱Provincevarchar2(20)是省Cityvarchar2(20)是市Areavarchar2(20)是區(qū)Streetvarchar2(20)是null街道表4-8地址信息表address4.2數(shù)據(jù)庫連接設(shè)計本系統(tǒng)分為登錄與注冊模塊、用戶模塊、管理員模塊和系統(tǒng)退出模塊四部分。其中用戶模塊主要包括用戶信息的修改、圖書管理、地址管理、購物車和收藏夾；管理員模塊包括菜單管理、交易管理、寶貝管理和訂單管理。網(wǎng)上書店采用Oracle作為后臺的數(shù)據(jù)庫。我們建立了一個名為xe的數(shù)據(jù)庫用于存放數(shù)據(jù)，主要代碼如下：publicclassDBUtils{ publicstaticConnectionconn=null; publicstaticPreparedStatementpstmt=null; publicstaticResultSetrs=null; publicstaticStringusername; publicstaticStringpassword; publicstaticStringdriver; publicstaticStringurl; publicstaticvoidinit() {InputStreamfis=null; try{ fis=DBUtils.class.getClassLoader().getResourceAsStream("perties"); Propertiespp=newProperties(); pp.load(fis); username=pp.getProperty("username"); password=pp.getProperty("password"); driver=pp.getProperty("driver"); url=pp.getProperty("url"); Class.forName(driver); conn=DriverManager.getConnection(url,username,password); }catch(Exceptione){ e.printStackTrace(); }}}在src下創(chuàng)建perties文件：內(nèi)容如下：username=systempassword=rootdriver=oracle.jdbc.driver.OracleDriverurl=jdbc:oracle:thin:@localhost:1521:xe4.3登錄模塊設(shè)計4.3.1用戶登錄用戶登錄時，如果用戶輸入的內(nèi)容不符合要求時或者不輸入任何內(nèi)容時都會給予相應(yīng)的提示信息，如圖4-1所示圖4-1用戶登錄圖主要代碼如下：protectedvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{ Stringpath=request.getContextPath(); Stringusername=request.getParameter("username"); Stringpwd=request.getParameter("pwd"); UserServiceuserService=newUserServiceImpl(); AdminServiceadminService=newAdminServiceImpl(); Stringrole=request.getParameter("role");//獲取角色0普通用戶1管理員 if(role.equals("0")){//普通用戶 Useruser=userService.findByUserName_pwd(username,pwd);//根據(jù)用戶名和密碼匹配用戶 Useruser1=userService.findByUserName(username);//根據(jù)用戶名匹配用戶 if(user!=null){ request.getSession().setAttribute("user",user); Stringvalue=user.getUserName()+":"+MD5.calcMD5(user.getPwd());// Cookiecookie=newCookie(path,value); cookie.setMaxAge(10*60); cookie.setPath(request.getContextPath()); response.addCookie(cookie); request.setAttribute("errorstyle","none"); request.getRequestDispatcher("/HomePage.html").forward(request,response); }else{ if(user1!=null){ request.setAttribute("errorstyle","block"); request.setAttribute("error","用戶密碼錯誤"); request.getRequestDispatcher("/login.jsp").forward(request,response); }else{ request.setAttribute("errorstyle","block"); request.setAttribute("error","不存在此用戶"); request.getRequestDispatcher("/login.jsp").forward(request,response); }} } elseif(role.equals("1")){//管理員 Adminadmin=adminService.loginAdmin(username,pwd); Adminadmin1=adminService.findAdminByAdminName(username); if(admin!=null){ request.getSession().setAttribute("admin",admin); Stringvalue=admin.getAdminName()+":"+MD5.calcMD5(admin.getPwd()); request.setAttribute("errorstyle","none"); request.getRequestDispatcher("/admin.jsp").forward(request,response); }else{ if(admin1!=null){ request.setAttribute("errorstyle","block"); request.setAttribute("error","管理員密碼錯誤"); request.getRequestDispatcher("/login.jsp").forward(request,response);} else{ request.setAttribute("errorstyle","block"); request.setAttribute("error","不存在此管理員"); request.getRequestDispatcher("/login.jsp").forward(request,response); }}}}}<formid="loginForm"method="post"action="LoginServlet"><divclass="showerror"id="showerror"name="ts"style="display:${errorstyle}"> <P>     ${error}</P></div> <divclass="userinfo"><spanclass="logininfo"><span>登錄名：</span></div><inputclass="textstyle"type="text"name="username"value="會員名" onfocus="this.value=''"/><divclass="userinfo">登錄密碼： <aclass="alink"href="findPwd.jsp">忘記登錄密碼?</a></div><inputclass="textstyle"type="password"name="pwd"/><br><divclass="userinfo"> <inputtype="radio"name="role"value="0"checked="checked"/>普通用戶<inputtype="radio"name="role"value="1"/>管理員</div> <inputtype="submit"id="button"value=""/> <astyle="margin-left:240px;margin-bottom:15px;" class="alink"href="userRegist.jsp">免費注冊</a></form> 用戶輸入的登錄名和密碼成功后，系統(tǒng)會進入普通用戶主頁，如圖4-2所示圖4-2用戶主界面圖4.3.2找回密碼用戶想要找回密碼，必須完成四個步驟。第一步，輸入正確的賬戶名和驗證碼，如圖4-3所示圖4-3輸入用戶名信息圖主要代碼如下：<body> <divid="hearder"><imgalt="安全中心"src="images/safe.png"/> </div> <divstyle="border:1pxsolidgray;"></div> <div><spanstyle="font-size:24px;font-family:隸書;margin:30px10px;color:gray;">找回密碼</span> </div> <divstyle="text-align:center;"> <imgsrc="images/safe1.png"/> </div> <formaction="ValidateUsrExist"method="post"style="text-align:center;"name="findPwdFrm"> <tablealign=center> <tr><td>賬戶名:</td> <tdcolspan="2"align="left"> <inputtype="text"name="user_name"value="${username}"class="input_text"/> </td><td>${username_error} </td></tr><tr> <tdrowspan="2">驗證碼:</td> <tdalign=leftrowspan="2"> <inputtype="text"name="code"class="input_text"/> </td><td> <imgsrc="GetImage"border="1px"id="imgservlet"class="check_imagecode"onclick="reloadImage()"/> </td><tdrowspan="2">${code_error}</td> </tr><tr><td> <fontsize="2"><ahref="javascript:void(0)"onclick="reloadImage()">看不清,換一張</a></font> </td></tr><tr><td></td> <tdalign=leftcolspan="3"> <inputtype="submit"value="下一步"class="btn"></input> </td></tr></table></form></body>第一步輸入注冊時用的郵箱，系統(tǒng)會自動發(fā)到你所輸入的郵箱里一個隨機的校驗碼，如圖4-4所示圖4-4輸入郵箱信息圖主要代碼如下：<body> <divid="hearder"> <imgalt="天狗"src="images/logo1.png"/> <imgalt="安全中心"src="images/safe.png"/></div> <divstyle="border:1pxsolidgray;"></div><div><spanstyle="font-size:24px;font-family:隸書;margin:30px10px;color:gray;">找回密碼</span> </div> <divstyle="text-align:center;"><imgsrc="images/safe2.png"/></div> <formaction="ValidateMail"method="post"name="ValidateMailFrm" style="text-align:center;"> <tablealign=center> <tr><td>請輸入郵箱:</td> <tdcolspan="2"align="left"> <inputtype="text"name="mailAddress"id="mailAddress"value="${mailAddress}" class="input_text"/> </td> </tr> <tr> <td>請輸入郵箱校驗碼:</td><tdalign=left> <inputtype="text"name="mailCode"class="input_text"/></td> <tdalign="left"><aid="getMailCode"href="#">獲取郵箱驗證碼</a></td> </tr><tr><td></td> <tdalign=left><inputtype="submit"value="下一步"class="btn"></input></td> <td><fontcolor="red"size="2">${successmessage}</font></td> </tr></table></form></body>第三步，輸入兩次新的密碼，輸入的過程中如果兩次輸入的不一樣會給予友好的提示，如圖4-5圖4-5重置密碼圖主要代碼如下：<scripttype="text/javascript">$(function(){ $("#modify").click(function(){ varpwd1=$("#newPwd").val(); varpwd2=$("#secondnewPwd").val(); if(pwd1!=pwd2){ $("#error_message").text("兩次密碼不一致，不能修改"); }else{$("#modify").attr("href","ModifyPwd?newPwd="+pwd1); }})})</script><body><divid="hearder"> <imgalt="天狗"src="images/logo1.png"/> <imgalt="安全中心"src="images/safe.png"/> </div><divstyle="border:1pxsolidgray;"></div> <div><spanstyle="font-size:24px;font-family:隸書;margin:30px10px;color:gray;">找回密碼</span> </div><divstyle="text-align:center;"> <imgsrc="images/safe3.png"/></div> <pstyle="font-size:24px;margin-left:200px">${successmessage}</p> <tablealign=center> <tr><td>請輸入新密碼:</td> <td><inputtype="password"id="newPwd"name="newPwd"class="input_text"/> </td><td></td></tr><tr><td>確認密碼:</td> <tdalign=left><inputtype="password"id="secondnewPwd"class="input_text"/> </td><tdid="error_message"></td> </tr><tr><td></td><tdalign=left><aid="modify"href="#">下一步</a> </td></tr></table> ${modifyMessage}</body>前三步都成功后，會提示你找回密碼成功，請重新登錄，如圖4-6所示圖4-6找回密碼成功圖主要代碼如下：<body><divstyle="font-size:24px;font-family:隸書;margin:100px400px;"> <span>找回密碼成功</span> <ahref="login.jsp">點擊此處,重新登錄</a> </div></body>4.4用戶管理模塊設(shè)計4.4.1地址管理模塊設(shè)計此模塊是供用戶購買圖書時，添加郵寄的地址，便于購物。地址管理頁面顯示如圖4-7所示：圖4-7地址管理模塊圖主要代碼如下：<div><spanstyle="font-size:23px;font-family:微軟雅黑;margin:10px30px30px0px;color:#555555;">地址管理</span><hrstyle="height:10px;width:700px;border:none;border-top:10pxgrooveskyblue;"></div><formid="addressinfo"action="InsertAddress"method="post"align=center;><tableclass="address_info"><tr><tdid="stateAddress"style="color:#FC6210;text-align:right;"><b>新增收貨地址</b></td> <td><inputtype="hidden"id="addressId"name="addressId"/></td> </tr><trclass="none-tr"></tr> <tr><tdstyle="text-align:right;">收貨人姓名：</td> <td><inputname="receiver"type="text"id="receiver"class="input_text" style="border:1pxsolidgray;height:20px;width:192px;"/><span style="color:#FC6210">*</span></td></tr> <trclass="none-tr"></tr><tr><tdstyle="text-align:right;">所在地區(qū)：</td> <td><selectname="provance"id="selProvance"style="width:116px" onchange="chgProvinces(selProvance,selCity,selArea)"><option></option></select><selectname="city"id="selCity"style="width:116px" onchange="chgCitys(selCity,selArea)"><option></option></select><selectname="area"id="selArea"style="width:116px"><option></option> </select><spanstyle="color:#FC6210">*</span></td> </tr><trclass="none-tr"></tr><tr> <tdstyle="text-align:right;">街道地址：</td> <td><inputname="street"type="text"id="street"class="input_text" style="border:1pxsolidgray;height:40px;width:192px;"/><span style="color:#FC6210"">*</span>不需要重復(fù)填寫省/市/區(qū)</td> </tr><trclass="none-tr"></tr><tr> <tdstyle="text-align:right;">郵政編碼：</td> <td><inputname="postCode"type="text"id="postCode"class="input_text" style="border:1pxsolidgray;height:20px;width:192px;"/><span style="color:#FC6210"">*</span>大陸以外地區(qū)可不填寫</td> </tr><trclass="none-tr"></tr><tr> <tdstyle="text-align:right;">手機號碼：</td> <td><inputname="phone"type="text"id="phone"class="input_text" style="border:1pxsolidgray;height:20px;width:192px;"/><span style="color:#FC6210">*</span></td></tr> <trclass="none-tr"></tr><tr><td></td><td> <inputtype="button"class="short-btn"value="保存"onclick="save()"/> </td></tr></table> </form> <divclass="tbl-deliver-address"><tableclass="tbl-main"style="font-size:13px; border:1pxsolid#a2cbff;width:700px;"><captionstyle="text-align:left;color:#FC6210;"><b>已保存地</b></caption><colgroup><colclass="col-man"></col><colclass="col-address"></col><colclass="col-phone"></col><colclass="col-postcode"></col><colclass="col-actions"></col></colgroup> <trclass="thead-tbl-grade"><th>收貨人</th><th>收貨地址</th> <th>聯(lián)系電話</th><th>郵編</th><th>操作</th></tr><c:forEachvar="add"items="${selectAddress}"> <trid="${add.id}"> <tdclass="nowReceiver">${add.receiver}</td> <tdclass="nowAddress"> <spanclass="nowProvince">${vince}</span> <spanclass="nowCity">${add.city}</span> <spanclass="nowArea">${add.area}</span> <spanclass="nowStreet">${add.street}</span></td> <tdclass="nowPhone">${add.phone}</td> <tdclass="nowPostCode">${add.postCode}</td> <td><ahref="javascript:void(0)"id="modify"onclick='modify("${add.id}")'>修改</a>| <ahref="DeleteAddress?id=${add.id}"onclick="confirmDel('確認刪除嗎')">刪除</a></td></tr></c:forEach></table></div></div>4.4.2購物車管理模塊設(shè)計此模塊是讓用戶將需要購買的書籍加入購物車，便于結(jié)算賬單，如圖4-8所示圖4-8購物車管理模塊圖主要代碼如下：<divstyle="width:990px;height:344px;"> <!--購物車狀態(tài)--> <divid="J_FilterBar"class="cart-filter-bar"> <divid="J_StatusBar"class="status-bar"> <spanclass="bar-title">購物車狀態(tài):</span><divclass="bar"> <divclass="normal"style="width:2.3px;"title="正常寶貝1件"></div> <divclass="invalid"style="width:0px;"title="失效寶貝0件"></div> </div> <divclass="stats"> <emclass="num">1</em>/<emclass="num">50</em> </div></div> <divclass="cart-sum"> 已選商品(不含運費)：<strongclass="price">￥<emid="J_SmallTotal">0.00</em></strong><aid="J_SmallSubmit"class="submit-btnsubmit-btn-disabled">結(jié)算</a></div> </div> <!--購物車中物品信息類別--> <divclass="cart-table-th"> <divclass="wp"> <divclass="thth-chk"> <divid="J_SelectAll1"class="select-allJ_SelectAllselected"> <inputtype="checkbox"class="s-checkbox"/>  全選 </div></div> <divclass="thth-item">商品</div> <divclass="thth-info">商品信息</div> <divclass="thth-price">單價</div> <divclass="thth-amount">數(shù)量</div> <divclass="thth-sum">小計</div> <divclass="thth-op">操作</div> </div></div>4.4.3收藏夾管理模塊設(shè)計用戶可以把自己喜歡的書籍添加到收藏夾，便于購買，如圖4-9所示圖4-9收藏夾管理模塊圖主要代碼如下：<jsp:includepage="head.jsp"></jsp:include> <fontstyle="font-size:25px;color:#FF4400;margin-left:250px;font-weight:bold;">寶貝收藏</font><br> <divstyle="border:2pxsolid#D4D0C8;"></div> <divstyle="min-height:500px;"> <tablestyle="border-collapse:collapse;margin:0250px;"> <trstyle="border-bottom:2pxsolid#D4D0C8;"> <tdwidth=200align=center><fontstyle="font-size:12px;color:#666666">ISBN</font></td><tdwidth=200align=center><fontstyle="font-size:12px;color:#666666">書名</font></td><tdwidth=200align=center><fontstyle="font-size:12px;color:#666666">書圖</font></td><tdwidth=200align=center><fontstyle="font-size:12px;color:#666666">操作</font></td></tr><c:forEachvar="favorite"items="${favorites}"> <trstyle="border-bottom:2pxsolid#D4D0C8;"> <tdwidth=200align=center>${favorite.isbn}</td> <tdwidth=200align=center><ahref="BookInfo?isbn=${favorite.isbn}"><fontsize=2> ${favorite.bookName}</font></a></td><tdwidth=200align=center><ahref="BookInfo?isbn=${favorite.isbn}"><imgsrc="images/${favorite.bookImage}"style="width:100px;height:100px"></img></a></td><tdwidth=200align=center><ahref="DeleteFavorite?isbn=${favorite.isbn}"onclick="returnconfirmDel('確認刪除?')">刪除</a>|<ahref="BookInfo?isbn=${favorite.isbn}">購買</a></td></tr></c:forEach></table></div> <divstyle="clear:both"></div> <jsp:includepage="foot.jsp"></jsp:include></body>4.5管理員管理模塊設(shè)計4.5.1交易管理模塊設(shè)計（1）已賣出的寶貝管理員可以快速查看已經(jīng)銷售的圖書信息，如圖4-10所示圖4-10已賣出寶貝信息圖主要代碼如下：<tableclass="receive-table"style="width:840px;"> <colgroup> <colclass="item-list-col0"><colclass="item-list-col1"> <colclass="item-list-col2"><colclass="item-list-col3"> <colclass="item-list-col4"><colclass="item-list-col5"> <colclass="item-list-col6"><colclass="item-list-col7"> </colgroup><tr> <th>訂單號</th><th>貨物名</th> <th>單價</th><th>數(shù)量</th> <th>總價</th><th>購買人</th> <th>聯(lián)系方式</th><th>購買時間</th> </tr><c:forEachitems="${orderReceived}"var="order"><tr><tdclass="orderId">${order.orderId}</td> <tdclass="bookName">${order.bookName}</td><tdclass="price">${order.price}</td><tdclass="num">${order.num}</td><tdclass="total">${order.total}</td><tdclass="userName">${order.userName}</td><tdclass="phone">${order.phone}</td><tdclass="time">${order.time}</td> </tr></c:forEach><tr> <tdcolspan="9"class="operations"><c:iftest="${pageNow>1}"> <ahref="OrderReceived?pageNow=${pageNow-1}">上一頁</a> </c:if><c:forEachvar="i"begin="${pageNow}"end="${pageNow+4}"step="1"> <c:iftest="${pageNow!=i&&(pageCount>=i)}"> <ahref="OrderReceived?pageNow=${i}">第${i}頁</a> </c:if></c:forEach><c:iftest="${pageNow<pageCount}"> <ahref="OrderReceived?pageNow=${pageNow+1}">下一頁</a> </c:if></td></tr></table>評價管理管理員可以快速查看買家對圖書的評價信息，如圖4-11所示圖4-11評價管理信息圖主要代碼如下：<tablestyle="font-size:14px;"border="0"> <trstyle="background-color:#F4F7FA"height="32px"><tdwidth="200"align=center><fontcolor=#666666size=2>寶貝</font></td><tdwidth="150"align=center><fontcolor=#666666size=2>單價（元）</font></td><tdwidth="100"align=center><fontcolor=#666666size=2>數(shù)量</font></td><tdwidth="100"align=center><fontcolor=#666666size=2>小計</font></td><tdwidth="100"align=center><fontcolor=#666666size=2>收貨人</font></td><tdwidth="150"align=center><fontcolor=#666666size=2>收貨地址</font></td><tdwidth="150"align=center><fontcolor=#666666size=2>聯(lián)系電話</font></td><tdwidth="150"align=center><fontcolor=#666666size=2>郵編</font></td><tdwidth="150"colspan="3"><fontcolor=#666666size=2>其他操作</font></td></tr><tr><tdcolspan="11"><hrcolor="gray"></td></tr><c:forEachvar="userorder"items="${userAllOrder}"><tr3"><tdcolspan="11"style="border-bottom:1pxsolid#F3F3F3;background-color:#F3F3F3"height="29px"><fontsize=2>訂單編號:${userorder.orderId}成交時間:${userorder.time}</font><inputtype="hidden"id="orderIsbn"value="${userorder.isbn}"><ahref="#">主頁</a></td></tr><trheight="60px"><tdwidth="130"valign="middle"><ahref="${pageContext.request.contextPath}/BookInfo?isbn=${userorder.isbn}"><fontsize=2>${userorder.bookName}</font></a></td><tdwidth="150"align=centerclass="setSizeFont">${userorder.price}</td><tdwidth="100"align=centerclass="setSizeFont">${userorder.num}</td><tdwidth="150"align=centerclass="setSizeFont">${userorder.price*userorder.num}</a><br><tdwidth="150"align=centerclass="setSizeFont">${userorder.receiver}</a><br><tdwidth="150"align=centerclass="setSizeFont">${userorder.addressInfo}</a><br><tdwidth="150"align=centerclass="setSizeFont">${userorder.phone}</a><br><tdwidth="150"align=centerclass="setSizeFont">${userorder.postCode}</a><br><c:choose><c:whentest="${userorder.isReceive==1&&userorder.isAssess==1}"><fontstyle="font-size:15px;"><ahref="ShowAssess?orderId=${userorder.orderId}">查看評價</a></font></c:when></c:choose> 點擊查看評價，會彈出一個頁面，詳細查看評論信息，如圖4-12所示圖4-12評價信息圖4.5.2寶貝管理模塊管理員可以操作以下功能：點擊“發(fā)布寶貝”，系統(tǒng)會顯示一個添加圖書的表單信息；點擊“寶貝修改”，管理員可根據(jù)是否為新書、圖書的名稱、價格、庫存、作者等任一種或多種條件進行模糊查詢。管理員可以對查詢的結(jié)果信息進行修改。點擊“寶貝下架”，根據(jù)圖書類型、圖書名稱、是否為新書、圖書銷量和是否為熱書任一種或者多種進行多條件模糊查詢，管理員可以對所查詢的結(jié)果進行刪除；點擊的“熱銷寶貝”或者“新到寶貝”，管理員可以快速查看相關(guān)的圖書信息。點擊的“所有寶貝”，根據(jù)出版社、是否為新書ISBN、圖書名稱、圖書價格、圖書銷量、圖書庫存、作者和圖書類型任一種或多種進行條件查詢，滿足條件的顯示出來，從而管理員可以進行快速瀏覽圖書信息；其圖書信息管理模塊主頁如圖4-13所示：點擊導(dǎo)航頁面中的寶貝管理鏈接，則進入寶貝管理頁面圖4-13寶貝管理模塊圖發(fā)布寶貝管理發(fā)布寶貝也就是添加圖書，如圖4-14所示。圖4-14發(fā)布寶貝管理圖主要代碼如下：<body><br/><center><divclass="div1"> <formmethod="POST"enctype="multipart/form-data" action="AddBookServlet"onsubmit="returnvalidateAll()"> <tableborder="0"cellpadding="0"cellspacing="0"align="center"> <trstyle="height:10px;line-height:8px;"></tr> <tr><tdwidth="100"align="right"> <fontcolor="#666666"size="2">ISBN</font>  </td> <tdalign="left"class="text"><inputtype="text"name="isbn" id="isbn"class="text"data-null="請輸入isbn,978開頭的13位數(shù)字" data-error="請輸入有效的isbn"autocomplete="off"onchange="validate()"/></td></tr><trclass="num-tip"><td></td> <td><imgid="isbnpic"display:none><fontclass="isbn-text"></font></td></tr><tr><tdalign="right"><fontcolor="#666666"size="2">書名</font>  </td> <td><inputtype="text"name="name"class="text"id="name" data-null="請輸入書名"data-error="請輸入有效的書名"autocomplete="off"/> </td></tr><trclass="num-tip"><td></td> <td><imgid="namepic"><fontclass="name-text"></font></td> </tr><tr> <tdalign="right"><fontcolor="#666666"size="2">類別</font>   </td><td><selectname="type"id="type"> <optionvalue="兒童">兒童</option><optionvalue="教育">教育</option> <optionvalue="進口">進口</option><optionvalue="經(jīng)濟">經(jīng)濟</option> <optionvalue="科技">科技</option><optionvalue="勵志">勵志</option> <optionvalue="情感">情感</option><optionvalue="生活">生活</option> <optionvalue="文學(xué)">文學(xué)</option><optionvalue="文藝">文藝</option> <optionvalue="職場">職場</option><optionvalue="其它">其它</option> </select></td></tr><trclass="num-tip"> <td></td><td><pclass="type-text"></p></td></tr><tr> <tdalign="right"><fontcolor="#666666"size="2">單價</font>   </td> <td><inputtype="text"name="price"class="text"id="price" data-null="請輸入單價"data-error="請輸入有效的單價"autocomplete="off"/> </td></tr><trclass="num-tip"><td></td> <td><imgid="pricepic"><fontclass="price-text"></font></td> </tr><tr> <tdalign="right"><fontcolor="#666666"size="2">出版社</font>   </td><td><inputtype="text"name="publish"class="text" id="publish"data-null="請輸入出版社"data-error="請輸入有效的出版社" autocomplete="off"/></td> </tr><trclass="num-tip"><td></td> <td><imgid="publishpic"><fontclass="publish-text"></font></td> </tr><tr><tdalign="right"><fontcolor="#666666"size="2">作者</font>  </td><td><inputtype="text"name="author"class="text"id="author" data-null="請輸入作者"data-error="請輸入有效的作者"autocomplete="off"/> </td></tr><trclass="num-tip"><td></td> <td><imgid="authorpic"><fontclass="author-text"></font></td></tr><tr><tdalign="right"><fontcolor="#666666"size="2">庫存</font>  </td> <td><inputtype="text"name="number"class="text"id="number" data-null="請輸入庫存"data-error="請輸入有效的庫存"autocomplete="off"/> </td></tr><trclass="num-tip"><td></td> <td><imgid="numberpic"><fontclass="number-text"></font></td></tr><tr> <tdalign="right"><fontcolor="#666666"size="2">簡介</font>  </td> <td><textareacols="40"rows="2"name="introduce"class="ta"id="introduce"data-null="請輸入簡介，200字以內(nèi)"data-error="請輸入兩百字以內(nèi)簡介"autocomplete="off"onKeyUp="if(this.value.length>200)this.value=this.value.substr(0,200)"> </textarea></td></tr><trclass="num-tip"><td></td> <td><imgid="intropic"><fontclass="introduce-text"></font></td></tr> <tr><tdwidth="100"align="right"> <fontcolor="#666666"size="2">圖片</font>   </td><tdalign="left"class="text"><divid="preview"> <imgid="imghead"width=120height=80border=0src="images/defaultImage.jpg"> </div><inputtype="file"name="pic"onchange="previewImage(this)" id="pic"autocomplete="off"/></td></tr> <trclass="num-tip"><td></td> <td><pclass="image-text"></p></td></tr><tr> <tdalign="center"colspan="2"><inputid="addBook" type="submit"class="a3orange"value="確認增加"><fontsize="+1"color="#AAAAAA"face="幼圓"></font></td> </tr></table></form></div></center></body>（2）寶貝下架管理管理員根據(jù)圖書的作者、名稱、價格、出版社、是否為新書和是否為熱書任一種或者多種條件進行模糊查詢。在查詢的結(jié)果中，點擊其“刪除”，系統(tǒng)會彈出一個消息框，詢問是否要刪除，若選擇“確定”，則寶貝下架成功。顯示的頁面如圖4-15所示：圖4-15寶貝下架管理模塊圖主要代碼如下：<divstyle="float:left;"><inputtype="button"value="反選"onclick="checkInverse();"/><aid="deleteBooks" href="DeleteBook?isbn=${isbn}&bookName=${bookName}&bookType=${bookType}&price=${price}&sell=${sell}&amount=${amount}&author=${author}&publish=${publish}&new=${isNew}&hot=${isHot}&bookisbn="onclick="deleteBooks();">刪除</a></div>（3）查詢寶貝管理 此功能是讓管理員查看圖書的相關(guān)信息，便于管理。管理員也可以根據(jù)組合條件進行模糊查詢，如圖4-16所示。圖4-16寶貝信息圖其主要代碼如下：<body><jsp:includepage="head.