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

1、第十一講第十一講 JSP10課時(shí)課時(shí)(450分鐘分鐘)本課目標(biāo)本課目標(biāo) 理解電子書(shū)城的基本設(shè)計(jì)思想理解電子書(shū)城的基本設(shè)計(jì)思想 熟悉系統(tǒng)需求分析、系統(tǒng)功能模塊設(shè)計(jì)、系統(tǒng)界面設(shè)計(jì)、熟悉系統(tǒng)需求分析、系統(tǒng)功能模塊設(shè)計(jì)、系統(tǒng)界面設(shè)計(jì)、系統(tǒng)主要流程設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)和詳細(xì)設(shè)計(jì)系統(tǒng)主要流程設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)和詳細(xì)設(shè)計(jì) 知識(shí)知識(shí) 理解電子書(shū)城的基本設(shè)計(jì)思想理解電子書(shū)城的基本設(shè)計(jì)思想 結(jié)合其他相關(guān)課程中學(xué)習(xí)到的軟件開(kāi)發(fā)生命周期的相關(guān)內(nèi)結(jié)合其他相關(guān)課程中學(xué)習(xí)到的軟件開(kāi)發(fā)生命周期的相關(guān)內(nèi)容，進(jìn)一步明確本書(shū)的學(xué)習(xí)目標(biāo)。容，進(jìn)一步明確本書(shū)的學(xué)習(xí)目標(biāo)。 技能技能u1.電子書(shū)城總體設(shè)計(jì) u2.系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì) u3.系統(tǒng)基本框

2、架u4.各功能模塊的設(shè)計(jì)與實(shí)現(xiàn) u5.部署和發(fā)布系統(tǒng) 主要內(nèi)容主要內(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)功能及模塊 l 用戶(hù)注冊(cè)：用戶(hù)在網(wǎng)上書(shū)店訂購(gòu)圖書(shū)前，必須注冊(cè)用戶(hù)。 l 網(wǎng)上購(gòu)物：注冊(cè)用戶(hù)可以查看書(shū)店中有哪些圖書(shū)，并確定訂購(gòu)哪些圖書(shū)，可以反復(fù)訂購(gòu)。l 查看以前用戶(hù)訂單：注冊(cè)用戶(hù)登錄系統(tǒng)后，可以查看、修改用戶(hù)信息，也可以查看以前在網(wǎng)上書(shū)店訂購(gòu)的圖書(shū)。1、網(wǎng)上書(shū)店總體設(shè)計(jì)、網(wǎng)上書(shū)店總體設(shè)計(jì)l 系統(tǒng)管理與維護(hù)：這是系統(tǒng)管理員的工作，要求能夠添加、修改、刪除圖書(shū)等。系統(tǒng)功能模塊如下圖所示： 系統(tǒng)功能模塊系

3、統(tǒng)功能模塊1、網(wǎng)上書(shū)店總體設(shè)計(jì)、網(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ù)器）則采用Tomcat 5.0。后臺(tái)數(shù)據(jù)庫(kù)管理系統(tǒng)則采用SQL Server 2000。 1、網(wǎng)上書(shū)店總體設(shè)計(jì)、網(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ì)、系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)2、系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)、系統(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ì)、系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)網(wǎng)上書(shū)

4、店的基本結(jié)構(gòu)如下所示： 系統(tǒng)基本結(jié)構(gòu)圖系統(tǒng)基本結(jié)構(gòu)圖3、系統(tǒng)基本框架、系統(tǒng)基本框架系統(tǒng)程序目錄結(jié)構(gòu)圖系統(tǒng)程序目錄結(jié)構(gòu)圖3、系統(tǒng)基本框架、系統(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è)文件。lcommon.jspl“common.jsp”文件包含其他JSP文件中需要導(dǎo)入的Java類(lèi)和包以及系統(tǒng)各頁(yè)面要使用的日期。4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)

5、現(xiàn)l程序除了將常用的Java包和類(lèi)包含進(jìn)來(lái)外，還將自定義包bookshop包含進(jìn)來(lái)，這個(gè)包中有3個(gè)JavaBean程序：DBConnectionManager、DBSQLManager和Book，后面將會(huì)詳細(xì)介紹這3個(gè)JavaBean程序。l值得注意的是，程序定義了兩個(gè)String類(lèi)型變量：dateString和_dateString，前者是表示當(dāng)前系統(tǒng)日期，后者表示當(dāng)前系統(tǒng)日期時(shí)間，這兩個(gè)變量將在網(wǎng)上書(shū)店的其他JSP文件中使用。lcheck.jspl用來(lái)判斷系統(tǒng)用戶(hù)是否登錄，防止非法用戶(hù)登錄到系統(tǒng)對(duì)系統(tǒng)進(jìn)行破壞 4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)代碼如下： lheader.j

