《javaweb課程設(shè)計(jì)說明書.doc》由會員分享，可在線閱讀，更多相關(guān)《javaweb課程設(shè)計(jì)說明書.doc（41頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

1、 長 沙 學(xué) 院 課程設(shè)計(jì)說明書 題目 Web應(yīng)用程序設(shè)計(jì) 系(部) 數(shù)學(xué)與計(jì)算機(jī)科學(xué)系 專業(yè)(班級) 姓名 學(xué)號 指導(dǎo)教師 起止日期 2015.11.30～2015.12.11 課程設(shè)計(jì)任務(wù)書 課程名稱：Web應(yīng)用程序課程設(shè)計(jì) 設(shè)計(jì)題目：網(wǎng)上商店前臺功能的設(shè)計(jì)與實(shí)現(xiàn) 已知技術(shù)參數(shù)和設(shè)計(jì)要求： 1. 問題描述（功能要求）： （1） 分析設(shè)計(jì)一個(gè)網(wǎng)上商店的前臺功能部分。完成本系統(tǒng)的如下功能： l 用戶注冊和登陸 l 展示特定的某類商品：展示的方式有多種，可以按類別、按銷

2、售排行榜、按上架時(shí)間等，有層次的展示商品，提高用戶的購買興趣。對于某種商品，除顯示商品信息以外，還可以附加評論、推薦相關(guān)類型商品。 l 商品查詢：根據(jù)多種條件來查詢，比如商品名稱、價(jià)格、顏色等特征信息。能進(jìn)行模糊匹配，包含關(guān)鍵字的商品都能查到。 l 購物車：只有注冊用戶才能購買。為用戶提供購物車，購物車內(nèi)同類商品的數(shù)量可以修改，也可以刪除購物車?yán)镆延械纳唐?。購物車信息保存，便于下次購物時(shí)繼續(xù)選購商品。 2. 運(yùn)行環(huán)境要求： 正確安裝、配置和運(yùn)行Tomcat。 正確安裝、配置和運(yùn)行MyEclipse。 正確安裝、配置和運(yùn)行MySQL數(shù)據(jù)庫和JDBC驅(qū)動程序。 3. 技術(shù)

3、要求： 要求使用Java語言，利用面向?qū)ο蟮姆椒ā⒕幊趟枷雭硗瓿上到y(tǒng)的設(shè)計(jì)；在設(shè)計(jì)的過程中，建立清晰的類層次；在系統(tǒng)設(shè)計(jì)中要分析和定義各個(gè)類，每個(gè)類中要有各自的屬性和方法。寫出需求分析，UML設(shè)計(jì)圖，數(shù)據(jù)庫設(shè)計(jì)圖。 設(shè)計(jì)工作量： 40課時(shí) 工作計(jì)劃： 1.班級 13計(jì)科1、2班、13信息1、2班 2.課時(shí)及教室安排 4課時(shí)：相關(guān)知識介紹。機(jī)房內(nèi)多媒體教室 10課時(shí)：設(shè)計(jì)。普通教室。 24~26課時(shí)：上機(jī)、調(diào)試。計(jì)算機(jī)系機(jī)房 4~6課時(shí)：調(diào)試答辯。計(jì)算機(jī)系機(jī)房  長沙學(xué)院課程設(shè)計(jì)鑒定表 姓名 學(xué)號 3 專業(yè) 班級 設(shè)計(jì)題目 Web應(yīng)用程序

4、課程設(shè)計(jì) 指導(dǎo)教師 指導(dǎo)教師意見： 評定等級： 教師簽名： 日期： 答辯小組意見： 評定等級：　　　　　答辯小組長簽名：　　　　　日期：　　　　 教研室意見： 教研室主任簽名： 日期： 　 系（部）意見： 系主任簽名：　　　　　　　　日期：　　　　　 說明 課程設(shè)計(jì)成績分“優(yōu)秀”、“良好”、“中等”、“及格”、“不及格”五類； 摘要 為了更好的鞏固和加強(qiáng)本學(xué)期所學(xué)的知識，

