JS項(xiàng)目設(shè)計(jì)課程

第十一講JSP項(xiàng)目設(shè)計(jì)10課時(shí)(450分鐘)本課目標(biāo)理解電子書(shū)城的基本設(shè)計(jì)思想熟悉系統(tǒng)需求分析、系統(tǒng)功能模塊設(shè)計(jì)、系統(tǒng)界面設(shè)計(jì)、系統(tǒng)主要流程設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)和詳細(xì)設(shè)計(jì)

知識(shí)理解電子書(shū)城的基本設(shè)計(jì)思想結(jié)合其他相關(guān)課程中學(xué)習(xí)到的軟件開(kāi)發(fā)生命周期的相關(guān)內(nèi)容，進(jìn)一步明確本書(shū)的學(xué)習(xí)目標(biāo)。

技能1.電子書(shū)城總體設(shè)計(jì)

2.系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)

3.系統(tǒng)基本框架4.各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)

5.部署和發(fā)布系統(tǒng)

主要內(nèi)容

網(wǎng)上書(shū)店也是JSP技術(shù)在電子商務(wù)上的應(yīng)用，用戶(hù)可以通過(guò)瀏覽器訪(fǎng)問(wèn)系統(tǒng)、訂購(gòu)圖書(shū)，對(duì)系統(tǒng)的管理也是通過(guò)瀏覽器來(lái)完成的。1、系統(tǒng)功能及模塊用戶(hù)注冊(cè)：用戶(hù)在網(wǎng)上書(shū)店訂購(gòu)圖書(shū)前，必須注冊(cè)用戶(hù)。 網(wǎng)上購(gòu)物：注冊(cè)用戶(hù)可以查看書(shū)店中有哪些圖書(shū)，并確定訂購(gòu)哪些圖書(shū)，可以反復(fù)訂購(gòu)。查看以前用戶(hù)訂單：注冊(cè)用戶(hù)登錄系統(tǒng)后，可以查看、修改用戶(hù)信息，也可以查看以前在網(wǎng)上書(shū)店訂購(gòu)的圖書(shū)。1、網(wǎng)上書(shū)店總體設(shè)計(jì)系統(tǒng)管理與維護(hù)：這是系統(tǒng)管理員的工作，要求能夠添加、修改、刪除圖書(shū)等。系統(tǒng)功能模塊如下圖所示：

系統(tǒng)功能模塊1、網(wǎng)上書(shū)店總體設(shè)計(jì)2、系統(tǒng)實(shí)現(xiàn)方案

本系統(tǒng)采用B/S（瀏覽器/服務(wù)器）數(shù)據(jù)庫(kù)應(yīng)用體系結(jié)構(gòu)。整個(gè)系統(tǒng)采用JSP+JavaBean模式，其中，JavaBean主要用來(lái)封裝連接數(shù)據(jù)庫(kù)、執(zhí)行SQL語(yǔ)句等功能。 JSP容器（服務(wù)器）則采用Tomcat5.0。后臺(tái)數(shù)據(jù)庫(kù)管理系統(tǒng)則采用SQLServer2000。1、網(wǎng)上書(shū)店總體設(shè)計(jì)1、數(shù)據(jù)表分析

分析功能要求，本系統(tǒng)后臺(tái)數(shù)據(jù)庫(kù)設(shè)計(jì)4個(gè)表。2、系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)2、系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)

接下來(lái)創(chuàng)建數(shù)據(jù)庫(kù)和數(shù)據(jù)表。數(shù)據(jù)庫(kù)名為bookshop。

2、系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)網(wǎng)上書(shū)店的基本結(jié)構(gòu)如下所示：