6、sp和footer.jsp l為了使網(wǎng)上書(shū)店的所有頁(yè)面具有統(tǒng)一的風(fēng)格，把頁(yè)面頭和尾的代碼分開(kāi)，分別放在單獨(dú)的JSP文件中。 4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)在其他頁(yè)面中使用時(shí)，利用include指令將它們包含進(jìn)來(lái)即可。這是開(kāi)發(fā)一個(gè)大型、實(shí)用的Web應(yīng)用常用的方法，可以簡(jiǎn)化頁(yè)面的重復(fù)代碼，也為以后的管理和維護(hù)工作提供了方便。 header.jsp和footer.jsp就是這樣的兩個(gè)文件。 如果其他JSP文件要使用它們，可利用如下語(yǔ)句將它們包含進(jìn)來(lái)： 4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)2、網(wǎng)上書(shū)店主界面 用戶(hù)打開(kāi)網(wǎng)上書(shū)店首先見(jiàn)到的頁(yè)面，通過(guò)該頁(yè)面，用戶(hù)可以注冊(cè)用戶(hù)

7、、登錄系統(tǒng)、查看最新消息，系統(tǒng)管理員也可以通過(guò)主頁(yè)面進(jìn)入到后臺(tái)管理系統(tǒng)。主界面主界面4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)3、建立與數(shù)據(jù)庫(kù)相關(guān)的JavaBean 在上個(gè)實(shí)例中，使用一個(gè)單獨(dú)的JSP文件“connectdb.jsp”來(lái)連接數(shù)據(jù)庫(kù)。由于連接數(shù)據(jù)庫(kù)的操作在JSP程序中用得較多，并且是一項(xiàng)很消耗系統(tǒng)資源的操作，所以本章實(shí)例把這個(gè)操作寫(xiě)成JavaBean。DBConnectionManager.java需要注意如下幾點(diǎn)： 程序定義了驅(qū)動(dòng)類(lèi)型名稱(chēng)變量driverName和連接字符串變量url，并給它們賦初值，表示當(dāng)前連接數(shù)據(jù)庫(kù)bookshop。getConnection()方法

8、用于獲得數(shù)據(jù)庫(kù)連接實(shí)例。 4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)程序的包名為bookshop，其他JavaBean類(lèi)的包名也是bookshop。使用如下命令編譯程序：javac DBConnectionManager.java 得到類(lèi)文件DBConnectionManager.class 除了連接數(shù)據(jù)庫(kù)操作外，在程序中經(jīng)常會(huì)執(zhí)行指定的SQL語(yǔ)句，所以也可以將這個(gè)操作編寫(xiě)為JavaBean。編寫(xiě)JavaBean程序DBSQLManager.java，說(shuō)明如下： 4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)程序中要使用類(lèi)DBConnectionManager，所以要將其包含進(jìn)來(lái)。

9、直接寫(xiě)如下語(yǔ)句：import bookshop.*;在構(gòu)造方法中，聲明了一個(gè)DBConnectionManager對(duì)象，用來(lái)建立與數(shù)據(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ì)與實(shí)現(xiàn)、各功能模塊

10、的設(shè)計(jì)與實(shí)現(xiàn)l4、【用戶(hù)注冊(cè)】模塊l用戶(hù)在網(wǎng)上書(shū)店訂購(gòu)圖書(shū)前，需要注冊(cè)用戶(hù)。用戶(hù)注冊(cè)系統(tǒng)共有兩個(gè)JSP文件：“register.jsp”和“adduser.jsp” lregister.jsp l定義一個(gè)表單以及相關(guān)輸入框，用于用戶(hù)輸入注冊(cè)信息。填寫(xiě)完畢，用戶(hù)單擊【注冊(cè)】按鈕，程序會(huì)檢驗(yàn)用戶(hù)名和密碼的位數(shù)是否符合要求以及兩次輸入的密碼是否一致。 ladduser.jsp l提交表單后，進(jìn)入“adduser.jsp”頁(yè)面，將用戶(hù)信息存入數(shù)據(jù)庫(kù)。 4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)5、網(wǎng)上購(gòu)書(shū)子系統(tǒng)session對(duì)象的作用是記錄每個(gè)客戶(hù)端的訪(fǎng)問(wèn)狀態(tài)，以便跟蹤每個(gè)客戶(hù)端的操作狀態(tài)。在

