《javaweb課程設(shè)計(jì)說明書.doc》由會(huì)員分享，可在線閱讀，更多相關(guān)《javaweb課程設(shè)計(jì)說明書.doc（41頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、長(zhǎng) 沙 學(xué) 院課程設(shè)計(jì)說明書題目Web應(yīng)用程序設(shè)計(jì)系(部)數(shù)學(xué)與計(jì)算機(jī)科學(xué)系專業(yè)(班級(jí))姓名學(xué)號(hào)指導(dǎo)教師起止日期2015.11.302015.12.11課程設(shè)計(jì)任務(wù)書課程名稱：Web應(yīng)用程序課程設(shè)計(jì)設(shè)計(jì)題目：網(wǎng)上商店前臺(tái)功能的設(shè)計(jì)與實(shí)現(xiàn)已知技術(shù)參數(shù)和設(shè)計(jì)要求：1. 問題描述（功能要求）：（1） 分析設(shè)計(jì)一個(gè)網(wǎng)上商店的前臺(tái)功能部分。完成本系統(tǒng)的如下功能：l 用戶注冊(cè)和登陸l 展示特定的某類商品：展示的方式有多種，可以按類別、按銷售排行榜、按上架時(shí)間等，有層次的展示商品，提高用戶的購買興趣。對(duì)于某種商品，除顯示商品信息以外，還可以附加評(píng)論、推薦相關(guān)類型商品。l 商品查詢：根據(jù)多種條件來查詢，比如商
2、品名稱、價(jià)格、顏色等特征信息。能進(jìn)行模糊匹配，包含關(guān)鍵字的商品都能查到。l 購物車：只有注冊(cè)用戶才能購買。為用戶提供購物車，購物車內(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ū)動(dòng)程序。3. 技術(shù)要求：要求使用Java語言，利用面向?qū)ο蟮姆椒?、編程思想來完成系統(tǒng)的設(shè)計(jì)；在設(shè)計(jì)的過程中，建立清晰的類層次；在系統(tǒng)設(shè)計(jì)中要分析和定義各個(gè)類，每個(gè)類中要有各自的屬性和方法。寫出需求分析，UML設(shè)計(jì)圖，數(shù)據(jù)庫設(shè)計(jì)圖
3、。設(shè)計(jì)工作量：40課時(shí)工作計(jì)劃：1.班級(jí)13計(jì)科1、2班、13信息1、2班2.課時(shí)及教室安排4課時(shí)：相關(guān)知識(shí)介紹。機(jī)房?jī)?nèi)多媒體教室10課時(shí)：設(shè)計(jì)。普通教室。2426課時(shí)：上機(jī)、調(diào)試。計(jì)算機(jī)系機(jī)房46課時(shí)：調(diào)試答辯。計(jì)算機(jī)系機(jī)房長(zhǎng)沙學(xué)院課程設(shè)計(jì)鑒定表姓名學(xué)號(hào)3專業(yè)班級(jí)設(shè)計(jì)題目Web應(yīng)用程序課程設(shè)計(jì)指導(dǎo)教師指導(dǎo)教師意見：評(píng)定等級(jí)： 教師簽名： 日期： 答辯小組意見：評(píng)定等級(jí)：答辯小組長(zhǎng)簽名：日期：教研室意見：教研室主任簽名： 日期： 系（部）意見：系主任簽名：日期：說明課程設(shè)計(jì)成績(jī)分“優(yōu)秀”、“良好”、“中等”、“及格”、“不及格”五類；摘要為了更好的鞏固和加強(qiáng)本學(xué)期所學(xué)的知識(shí)，把所學(xué)的東西轉(zhuǎn)化為
4、實(shí)際應(yīng)用。我們學(xué)習(xí)了MyEclipse、Dreamweaver、Tomcat等應(yīng)用程序的使用。并應(yīng)用了SQL語言。對(duì)數(shù)據(jù)庫的創(chuàng)建、修改、刪除方法有了一定的了解。通過導(dǎo)入表和刪除表、更改表學(xué)會(huì)了對(duì)表的一些操作。為了建立一個(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ù)存儲(chǔ)結(jié)構(gòu)，類圖，ER圖。用戶接口類設(shè)計(jì)階段，并建立實(shí)體類之間的關(guān)系，界面布局的設(shè)計(jì)階段，使用Dreamweaver應(yīng)用程序進(jìn)行設(shè)計(jì)
5、，使用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ù)存儲(chǔ)結(jié)構(gòu)、UML用例圖、CSS、HTM目錄1 需求分析11.1UML用例圖11.2ER圖32程序設(shè)計(jì)42.1實(shí)體類42.2用戶接口類52.2.1登錄界面52.2.2注冊(cè)界面62.2.3主界面72.2.4商品詳情頁面82.2.5購物車界面93 編碼103.1程序流程圖103.2模塊列表114 測(cè)試114.1用戶登錄124.2用戶注冊(cè)144.
6、3用戶注銷164.5商品瀏覽174.6商品搜索184.7商品購買204.8從購物車中刪除255 總結(jié)26參考文獻(xiàn)27附錄28附錄A 部分程序源代碼281 需求分析1.1 UML用例圖圖1-1 用例圖用例說明：用例：商品查詢參與者：游客或者用戶說明：1. 游客或者用戶進(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將搜索到的商品顯示出來。用例：查看購物車參與者：
7、游客或者用戶說明：1. 游客或用戶在主頁點(diǎn)擊商品進(jìn)入商品詳情頁面。2.游客或者用戶在商品詳情點(diǎn)擊查看購物車圖標(biāo)。3.CartServlet判斷用戶是否已經(jīng)登錄，若用戶還沒有登錄，則提示用戶先去登錄。4.用戶去登錄后，在Login這個(gè)Servlet中調(diào)用CartDAO中相應(yīng)的代碼將數(shù)據(jù)庫cart表中該用戶對(duì)應(yīng)的記錄，讀取出來存入session中。執(zhí)行步驟5。5.若用戶已經(jīng)登錄，則跳轉(zhuǎn)到cart.jsp將session中該用戶所有的購買信息讀取，并顯示出來。用例：購買商品參與者：用戶說明：1. 用戶在主頁點(diǎn)擊商品進(jìn)入商品詳情頁面。2.游客或者用戶在商品詳情點(diǎn)擊加入購物車圖標(biāo)。3.CartServl
8、et將購買記錄存入session中。同時(shí)，調(diào)用CartDAO的相關(guān)方法，將該記錄插入數(shù)據(jù)庫cart表中。4.彈出窗口顯示購物信息。5.回到商品詳情頁面，點(diǎn)擊查看購物車就可以查看相關(guān)的購物記錄。1.2ER圖用戶(user)nameidpasswordstatue 11擁有訂單項(xiàng)(orderitem) niduserid訂單(order)userid 1nnumberstatue購物車項(xiàng)(cartitem)orderididgoodsidgoodid商品(goods) nnumber 1statue1包含nameidcatid1priceimage屬于關(guān)于 1商品(goods)descript商品
9、(goods)商品(goods)商品(goods)statueauthor nstock1goodidididnstatuestatue評(píng)價(jià)(discuss)name1 商品種類(category)comment圖1-2 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注冊(cè)界面圖2-3 注冊(cè)界面關(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（類別）類，goo
10、ds（商品）類，goods（商品）類，discuss（評(píng)價(jià)）類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)行分頁展示。搜索模塊，分類模塊商品搜索能夠根據(jù)輸入的關(guān)鍵字，搜索相關(guān)的商品轉(zhuǎn)發(fā)到商品展示模塊進(jìn)行展示。商品展示模塊用戶登錄能對(duì)輸入的用戶信息進(jìn)行判斷，該用戶是否存在，從而決定是否登錄成功。登錄成功則跳轉(zhuǎn)到主界面。在該模塊還
11、可已選擇跳轉(zhuǎn)到注冊(cè)界面進(jìn)行注冊(cè)，或者跳轉(zhuǎn)到主界面繼續(xù)瀏覽商品。如果登陸成功可以將數(shù)據(jù)庫中的相對(duì)應(yīng)的購物信息存入session中。注冊(cè)模塊，商品展示模塊用戶注冊(cè)能夠注冊(cè)新用戶，可以登錄界面跳轉(zhuǎn)過來，也可以從主界面跳轉(zhuǎn)過來。登錄模塊，商品展示模塊用戶注銷能夠結(jié)束當(dāng)前的session，實(shí)現(xiàn)用戶注銷，可以在主界面點(diǎn)擊注銷實(shí)現(xiàn)。商品展示模塊分類模塊能夠根據(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)入該頁面，也能夠從商
12、品詳情頁面進(jìn)入該界面。商品詳情模塊，商品展示模塊商品詳情能夠?qū)μ囟ǖ纳唐罚M(jìn)行商品詳情的展示，以及可以查看當(dāng)前商品的庫存。并且顯示最近瀏覽過的商品列表。商品評(píng)價(jià)模塊，購物車模塊，商品展示模塊商品評(píng)論和商品詳情在同一個(gè)頁面，能夠顯示當(dāng)前商品的相關(guān)評(píng)價(jià)，能夠以當(dāng)前用戶的名義對(duì)當(dāng)前的商品進(jìn)行評(píng)價(jià)。如果當(dāng)前身份是游客還沒有進(jìn)行登錄。則再點(diǎn)擊提交評(píng)論時(shí)，提示還沒有登錄。商品詳情模塊，登錄模塊表3-1 模塊列表4 測(cè)試4.1用戶登錄數(shù)據(jù)庫中的用戶信息 圖4-1 用戶信息圖已有用戶登錄測(cè)試數(shù)據(jù)：用戶名：Alice密碼：123 圖4-2用戶登錄1測(cè)試結(jié)果：圖4-3登錄成功不存在的用戶登錄測(cè)試數(shù)據(jù)：用戶名：Al
13、ice密碼：12測(cè)試結(jié)果：圖4-3登錄失敗4.2用戶注冊(cè)不重名用戶注冊(cè)測(cè)試數(shù)據(jù)：用戶名：what密碼：123 確認(rèn)密碼：123圖4-4 用戶注冊(cè)1注冊(cè)結(jié)果：（跳轉(zhuǎn)到登錄頁面進(jìn)行登錄）圖4-5 注冊(cè)成功重名用戶注冊(cè)測(cè)試數(shù)據(jù)：用戶名：what密碼：12 確認(rèn)密碼：12圖4-6 用戶注冊(cè)2注冊(cè)結(jié)果：圖4-5 注冊(cè)成功4.3用戶注銷注銷前：圖4-6 注銷前注銷后：圖4-7 注銷后4.5商品瀏覽圖4-8 商品瀏覽（文藝）圖4-9 商品瀏覽2（科教）4.6商品搜索測(cè)試數(shù)據(jù)：不畏圖4-10 商品搜索1測(cè)試結(jié)果：圖4-11 商品搜索24.7商品購買測(cè)試數(shù)據(jù)：庫存不足圖4-11 商品購買1圖4-12 商品購買2
14、圖4-12 商品購買3（查看購物車）圖4-12 商品購買4（庫存不足）測(cè)試數(shù)據(jù)：庫存充足圖4-13 商品購買5圖4-14 商品購買6圖4-15 商品購買7圖4-16 商品購買84.8從購物車中刪除圖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)了用戶注冊(cè)、登錄，注銷一系列功能；系統(tǒng)設(shè)計(jì)了商品模塊實(shí)現(xiàn)了商品分類瀏覽、詳情展示、模糊搜索以及顯示商品評(píng)價(jià)和對(duì)特定商品進(jìn)行評(píng)價(jià)、以及顯示最近瀏覽過的商品一系列功能；系統(tǒng)還設(shè)計(jì)了購物車模塊，
15、實(shí)現(xiàn)了為每個(gè)用戶分配購物車、將商品加入購物車、將商品從購物車中刪除、查看購物車（重啟瀏覽器后查看上次加入購物車的商品）、提交訂單（當(dāng)庫存不足時(shí)，提示用戶）。我覺得性能是還不錯(cuò)的。至少在自己測(cè)試過程中沒有出現(xiàn)異常，能夠達(dá)到預(yù)期的效果。當(dāng)然，系統(tǒng)也還存在一些不足的地方。在用戶模塊。用戶登錄時(shí)，我覺得可以設(shè)置一個(gè)30天免登陸的選項(xiàng)，這樣可以提高用戶體驗(yàn)。用戶注冊(cè)時(shí)，讓用戶提供更加詳細(xì)的信息并且編寫js代碼對(duì)用戶輸入的信息做一些正確或錯(cuò)誤的提示。在商品模塊。在進(jìn)行模糊搜索時(shí)，可以設(shè)計(jì)不同的選項(xiàng)，例如，根據(jù)商品的價(jià)格進(jìn)行模糊搜索等。在顯示最近瀏覽過的商品時(shí)也存在不足，沒有將瀏覽記錄存入數(shù)據(jù)庫導(dǎo)致關(guān)閉瀏覽
16、器再次登錄的時(shí)候，無法看到上次的瀏覽記錄。在評(píng)價(jià)商品時(shí)，無法顯示對(duì)商品的全部評(píng)價(jià)而只能顯示最近兩條評(píng)價(jià)。在購物車頁面無法對(duì)購物項(xiàng)的數(shù)量進(jìn)行修改，我覺得這是一個(gè)很大的不足之處。通過本次實(shí)訓(xùn)，我掌握了簡(jiǎn)單的動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)及制作基礎(chǔ)技術(shù)，通過對(duì)網(wǎng)上書店程序的編寫和對(duì)網(wǎng)頁的設(shè)計(jì)，熟悉掌握了設(shè)計(jì)和編寫網(wǎng)頁。尤其是在設(shè)計(jì)主頁時(shí)，我學(xué)會(huì)了iframe的使用。通過使用iframe我實(shí)現(xiàn)了在保持頁面框架不變的基礎(chǔ)上，實(shí)現(xiàn)對(duì)不同數(shù)據(jù)的加載，從而實(shí)現(xiàn)點(diǎn)擊不同分類顯示不同商品的效果。另外一個(gè)在頁面設(shè)計(jì)上的收獲就是，實(shí)現(xiàn)了對(duì)商品的分頁顯示。當(dāng)然這并不僅僅是通過頁面布局實(shí)現(xiàn)的，也牽扯到了后臺(tái)的邏輯。商品分頁的實(shí)現(xiàn)，很大程度
17、的提高了用戶體驗(yàn)，如果商品太多用戶不再需要拖動(dòng)滾動(dòng)條，而只要點(diǎn)擊鏈接就能看到后續(xù)的商品。不過，這次實(shí)訓(xùn)最大的收獲是在后臺(tái)邏輯，在頁面的跳轉(zhuǎn)，數(shù)據(jù)的傳遞。讓我感受最深的就是在商品分類展示時(shí)，再點(diǎn)擊某一個(gè)書的種類時(shí)，我讓它跳轉(zhuǎn)到了一個(gè)servlet，servlet將該類的所有商品查找出來，轉(zhuǎn)發(fā)到一個(gè)頁面顯示出來。這里面有一個(gè)技巧就是利用target屬性設(shè)置顯示頁面的窗口，從而實(shí)現(xiàn)了在同一個(gè)頁面顯示不同分類的商品的效果。在編寫商品評(píng)價(jià)時(shí)，也利用了這種技巧。例外，在算法上的收獲，就是在顯示最近瀏覽的商品是使用的一個(gè)算法，這個(gè)算法實(shí)現(xiàn)了一個(gè)刪選，實(shí)現(xiàn)了將相同的商品篩選掉。這次實(shí)驗(yàn)最大的一個(gè)收獲，就是體會(huì)
18、到，前期的需求分析，數(shù)據(jù)庫設(shè)計(jì)，概要設(shè)計(jì)，頁面設(shè)計(jì)真的很重要。在編碼前，履清自己的思路。不要急于編碼，另外，在每編寫一段代碼后，檢驗(yàn)代碼的正確性，這樣可以縮小出現(xiàn)錯(cuò)誤時(shí)查找錯(cuò)誤的范圍，提高編碼的效率。一定要養(yǎng)成一個(gè)編寫注釋習(xí)慣。否則，會(huì)增加測(cè)試，維護(hù)的難度。我想這些經(jīng)驗(yàn)都會(huì)成為我以后一筆寶貴的財(cái)富。最后，我要感謝老師對(duì)我課程設(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)度深深地影響了我。這對(duì)于我的將來，無論在學(xué)習(xí)上，還是工作中，都是一筆寶貴的財(cái)富。參考文獻(xiàn)1趙俊
19、峰. Java Web應(yīng)用開發(fā)案例教程. 北京：清華大學(xué)出版社，2012.2 白靈. . Java Web應(yīng)用開發(fā)給力起飛. 北京：電子工業(yè)出版社, 2011.附錄附錄A 部分程序源代碼Main.jspbase href= My JSP MyJsp.jsp starting page !-無標(biāo)題文檔 購物車 注冊(cè)|登陸|退出 $curuser!=null?curuser.username:游客,歡迎來到書房齋! %-程序設(shè)計(jì)辦公室用書多媒體操作系統(tǒng)/系統(tǒng)開發(fā)數(shù)據(jù)庫 -% GoodsServletpackage servlet;import java
20、.io.IOException;import java.io.PrintWriter;import java.sql.SQLException;import java.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.HttpServl
21、etRequest;import javax.servlet.http.HttpServletResponse;import 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 r
22、equest.setCharacterEncoding(utf-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);page.setUrl(/servl
23、et/GoodsServlet?method=findByCategory&cid=+ cid);request.getSession().setAttribute(page, page);request.getSession().setAttribute(goodslist, page.getRecords();/ 判斷請(qǐng)求的來源，如果來自于導(dǎo)航欄轉(zhuǎn)發(fā)到導(dǎo)航欄，如果來自分頁則轉(zhuǎn)發(fā)到goodslist.jsprequest.getRequestDispatcher(/jsp/goodslist.jsp).forward(request,response);/ 展示商品if (method.eq
24、uals(displayGoods) String pagenum = request.getParameter(pagenum);Page page = PageService.findPageRecords(pagenum);page.setUrl(/servlet/GoodsServlet?method=displayGoods&flag=1);/ 此處邏輯差點(diǎn)沒發(fā)現(xiàn)，細(xì)節(jié)寫法request.getSession().setAttribute(goodslist, page.getRecords();request.getSession().setAttribute(page, page
25、);request.getRequestDispatcher(/jsp/goodslist.jsp).forward(request,response);if (method.equals(search) request.setCharacterEncoding(utf-8);String search = null;if (request.getParameter(flag) = null) search = new String(request.getParameter(search);HttpSession session = request.getSession();session.s
26、etAttribute(search, search);System.out.println(goodservletsearch1: + search); else HttpSession session = request.getSession();search = (String) session.getAttribute(search);System.out.println(goodservletsearch2: + search);if (search != null)/ 防止傳入空字符串String pagenum = request.getParameter(pagenum);Pa
27、ge page = PageService.getSearchPage(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.getSession().setAttribute(page, p
28、age);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
javaweb課程設(shè)計(jì)說明書.doc