5、把所學(xué)的東西轉(zhuǎn)化為實(shí)際應(yīng)用。我們學(xué)習(xí)了MyEclipse、Dreamweaver、Tomcat等應(yīng)用程序的使用。并應(yīng)用了SQL語言。對數(shù)據(jù)庫的創(chuàng)建、修改、刪除方法有了一定的了解。通過導(dǎo)入表和刪除表、更改表學(xué)會了對表的一些操作。為了建立一個(gè)好的合理的網(wǎng)上商店，我們必須經(jīng)過需求分析、數(shù)據(jù)邏輯分析、用戶接口類設(shè)計(jì)及界面布局的設(shè)計(jì)。最后編碼實(shí)現(xiàn)，調(diào)試及系統(tǒng)維護(hù)的一般過程，為畢業(yè)設(shè)計(jì)打下基礎(chǔ)。 需求分析階段，建立UML用例圖，并給出復(fù)雜用例（如“展示商品”）的功能說明。數(shù)據(jù)邏輯分析階段，建立數(shù)據(jù)存儲結(jié)構(gòu)，類圖，ER圖。用戶接口類設(shè)計(jì)階段，并建立實(shí)體類之間的關(guān)系，界面布局的設(shè)計(jì)階段，使用Dreamwea

6、ver應(yīng)用程序進(jìn)行設(shè)計(jì)，使用CSS、HTML語言進(jìn)行實(shí)現(xiàn)。 通過網(wǎng)上書店的構(gòu)造以及用戶的信息、購物車的信息、還有商品的相關(guān)信息制成表格，輸入到數(shù)據(jù)庫中，使之能夠進(jìn)行查詢、修改、刪除、插入并且與網(wǎng)上商店執(zhí)行相同的操作。 關(guān)鍵詞：MyEclipse、Dreamweaver、SQL語言、數(shù)據(jù)存儲結(jié)構(gòu)、UML用例圖、CSS、HTM 目錄 1 需求分析 1 1.1 UML用例圖 1 1.2 ER圖 3 2 程序設(shè)計(jì) 4 2.1 實(shí)體類 4 2.2 用戶接口類 5 2.2.1 登錄界面 5 2.2.2 注冊界面 6 2.2.3 主界面 7 2.2.

7、4 商品詳情頁面 8 2.2.5 購物車界面 9 3 編碼 10 3.1 程序流程圖 10 3.2 模塊列表 11 4 測試 11 4.1 用戶登錄 12 4.2 用戶注冊 14 4.3 用戶注銷 16 4.5 商品瀏覽 17 4.6 商品搜索 18 4.7 商品購買 20 4.8 從購物車中刪除 25 5 總結(jié) 26 參考文獻(xiàn) 27 附錄 28 附錄A 部分程序源代碼 28 1 需求分析 1.1 UML用例圖 圖1-1 用例圖 用例說明： 用例：商品查詢 參與者：游客或者用戶 說明： 1. 游客或者

8、用戶進(jìn)入主頁，用例開始。 2. 游客或者用戶在搜索框輸入搜索關(guān)鍵字。 3. SearchServlet接收到關(guān)鍵字，調(diào)用SearchDAO的相關(guān)方法，找出與之相關(guān)的商品。 4. SearchServlet將SearchDAO獲得的商品信息保存到request中，并且轉(zhuǎn)發(fā)到j(luò)sp頁面。 5. Jsp將搜索到的商品顯示出來。 用例：查看購物車 參與者：游客或者用戶 說明： 1. 游客或用戶在主頁點(diǎn)擊商品進(jìn)入商品詳情頁面。 2. 游客或者用戶在商品詳情點(diǎn)擊查看購物車圖標(biāo)。 3. CartServlet判斷用戶是否已經(jīng)登錄，若用戶還沒有登錄，則提示用戶先去登錄。