11、網(wǎng)上購(gòu)書(shū)子系統(tǒng)中，使用session對(duì)象可以跟蹤用戶(hù)購(gòu)書(shū)操作，本實(shí)例中要充分利用session對(duì)象。lbooklist.jsp 用來(lái)列出網(wǎng)上書(shū)店的所有書(shū)籍供用戶(hù)購(gòu)買(mǎi)。lbookdetail.jsp 該頁(yè)面中顯示了書(shū)的詳細(xì)信息，用戶(hù)還可以設(shè)置要購(gòu)買(mǎi)多少本書(shū)。 lBook.java4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)l booklist.jsp 用來(lái)列出網(wǎng)上書(shū)店的所有書(shū)籍供用戶(hù)購(gòu)買(mǎi)。 該頁(yè)面運(yùn)行界面如下:4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)l bookdetail.jsp 該頁(yè)面中顯示了書(shū)的詳細(xì)信息，用戶(hù)還可以設(shè)置要購(gòu)買(mǎi)多少本書(shū)。該頁(yè)面運(yùn)行界面如下:4、各功能模塊的設(shè)計(jì)

12、與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)lbuybook.jsp 用于接受“bookdetail.jsp”文件傳過(guò)來(lái)的購(gòu)書(shū)信息，并添加到購(gòu)物車(chē)中。值得注意以下幾點(diǎn)： 基于session實(shí)現(xiàn)購(gòu)物車(chē)。由于用戶(hù)可以訂購(gòu)多本圖書(shū)，反復(fù)訂購(gòu)，所以選擇了Vector（向量類(lèi)）作為購(gòu)物車(chē)session變量的類(lèi)型。 由于購(gòu)物車(chē)中，用戶(hù)購(gòu)買(mǎi)書(shū)的種類(lèi)不是惟一的，而是不確定的，所以采取了Vector類(lèi)，而不是數(shù)組。 4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)lVector（向量類(lèi)）是java.util包（java中各種常用工具類(lèi)的類(lèi)庫(kù)）提供的一個(gè)工具類(lèi)。它類(lèi)似于數(shù)組，但是具有比數(shù)組更強(qiáng)大的功能。Vector類(lèi)對(duì)象所表

13、達(dá)的序列中元素的個(gè)數(shù)是可變的，可以說(shuō)，Vector類(lèi)實(shí)現(xiàn)了變長(zhǎng)數(shù)組，隨著更多元素加入其中，數(shù)組變得更大。在刪除一些元素之后，數(shù)組變小。lVector類(lèi)的對(duì)象不但可以保存一序列的數(shù)據(jù)，而且還封裝了一些有用的方法來(lái)操作和處理這些數(shù)據(jù)，如addElement()、insertElementAt()、elementAt()、setElementAt()、removeElement()、removeAllElements()等。 4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)lshopcar.jsp 作用是顯示購(gòu)物車(chē)中的內(nèi)容，實(shí)際上它只是從session中取出購(gòu)物車(chē)變量shopcar，如果購(gòu)物車(chē)為空

14、，頁(yè)面就顯示購(gòu)物車(chē)為空的信息。如果購(gòu)物車(chē)不為空，它就取出用戶(hù)訂購(gòu)的所有書(shū)籍，依次顯示在頁(yè)面上。 4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)l checkout.jsp 作用是將訂單寫(xiě)入到數(shù)據(jù)庫(kù)中。4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)l 查看【我的訂單】(myshop.jsp)l購(gòu)買(mǎi)圖書(shū)后，用戶(hù)隨時(shí)可以查看以前的所有訂單，單擊頁(yè)面頭【我的訂單】，就可以打開(kāi)“myshop.jsp”頁(yè)面。4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)orderitem.jsp 如果用戶(hù)單擊“查看”按鈕，可以進(jìn)入“orderitem.jsp” 頁(yè)面，查看每個(gè)訂單的各圖書(shū)信息以及購(gòu)買(mǎi)數(shù)量。4、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)、各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)將各JSP文件、JDBC驅(qū)動(dòng)程序jar文件等按照“系統(tǒng)程序目錄圖”組織本系統(tǒng)程序目錄。然后將其拷貝到Tomcat服務(wù)器的W