系統(tǒng)基本結(jié)構(gòu)圖3、系統(tǒng)基本框架系統(tǒng)程序目目錄結(jié)構(gòu)圖圖3、系統(tǒng)基基本框架1、公共模模塊設(shè)計(jì)公共模塊中中一共有4個(gè)JSP文件和一一個(gè)CSS文件：““common.jsp”、、“check.jsp”、、“header.jsp””、“footer.jsp”和“style.css”。其中中，“style.css””文件與第第10章中中相同文件件類(lèi)似，不不作介紹，，下面介紹紹其他4個(gè)個(gè)文件。common.jsp“common.jsp”文文件包含其其他JSP文件中需需要導(dǎo)入的的Java類(lèi)和包以以及系統(tǒng)各各頁(yè)面要使使用的日期期。4、各功能能模塊的設(shè)設(shè)計(jì)與實(shí)現(xiàn)現(xiàn)程序除了將將常用的Java包和類(lèi)包含含進(jìn)來(lái)外，，還將自定定義包bookshop包含進(jìn)來(lái)，，這個(gè)包中中有3個(gè)JavaBean程序：DBConnectionManager、DBSQLManager和Book，后面將會(huì)會(huì)詳細(xì)介紹紹這3個(gè)JavaBean程序。值得注意的的是，程序序定義了兩兩個(gè)String類(lèi)型變量：：dateString和_dateString，前者是表表示當(dāng)前系系統(tǒng)日期，，后者表示示當(dāng)前系統(tǒng)統(tǒng)日期時(shí)間間，這兩個(gè)個(gè)變量將在在網(wǎng)上書(shū)店店的其他JSP文件中使用用。check.jsp用來(lái)判斷系系統(tǒng)用戶(hù)是是否登錄，，防止非法法用戶(hù)登錄錄到系統(tǒng)對(duì)對(duì)系統(tǒng)進(jìn)行行破壞4、各功能能模塊的設(shè)設(shè)計(jì)與實(shí)現(xiàn)現(xiàn)代碼如下：：<%if((String)session.getValue("Enter")!="true"){Stringerrmsg="error2";response.sendRedirect("login.jsp?errmsg="+errmsg);}%>header.jsp和和footer.jsp為了了使使網(wǎng)網(wǎng)上上書(shū)書(shū)店店的的所所有有頁(yè)頁(yè)面面具具有有統(tǒng)統(tǒng)一一的的風(fēng)風(fēng)格格，，把把頁(yè)頁(yè)面面頭頭和和尾尾的的代代碼碼分分開(kāi)開(kāi)，，分分別別放放在在單單獨(dú)獨(dú)的的JSP文文件件中中。。4、、各各功功能能模模塊塊的的設(shè)設(shè)計(jì)計(jì)與與實(shí)實(shí)現(xiàn)現(xiàn)在其其他他頁(yè)頁(yè)面面中中使使用用時(shí)時(shí)，，利利用用include指指令令將將它它們們包包含含進(jìn)進(jìn)來(lái)來(lái)即即可可。。這這是是開(kāi)開(kāi)發(fā)發(fā)一一個(gè)個(gè)大大型型、、實(shí)實(shí)用用的的Web應(yīng)應(yīng)用用常常用用的的方方法法，，可可以以簡(jiǎn)簡(jiǎn)化化頁(yè)頁(yè)面面的的重重復(fù)復(fù)代代碼碼，，也也為為以以后后的的管管理理和和維維護(hù)護(hù)工工作作提提供供了了方方便便。。header.jsp和和footer.jsp就就是是這這樣樣的的兩兩個(gè)個(gè)文文件件。。如果果其其他他JSP文文件件要要使使用用它它們們，，可可利利用用如如下下語(yǔ)語(yǔ)句句將將它它們們包包含含進(jìn)進(jìn)來(lái)來(lái)：：<%@includefile="incoming/header.jsp"%><%@includefile="incoming/footer.jsp"%>4、、各各功功能能模模塊塊的的設(shè)設(shè)計(jì)計(jì)與與實(shí)實(shí)現(xiàn)現(xiàn)2、網(wǎng)網(wǎng)上上書(shū)書(shū)店店主主界界面面用戶(hù)戶(hù)打打開(kāi)開(kāi)網(wǎng)網(wǎng)上上書(shū)書(shū)店店首首先先見(jiàn)見(jiàn)到到的的頁(yè)頁(yè)面面，，通通過(guò)過(guò)該該頁(yè)頁(yè)面面，，用用戶(hù)戶(hù)可可以以注注冊(cè)冊(cè)用用戶(hù)戶(hù)、、登登錄錄系系統(tǒng)統(tǒng)、、查查看看最最新新消消息息，，系系統(tǒng)統(tǒng)管管理理員員也也可可以以通通過(guò)過(guò)主主頁(yè)頁(yè)面面進(jìn)進(jìn)入入到到后后臺(tái)臺(tái)管管理理系系統(tǒng)統(tǒng)。。主界界面面4、、各各功功能能模模塊塊的的設(shè)設(shè)計(jì)計(jì)與與實(shí)實(shí)現(xiàn)現(xiàn)3、、建建立立與與數(shù)數(shù)據(jù)據(jù)庫(kù)庫(kù)相相關(guān)關(guān)的的JavaBean在上上個(gè)個(gè)實(shí)實(shí)例例中中，，使使用用一一個(gè)個(gè)單單獨(dú)獨(dú)的的JSP文文件件““connectdb.jsp””來(lái)來(lái)連連接接數(shù)數(shù)據(jù)據(jù)庫(kù)庫(kù)。。由由于于連連接接數(shù)數(shù)據(jù)據(jù)庫(kù)庫(kù)的的操操作作在在JSP程程序序中中用用得得較較多多，，并并且且是是一一項(xiàng)項(xiàng)很很消消耗耗系系統(tǒng)統(tǒng)資資源源的的操操作作，，所所以以本本章章實(shí)實(shí)例例把把這這個(gè)個(gè)操操作作寫(xiě)寫(xiě)成成JavaBean。。DBConnectionManager.java需要要注注意意如如下下幾幾點(diǎn)點(diǎn)：：程序序定定義義了了驅(qū)驅(qū)動(dòng)動(dòng)類(lèi)類(lèi)型型名名稱(chēng)稱(chēng)變變量量driverName和連連接接字字符符串串變變量量url，并并給給它它們們賦賦初初值值，，表表示示當(dāng)當(dāng)前前連連接接數(shù)數(shù)據(jù)據(jù)庫(kù)庫(kù)bookshop。getConnection()方法法用用于于獲獲得得數(shù)數(shù)據(jù)據(jù)庫(kù)庫(kù)連連接接實(shí)實(shí)例例。。4、、各各功功能能模模塊塊的的設(shè)設(shè)計(jì)計(jì)與與實(shí)實(shí)現(xiàn)現(xiàn)程序序的的包包名名為為bookshop，其其他他JavaBean類(lèi)的的包包名名也也是是bookshop。使用用如如下下命命令令編編譯譯程程序序：：javacDBConnectionManager.java得到到類(lèi)類(lèi)文文件件DBConnectionManager.class除了了連連接接數(shù)數(shù)據(jù)據(jù)庫(kù)庫(kù)操操作作外外，，在在程程序序中中經(jīng)經(jīng)常常會(huì)會(huì)執(zhí)執(zhí)行行指指定定的的SQL語(yǔ)句句，，所所以以也也可可以以將將這這個(gè)個(gè)操操作作編編寫(xiě)寫(xiě)為為JavaBean。編寫(xiě)寫(xiě)JavaBean程序序DBSQLManager.java，說(shuō)說(shuō)明明如如下下：：4、、各各功功能能模模塊塊的的設(shè)設(shè)計(jì)計(jì)與與實(shí)實(shí)現(xiàn)現(xiàn)程序序中中要要使使用用類(lèi)類(lèi)DBConnectionManager，所所以以要要將將其其包包含含進(jìn)進(jìn)來(lái)來(lái)。。直直接接寫(xiě)寫(xiě)如如下下語(yǔ)語(yǔ)句句：：importbookshop.*;在構(gòu)造方方法中，，聲明了了一個(gè)DBConnectionManager對(duì)象，用用來(lái)建立立與數(shù)據(jù)據(jù)庫(kù)bookshop的連接，，并生成成Statement對(duì)象。方法executeQuery()用來(lái)執(zhí)行行SQL查詢(xún)語(yǔ)句句，返回回的ResultSet對(duì)象，并并賦值給給成員rs。方法executeUpdate()用來(lái)執(zhí)行行INSERT、DELETE和UPDATE語(yǔ)句。在編譯DBSQLManager.java時(shí)，要將將DBConnectionManager.class文件放置置在DBSQLManager.java所在目錄錄的子目目錄booshop下。4、各功功能模塊塊的設(shè)計(jì)計(jì)與實(shí)現(xiàn)現(xiàn)4、【用戶(hù)注冊(cè)冊(cè)】模塊用戶(hù)在網(wǎng)網(wǎng)上書(shū)店店訂購(gòu)圖圖書(shū)前，，需要注注冊(cè)用戶(hù)戶(hù)。用戶(hù)戶(hù)注冊(cè)系系統(tǒng)共有有兩個(gè)JSP文件：““register.jsp”和“adduser.jsp”register.jsp定義一個(gè)個(gè)表單以以及相關(guān)關(guān)輸入框框，用于于用戶(hù)輸輸入注冊(cè)冊(cè)信息。。填寫(xiě)完完畢，用用戶(hù)單擊擊【注冊(cè)】按鈕，程程序會(huì)檢檢驗(yàn)用戶(hù)戶(hù)名和密密碼的位位數(shù)是否否符合要要求以及及兩次輸輸入的密密碼是否否一致。。adduser.jsp提交表單單后，進(jìn)進(jìn)入“adduser.jsp”頁(yè)面，將將用戶(hù)信信息存入入數(shù)據(jù)庫(kù)庫(kù)。4、各功功能模塊塊的設(shè)計(jì)計(jì)與實(shí)現(xiàn)現(xiàn)5、網(wǎng)上上購(gòu)書(shū)子子系統(tǒng)session對(duì)象的的作用是是記錄每每個(gè)客戶(hù)戶(hù)端的訪(fǎng)訪(fǎng)問(wèn)狀態(tài)態(tài)，以便便跟蹤每每個(gè)客戶(hù)戶(hù)端的操操作狀態(tài)態(tài)。在網(wǎng)網(wǎng)上購(gòu)書(shū)書(shū)子系統(tǒng)統(tǒng)中，使使用session對(duì)對(duì)象可以以跟蹤用用戶(hù)購(gòu)書(shū)書(shū)操作，，本實(shí)例例中要充充分利用用session對(duì)象象。booklist.jsp用來(lái)列出出網(wǎng)上書(shū)書(shū)店的所所有書(shū)籍籍供用戶(hù)戶(hù)購(gòu)買(mǎi)。。bookdetail.jsp該頁(yè)面中中顯示了了書(shū)的詳詳細(xì)信息息，用戶(hù)戶(hù)還可以以設(shè)置要要購(gòu)買(mǎi)多多少本書(shū)書(shū)。Book.java4、各功功能模塊塊的設(shè)計(jì)計(jì)與實(shí)現(xiàn)現(xiàn)booklist.jsp用來(lái)列出出網(wǎng)上書(shū)書(shū)店的所所有書(shū)籍籍供用戶(hù)戶(hù)購(gòu)買(mǎi)。。該頁(yè)面運(yùn)運(yùn)行界面面如下:4、各功功能模塊塊的設(shè)計(jì)計(jì)與實(shí)現(xiàn)現(xiàn)bookdetail.jsp該頁(yè)面中中顯示了了書(shū)的詳詳細(xì)信息息，用戶(hù)戶(hù)還可以以設(shè)置要要購(gòu)買(mǎi)多多少本書(shū)書(shū)。該頁(yè)頁(yè)面運(yùn)行行界面如如下:4、各功功能模塊塊的設(shè)計(jì)計(jì)與實(shí)現(xiàn)現(xiàn)buybook.jsp用于接受受“bookdetail.jsp”文件傳過(guò)過(guò)來(lái)的購(gòu)購(gòu)書(shū)信息息，并添添加到購(gòu)購(gòu)物車(chē)中中。值得得注意以以下幾點(diǎn)點(diǎn)：基于session實(shí)現(xiàn)購(gòu)物物車(chē)。由于用戶(hù)戶(hù)可以訂訂購(gòu)多本本圖書(shū)，，反復(fù)訂訂購(gòu)，所所以選擇擇了Vector（向量類(lèi)類(lèi)）作為為購(gòu)物車(chē)車(chē)session變量的類(lèi)類(lèi)型。由于購(gòu)物物車(chē)中，，用戶(hù)購(gòu)購(gòu)買(mǎi)書(shū)的的種類(lèi)不不是惟一一的，而而是不確確定的，，所以采采取了Vector類(lèi)，而不不是數(shù)組組。4、各功功能模塊塊的設(shè)計(jì)計(jì)與實(shí)現(xiàn)現(xiàn)Vector（向量類(lèi)類(lèi)）是java.util包（java中各種常常用工具具類(lèi)的類(lèi)類(lèi)庫(kù)）提提供的一一個(gè)工具具類(lèi)。它它類(lèi)似于于數(shù)組，，但是具具有比數(shù)數(shù)組更強(qiáng)強(qiáng)大的功功能。Vector類(lèi)對(duì)象所所表達(dá)的的序列中中元素的的個(gè)數(shù)是是可變的的，可以以說(shuō)，Vector類(lèi)實(shí)現(xiàn)了了變長(zhǎng)數(shù)數(shù)組，隨隨著更多多元素加加入其中中，數(shù)組組變得更更大。在在刪除一一些元素素之后，，數(shù)組變變小。Vector類(lèi)的對(duì)象象不但可可以保存存一序列列的數(shù)據(jù)據(jù)，而且且還封裝裝了一些些有用的的方法來(lái)來(lái)操作和和處理這這些數(shù)據(jù)據(jù)，如addElement()、insertElementAt()、elementAt()、setElementAt()、removeElement()、removeAllElements()等。4、各功功能模塊塊的設(shè)計(jì)計(jì)與實(shí)現(xiàn)現(xiàn)shopcar.jsp作用是顯顯示購(gòu)物物車(chē)中的的內(nèi)容，，實(shí)際上上它只是是從session中取出購(gòu)購(gòu)物車(chē)變變量shopcar，如果購(gòu)購(gòu)物車(chē)為為空，頁(yè)頁(yè)面就顯顯示購(gòu)物物車(chē)為空空的信息息。如果果購(gòu)物車(chē)車(chē)不為空空，它就就取出用用戶(hù)訂購(gòu)購(gòu)的所有有書(shū)籍，，依次顯顯示在頁(yè)頁(yè)面上。。4、各功功能模塊塊的設(shè)計(jì)計(jì)與實(shí)現(xiàn)現(xiàn)checkout.jsp作用是將將訂單寫(xiě)寫(xiě)入到數(shù)數(shù)據(jù)庫(kù)中中。4、各功功能模塊塊的設(shè)計(jì)計(jì)與實(shí)現(xiàn)現(xiàn)查看【我的訂單單】(myshop.jsp)購(gòu)買(mǎi)圖書(shū)書(shū)后，用用戶(hù)隨時(shí)時(shí)可以查查看以前前的所有有訂單，，單擊頁(yè)頁(yè)面頭【我的訂單單】，就可以以打開(kāi)““myshop.jsp”頁(yè)面。4、各功功能模塊塊的設(shè)計(jì)計(jì)與實(shí)現(xiàn)現(xiàn)orderitem.jsp如果用戶(hù)戶(hù)單擊““查看””按鈕，，可以進(jìn)進(jìn)入“orderitem.jsp”頁(yè)頁(yè)面，查查看每個(gè)個(gè)訂單的的各圖書(shū)書(shū)信息以以及購(gòu)買(mǎi)買(mǎi)數(shù)量。。4、各功功能模塊塊的設(shè)計(jì)計(jì)與實(shí)現(xiàn)現(xiàn)將各JSP文件件、JDBC驅(qū)驅(qū)動(dòng)程序序jar文件等等按照““系統(tǒng)程程序目錄錄圖”組組織本系系統(tǒng)程序序目錄。。然后將將其拷貝貝到Tomcat服務(wù)務(wù)器的Webapps目錄下下，再啟啟動(dòng)Tomcat服務(wù)務(wù)器。打開(kāi)瀏瀏覽器器，在在地址址欄中中輸入入：http://localhost:8080/bookshop/index.jsp就會(huì)打打開(kāi)網(wǎng)網(wǎng)上書(shū)書(shū)店主主頁(yè)，，進(jìn)行行相應(yīng)應(yīng)操作作。5、部部署和和發(fā)布布系統(tǒng)統(tǒng)本課小小結(jié)理解電電子書(shū)書(shū)城的的基本本設(shè)計(jì)計(jì)思想想系統(tǒng)數(shù)數(shù)據(jù)庫(kù)庫(kù)設(shè)計(jì)計(jì)數(shù)據(jù)庫(kù)庫(kù)封裝裝成Bean課外拓拓展根據(jù)您您對(duì)所所在城城市的的新華華書(shū)店店的業(yè)業(yè)務(wù)處處理流流程的的了解解和分析析，參參照電電子書(shū)書(shū)城，，設(shè)計(jì)計(jì)出電電子書(shū)書(shū)城網(wǎng)網(wǎng)站的的數(shù)據(jù)據(jù)庫(kù)（bookshop）。9、靜夜四四無(wú)鄰，，荒居舊舊業(yè)貧。。。2023/1/42023/1/4Wednesday,January4,202310、雨中中黃葉葉樹(shù)，，燈下下白頭頭人。。。2023/1/42023/1/42023/1/41/4/20238:53:40PM11、以我獨(dú)獨(dú)沈久，，愧君相相見(jiàn)頻。。。2023/1/42023/1/42023/1/4Jan-2304-Jan-2312、故人江海別別，幾度隔山山川。。2023/1/42023/1/42023/1/4Wednesday,January4,202313、乍見(jiàn)翻疑疑夢(mèng)，相悲悲各問(wèn)年。。。2023/1/42023/1/42023/1/42023/1/41/4/202314、他他鄉(xiāng)鄉(xiāng)生生白白發(fā)發(fā)，，舊舊國(guó)國(guó)見(jiàn)見(jiàn)青青山山。。。。04一一月月20232023/1/42023/1/42023/1/415、比不不了得得就不不比，，得不不到的的就不不要。。。。。一月232023/1/42023/1/42023/1/41/4/202316、行動(dòng)出成成果，工作作出財(cái)富。。。2023/1/42023/1/404January202317、做前，能夠夠環(huán)視四周；；做時(shí)，你只只能或者最好好沿著以腳為為起點(diǎn)的射線(xiàn)線(xiàn)向前。。2023/1/42023/1/42023/1/42023/1/49、沒(méi)沒(méi)有有失失敗敗，，只只有有暫暫時(shí)時(shí)停停止止成成功功??！。。2023/1/42023/1/4Wednesday,January4,202310、很多事事情努力力了未必必有結(jié)果果，但是是不努力力卻什么么改變也也沒(méi)有。。。2023/1/42023/1/42023/1/41/4/20238:53:40PM11、成功就是是日復(fù)一日日那一點(diǎn)點(diǎn)點(diǎn)小小努力力的積累。。。2023/1/42023/1/42023/1/4Jan-2304-Jan-2312、世間成事，，不求其絕對(duì)對(duì)圓滿(mǎn)，留一一份不足，可可得無(wú)限完美美。。2023/1/42023/1/42023/1/4Wednesday,January4,202313、不不知知香香積積寺寺，，數(shù)數(shù)里里入入云云峰峰。。。。2023/1/42023/1/42023/1/42023/1/41/4/202314、意志志堅(jiān)強(qiáng)強(qiáng)的人人能把把世界界放在在手中中像泥泥塊一一樣任任意揉揉捏。。04一一月月20232023/1/42023/1/42023/1/415、楚塞三湘湘接，荊門(mén)門(mén)九派通。。。。一月232023/1/42023/1/42023/1/41/4/202316、少年十十五二十十時(shí)，步步行奪得得胡馬騎騎。。2023/1/42023/1/404January202317、空山新雨后后，天氣晚來(lái)來(lái)秋。。2023/1/4