9、 4. 用戶去登錄后，在Login這個(gè)Servlet中調(diào)用CartDAO中相應(yīng)的代碼將數(shù)據(jù)庫cart表中該用戶對應(yīng)的記錄，讀取出來存入session中。執(zhí)行步驟5。 5. 若用戶已經(jīng)登錄，則跳轉(zhuǎn)到cart.jsp將session中該用戶所有的購買信息讀取，并顯示出來。 用例：購買商品 參與者：用戶 說明： 1. 用戶在主頁點(diǎn)擊商品進(jìn)入商品詳情頁面。 2. 游客或者用戶在商品詳情點(diǎn)擊加入購物車圖標(biāo)。 3. CartServlet將購買記錄存入session中。同時(shí)，調(diào)用CartDAO的相關(guān)方法，將該記錄插入數(shù)據(jù)庫cart 表中。 4. 彈出窗口顯示購物信息。 5. 回

10、到商品詳情頁面，點(diǎn)擊查看購物車就可以查看相關(guān)的購物記錄。 1.2 ER圖 用戶(user) name id password statue 1 1 擁有 訂單項(xiàng)(orderitem) n id userid 訂單(order) userid

11、 1 n number statue 購物車項(xiàng)(cartitem) orderid id goodsid goodid 商品(goods) n number 1 statue 1 包含 name id catid 1 price image 屬于 關(guān)于

12、 1 商品(goods) descript 商品(goods) 商品(goods) 商品(goods) statue author n stock 1 goodid id id n statue statue 評價(jià)(discuss) name 1 商品種類(category) comment 圖1-2

13、 ER圖 2 程序設(shè)計(jì) 2.1 實(shí)體類 圖2-1 實(shí)體類圖 2.2 用戶接口類 2.2.1 登錄界面 圖2-2 登錄界面 關(guān)聯(lián)的實(shí)體類：user（用戶）類 2.2.2 注冊界面 圖2-3 注冊界面 關(guān)聯(lián)實(shí)體類：user（用戶）類 2.2.3 主界面 圖2-4 主界面 關(guān)聯(lián)實(shí)體類：category（類別）類，goods（商品）類 2.2.4 商品詳情頁面 圖2-5 商品詳情界面 關(guān)聯(lián)的實(shí)體類：category（類別）類，goods（商品）類 ，goods（商品）類，discuss（評價(jià)）類

14、 2.2.5 購物車界面 圖2-6 購物車界面 關(guān)聯(lián)實(shí)體類：category（類別）類，goods（商品）類 ，cartitem（購物車項(xiàng)）類。 3 編碼 3.1 程序流程圖 首頁 入口 已登錄？ 購物車頁 商品搜索 商品詳情頁 登錄 否 是 提交訂單 圖3-1 程序流程圖 3.2 模塊列表 功能模塊 功能說明 關(guān)聯(lián)模塊 商品展示 能夠?qū)母鱾€(gè)模塊轉(zhuǎn)發(fā)過來的商品列表進(jìn)行分頁展示。 搜索模塊，分類模

15、塊 商品搜索 能夠根據(jù)輸入的關(guān)鍵字，搜索相關(guān)的商品轉(zhuǎn)發(fā)到商品展示模塊進(jìn)行展示。 商品展示模塊 用戶登錄 能對輸入的用戶信息進(jìn)行判斷，該用戶是否存在，從而決定是否登錄成功。登錄成功則跳轉(zhuǎn)到主界面。在該模塊還可已選擇跳轉(zhuǎn)到注冊界面進(jìn)行注冊，或者跳轉(zhuǎn)到主界面繼續(xù)瀏覽商品。如果登陸成功可以將數(shù)據(jù)庫中的相對應(yīng)的購物信息存入session中。 注冊模塊，商品展示模塊 用戶注冊 能夠注冊新用戶，可以登錄界面跳轉(zhuǎn)過來，也可以從主界面跳轉(zhuǎn)過來。 登錄模塊，商品展示模塊 用戶注銷 能夠結(jié)束當(dāng)前的session，實(shí)現(xiàn)用戶注銷， 可以在主界面點(diǎn)擊注銷實(shí)現(xiàn)。 商品展示模塊 分類模塊 能夠根

16、據(jù)數(shù)據(jù)庫中不同的類別，生成相應(yīng)的鏈接，當(dāng)點(diǎn)擊不同的種類時(shí)，轉(zhuǎn)發(fā)不同的數(shù)據(jù)到商品展示頁面進(jìn)行顯示，刷新該頁面。 商品展示模塊 購物車 能夠加入購物項(xiàng)購物車，從購物車中刪除購物項(xiàng)，能夠提交訂單，并把訂單信息，購物車信息存入數(shù)據(jù)庫?？梢詮闹鹘缑孢M(jìn)入該頁面，也能夠從商品詳情頁面進(jìn)入該界面。 商品詳情模塊，商品展示模塊 商品詳情 能夠?qū)μ囟ǖ纳唐罚M(jìn)行商品詳情的展示，以及可以查看當(dāng)前商品的庫存。并且顯示最近瀏覽過的商品列表。 商品評價(jià)模塊，購物車模塊， 商品展示模塊 商品評論 和商品詳情在同一個(gè)頁面，能夠顯示當(dāng)前商品的相關(guān)評價(jià)，能夠以當(dāng)前用戶的名義對當(dāng)前的商品進(jìn)行評價(jià)。如果當(dāng)前身份是

17、游客還沒有進(jìn)行登錄。則再點(diǎn)擊提交評論時(shí)，提示還沒有登錄。 商品詳情模塊，登錄模塊 表3-1 模塊列表4 測試 4.1 用戶登錄 數(shù)據(jù)庫中的用戶信息 圖4-1 用戶信息圖 已有用戶登錄 測試數(shù)據(jù)：用戶名：Alice 密碼：123 圖4-2 用戶登錄1 測試結(jié)果： 圖4-3 登錄成功 不存在的用戶登錄 測試數(shù)據(jù)：用戶名：Alice 密碼：12 測試結(jié)果： 圖4-3 登錄失敗 4.2 用戶注冊 不重名用戶注冊 測試數(shù)據(jù)：用戶名：what 密碼：123 確認(rèn)密碼：123 圖4-

18、4 用戶注冊1 注冊結(jié)果：（跳轉(zhuǎn)到登錄頁面進(jìn)行登錄） 圖4-5 注冊成功 重名用戶注冊 測試數(shù)據(jù)：用戶名：what 密碼：12 確認(rèn)密碼：12 圖4-6 用戶注冊2 注冊結(jié)果： 圖4-5 注冊成功 4.3 用戶注銷 注銷前： 圖4-6 注銷前 注銷后： 圖4-7 注銷后 4.5 商品瀏覽 圖4-8 商品瀏覽（文藝） 圖4-9 商品瀏覽2（科教） 4.6 商品搜索 測試數(shù)據(jù)：不畏 圖4-10 商品搜索1 測試結(jié)果：

19、 圖4-11 商品搜索2 4.7 商品購買 測試數(shù)據(jù)：庫存不足 圖4-11 商品購買1 圖4-12 商品購買2 圖4-12 商品購買3（查看購物車） 圖4-12 商品購買4（庫存不足） 測試數(shù)據(jù)：庫存充足 圖4-13 商品購買5 圖4-14 商品購買6 圖4-15 商品購買7 圖4-16 商品購買8 4.8 從購物車中刪除

20、 圖4-17 刪除前 圖4-18 刪除后 5 總結(jié) 這次實(shí)訓(xùn)我用了MyEclipse、Dreamweaver、Tomcat、Navicat等開發(fā)軟件，通過自己的努力和老師、同學(xué)的指導(dǎo)我完成了本次實(shí)訓(xùn)。系統(tǒng)設(shè)計(jì)了用戶模塊，實(shí)現(xiàn)了用戶注冊、登錄，注銷一系列功能；系統(tǒng)設(shè)計(jì)了商品模塊實(shí)現(xiàn)了商品分類瀏覽、詳情展示、模糊搜索以及顯示商品評價(jià)和對特定商品進(jìn)行評價(jià)、以及顯示最近瀏覽過的商品一系列功能；系統(tǒng)還設(shè)計(jì)了購物車模塊，實(shí)現(xiàn)了為每個(gè)用戶分配購物車、將商品加入購物車、將商品從購物車中刪除、查看購物車（重啟瀏覽器后查看上次加入購物車的商品）、提交訂單（當(dāng)庫存不足時(shí)，提示用戶）。我覺得性能是還不錯(cuò)

21、的。至少在自己測試過程中沒有出現(xiàn)異常，能夠達(dá)到預(yù)期的效果。 當(dāng)然，系統(tǒng)也還存在一些不足的地方。在用戶模塊。用戶登錄時(shí)，我覺得可以設(shè)置一個(gè)30天免登陸的選項(xiàng)，這樣可以提高用戶體驗(yàn)。用戶注冊時(shí)，讓用戶提供更加詳細(xì)的信息并且編寫js代碼對用戶輸入的信息做一些正確或錯(cuò)誤的提示。在商品模塊。在進(jìn)行模糊搜索時(shí)，可以設(shè)計(jì)不同的選項(xiàng)，例如，根據(jù)商品的價(jià)格進(jìn)行模糊搜索等。在顯示最近瀏覽過的商品時(shí)也存在不足，沒有將瀏覽記錄存入數(shù)據(jù)庫導(dǎo)致關(guān)閉瀏覽器再次登錄的時(shí)候，無法看到上次的瀏覽記錄。在評價(jià)商品時(shí)，無法顯示對商品的全部評價(jià)而只能顯示最近兩條評價(jià)。在購物車頁面無法對購物項(xiàng)的數(shù)量進(jìn)行修改，我覺得這是一個(gè)很大的不足之

22、處。 通過本次實(shí)訓(xùn)，我掌握了簡單的動態(tài)網(wǎng)頁設(shè)計(jì)及制作基礎(chǔ)技術(shù)，通過對網(wǎng)上書店程序的編寫和對網(wǎng)頁的設(shè)計(jì)，熟悉掌握了設(shè)計(jì)和編寫網(wǎng)頁。尤其是在設(shè)計(jì)主頁時(shí)，我學(xué)會了iframe的使用。通過使用iframe我實(shí)現(xiàn)了在保持頁面框架不變的基礎(chǔ)上，實(shí)現(xiàn)對不同數(shù)據(jù)的加載，從而實(shí)現(xiàn)點(diǎn)擊不同分類顯示不同商品的效果。另外一個(gè)在頁面設(shè)計(jì)上的收獲就是，實(shí)現(xiàn)了對商品的分頁顯示。當(dāng)然這并不僅僅是通過頁面布局實(shí)現(xiàn)的，也牽扯到了后臺的邏輯。商品分頁的實(shí)現(xiàn)，很大程度的提高了用戶體驗(yàn)，如果商品太多用戶不再需要拖動滾動條，而只要點(diǎn)擊鏈接就能看到后續(xù)的商品。不過，這次實(shí)訓(xùn)最大的收獲是在后臺邏輯，在頁面的跳轉(zhuǎn)，數(shù)據(jù)的傳遞。讓我感受最深的

23、就是在商品分類展示時(shí)，再點(diǎn)擊某一個(gè)書的種類時(shí)，我讓它跳轉(zhuǎn)到了一個(gè)servlet，servlet將該類的所有商品查找出來，轉(zhuǎn)發(fā)到一個(gè)頁面顯示出來。這里面有一個(gè)技巧就是利用target屬性設(shè)置顯示頁面的窗口，從而實(shí)現(xiàn)了在同一個(gè)頁面顯示不同分類的商品的效果。 在編寫商品評價(jià)時(shí)，也利用了這種技巧。例外，在算法上的收獲，就是在顯示最近瀏覽的商品是使用的一個(gè)算法，這個(gè)算法實(shí)現(xiàn)了一個(gè)刪選，實(shí)現(xiàn)了將相同的商品篩選掉。 這次實(shí)驗(yàn)最大的一個(gè)收獲，就是體會到，前期的需求分析，數(shù)據(jù)庫設(shè)計(jì)，概要設(shè)計(jì)，頁面設(shè)計(jì)真的很重要。在編碼前，履清自己的思路。不要急于編碼，另外，在每編寫一段代碼后，檢驗(yàn)代碼的正確性， 這樣可

24、以縮小出現(xiàn)錯(cuò)誤時(shí)查找錯(cuò)誤的范圍，提高編碼的效率。一定要養(yǎng)成一個(gè)編寫注釋習(xí)慣。否則，會增加測試，維護(hù)的難度。我想這些經(jīng)驗(yàn)都會成為我以后一筆寶貴的財(cái)富。 最后，我要感謝老師對我課程設(shè)計(jì)的指導(dǎo)，使我能夠順利完成這次課程設(shè)計(jì)的內(nèi)容，以及在這期間無私幫助過我的同學(xué)。從他們身上，我學(xué)到了專業(yè)、先進(jìn)的開發(fā)技術(shù)，使我的軟件開發(fā)水平有了提高。同時(shí)，他們開闊的視野，嚴(yán)謹(jǐn)?shù)膽B(tài)度深深地影響了我。這對于我的將來，無論在學(xué)習(xí)上，還是工作中，都是一筆寶貴的財(cái)富。 參考文獻(xiàn) [1] 趙俊峰. Java Web應(yīng)用開發(fā)案例教程. 北京：清華大學(xué)出版社，2012. [2] 白靈. . Java Web應(yīng)用開發(fā)給力起飛.

25、 北京：電子工業(yè)出版社, 2011. 附錄 附錄A 部分程序源代碼 Main.jsp <%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPor

26、t()+path+"/"; %> ">

GoodsServlet package servlet; import java.io.IOException; import java.io.PrintWriter; import java.sql.SQLException; import j

35、ava.util.ArrayList; import java.util.List; import javabean.Category; import javabean.Goods; import javabean.Page; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; im

36、port javax.servlet.http.HttpSession; import service.PageService; import dao.GoodsDAO; public class GoodsServlet extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("utf

37、-8"); String method = request.getParameter("method"); // 根據(jù)選擇的分類來顯示商品 if (method.equals("findByCategory")) { int cid = Integer.parseInt(request.getParameter("cid")); String pagenum = request.getParameter("pagenum"); Page page = PageService.findPageRecords(pagenum, cid);

38、 page.setUrl("/servlet/GoodsServlet?method=findByCategory&cid=" + cid); request.getSession().setAttribute("page", page); request.getSession().setAttribute("goodslist", page.getRecords()); // 判斷請求的來源，如果來自于導(dǎo)航欄轉(zhuǎn)發(fā)到導(dǎo)航欄，如果來自分頁則轉(zhuǎn)發(fā)到goodslist.jsp request.getRequestDispatcher(

39、"/jsp/goodslist.jsp").forward(request, response); } // 展示商品 if (method.equals("displayGoods")) { String pagenum = request.getParameter("pagenum"); Page page = PageService.findPageRecords(pagenum); page.setUrl("/servlet/GoodsServlet?method=displayGoods&flag=1");// 此處邏

40、輯差點(diǎn)沒發(fā)現(xiàn)，細(xì)節(jié)寫法 request.getSession().setAttribute("goodslist", page.getRecords()); request.getSession().setAttribute("page", page); request.getRequestDispatcher("/jsp/goodslist.jsp").forward(request, response); } if (method.equals("search")) { request.setCharacterEncoding("ut

41、f-8"); String search = null; if (request.getParameter("flag") == null) { search = new String(request.getParameter("search")); HttpSession session = request.getSession(); session.setAttribute("search", search); System.out.println("goodservletsearch1:" + search); } else

42、 { HttpSession session = request.getSession(); search = (String) session.getAttribute("search"); System.out.println("goodservletsearch2:" + search); } if (search != null)// 防止傳入空字符串 { String pagenum = request.getParameter("pagenum"); Page page = PageService.get

43、SearchPage(pagenum, search); page.setUrl("/servlet/GoodsServlet?method=search&flag=1&search1=" + search);// 此處邏輯差點(diǎn)沒發(fā)現(xiàn)，細(xì)節(jié)寫法 System.out.println("goodservletsearch2:" + page.getUrl()); request.getSession().setAttribute("goodslist", page.getRecords()); request.getSess

44、ion().setAttribute("page", page); request.getRequestDispatcher("/jsp/goodslist.jsp").forward( request, response); } else// 如果傳入空字符串則返回首頁 { request.setAttribute("errorinfo", "您還沒說要找什么呢!親~"); request.getRequestDispatcher("/jsp/error.jsp").forward(request, response); } } } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } } 35