javaweb簡(jiǎn)單的圖書管理系統(tǒng)

1、實(shí)驗(yàn)報(bào)告實(shí)驗(yàn)課程：Web 應(yīng)用開發(fā)學(xué)生姓名：學(xué)號(hào)：專業(yè)班級(jí)：2018 年 6 月 18 日南昌大學(xué)實(shí)驗(yàn)報(bào)告學(xué)生姓名：學(xué)號(hào)：專業(yè)班級(jí)：實(shí)驗(yàn)類型：驗(yàn)證綜合設(shè)計(jì)創(chuàng)新實(shí)驗(yàn)日期：實(shí)驗(yàn)成績(jī)：一、實(shí)驗(yàn)項(xiàng)目名稱Web 應(yīng)用開發(fā)綜合訓(xùn)練二、實(shí)驗(yàn)?zāi)康暮鸵笫褂?Java+JSP+Servlet技術(shù)，選用 EL、JSTL、Struts、Hibernate、myBatis、jQuery 等技術(shù)，開發(fā)一個(gè)基本 Web的應(yīng)用程序， 以達(dá)到掌握 Web 應(yīng)用開發(fā)的基本原理、 具備 使用 Java+JSP+Servlet技術(shù)結(jié)合流行框架技術(shù)開發(fā) Web 應(yīng)用程序的能力，從而提升學(xué) 生的 Web 編程能力。要求學(xué)生自選題目，開

2、發(fā)一個(gè)模擬的 Web 應(yīng)用程序?？梢砸蝗艘活}，也可以多人 一題。但是每人必須單獨(dú)完成動(dòng)態(tài) Web頁(yè)面 10 頁(yè)以上。要求學(xué)生根據(jù)需求描述獨(dú)自完成需求分析，軟件設(shè)計(jì)、程序模塊設(shè)計(jì)以及程序的 編寫、調(diào)試和測(cè)試。設(shè)計(jì)和程序完成后，要求根據(jù)指定的格式要求，獨(dú)自完成設(shè)計(jì)報(bào)告的撰寫。三、實(shí)驗(yàn)基本情況本實(shí)訓(xùn)要求根據(jù)下述需求陳述寫出需求分析文本并進(jìn)行軟件開發(fā)，并列出源代碼 和運(yùn)行結(jié)果。四、需求分析項(xiàng)目介紹這是一個(gè)簡(jiǎn)單的圖書管理系統(tǒng)，由一個(gè)管理員來(lái)實(shí)現(xiàn)對(duì)用戶的刪除，圖書的增加，修 改和圖書的刪除功能，用戶注冊(cè)登錄后可以實(shí)現(xiàn)對(duì)圖書的借閱和歸還。由于時(shí)間關(guān)系 在設(shè)計(jì)項(xiàng)目時(shí)有很多不好的地方，未來(lái)得及修改，在管理員登錄

3、界面采用了圖形驗(yàn)證 碼，由于是同樣的技術(shù)，在用戶登錄界面就沒(méi)有采用圖形驗(yàn)證技術(shù)。功能需求1. 用戶注冊(cè)2. 圖書添加3. 圖書修改4. 用戶管理5. 圖書借閱6. 歸還圖書五、軟件設(shè)計(jì)ER圖程序流程數(shù)據(jù)庫(kù)設(shè)計(jì)模塊設(shè)計(jì)及運(yùn)行結(jié)果jsp 頁(yè)面采用 jQuery 技術(shù)作Bootsrap 、圖形驗(yàn)證碼、分項(xiàng)目整體采用 MVC 模式，整體上運(yùn)用 jsp+javabean+servlet+jdbc+dao ，每個(gè) 為背景，實(shí)現(xiàn)簡(jiǎn)單的動(dòng)態(tài)背景，部分頁(yè)面運(yùn)用EL 、 JSTL、js 中的點(diǎn)擊事件、頁(yè)技術(shù)以及郵箱頁(yè)面。六、源代碼1. 用戶類package vo;publicclass Userprivate S

4、tring name, pwd;public StringgetName()return name;publicvoid setName(Stringname)=name;public StringgetPwd()return pwd;publicvoid setPwd(Stringpwd)=pwd;2. 圖書類package vo;publicclass bookinfoprivate String bno, bname, author , price , other ; public StringgetBno()return bno;publicvoid setBno(Stringbno)

5、=bno;public StringgetBname()return bname;publicvoid setBname(Stringbname)=bname;public StringgetAuthor()return author ;publicvoid setAuthor(Stringauthor)=author;public StringgetPrice()return price ;publicvoid setPrice(Stringprice)=price;public StringgetOther()return other ;publicvoid setOther(String

6、other)=other;3. 借書信息類package vo;publicclass lendbook, otherprivate String username , bno, bname, author , price public StringgetUsername()return username ;publicvoid setUsername(Stringusername)=username;public StringgetBno()return bno;publicvoid setBno(Stringbno) =bno;public StringgetBname()return b

7、name;publicvoid setBname(Stringbname) =bname;public StringgetAuthor()return author ;publicvoid setAuthor(Stringauthor) =author;public StringgetPrice()return price ;publicvoid setPrice(Stringprice) =price;public StringgetOther()return other ;publicvoid setOther(Stringother) =other;4. 用戶功能packagedao;i

8、mportimportpublicclassUserDaopublicvoidadd(Useruser)throwsException 取表格值代碼：function getTableContent(node)var tr1=var name=0.innerText;" <%=path %>/delete_user?name= "+name; alert(name);7. 背景 jQuery 代碼由于代碼過(guò)長(zhǎng)，不展示；七、運(yùn)行結(jié)果1. 管理員登錄頁(yè)面：管理員登錄界面采用簡(jiǎn)單的CSS、jQuery 、以及圖形驗(yàn)證碼，當(dāng)圖形驗(yàn)證碼輸入不正確以及賬號(hào)密碼輸入不正確會(huì)出

9、現(xiàn)相相應(yīng)提示，同時(shí)點(diǎn)擊相信的輸入框，提示輸入對(duì)應(yīng)類型的背景字 體會(huì)消失，當(dāng)鼠標(biāo)點(diǎn)擊其他地方時(shí)會(huì)相應(yīng)出現(xiàn)，采用的是 placeholder 屬性，我們平時(shí)單純的 html 的輸 入框以及提交的按鈕， 讓人感覺不是很舒適， 采用簡(jiǎn)單的 CSS 將他們的邊框去除， 然后加上相應(yīng)的邊框。2. 登錄主界面：導(dǎo)航欄感謝 bootstrap 開源， 運(yùn)用了始終懸浮在頂部的導(dǎo)航欄， 奈何頁(yè)面長(zhǎng)度有限不能向下滾動(dòng)， 無(wú)法看 出這一功能， 頁(yè)面內(nèi)容由于思維過(guò)于局限， 暫時(shí)沒(méi)有想出用什么內(nèi)容來(lái)填充， 只想到類似于積分的東西， 這一內(nèi)容在以后會(huì)作出改進(jìn)，目前只有一個(gè)大概的模板，同時(shí)在改變頁(yè)面的分辨率時(shí)導(dǎo)航欄中的功能選

10、 項(xiàng)會(huì)變成一個(gè)按鈕，用一個(gè) <nva> 便簽來(lái)裝載，本頁(yè)也有一個(gè)亮點(diǎn)便是響應(yīng)式，在改變分辨率時(shí)板塊并 不會(huì)發(fā)生錯(cuò)亂的現(xiàn)象，運(yùn)用柵格系統(tǒng)思想，在第二張圖張可以看到效果，由于調(diào)各種分辨率國(guó)語(yǔ)繁瑣， 所以這一技術(shù)只在兩個(gè)頁(yè)面運(yùn)用到，以后有時(shí)間會(huì)加以改善。3. 管理用戶頁(yè)面： 點(diǎn)擊管理用戶的小便簽會(huì)出現(xiàn)用戶的列表，點(diǎn)擊刪除用戶可以將用戶從數(shù)據(jù)庫(kù)中刪除，同時(shí)頁(yè)面中的幾 個(gè)小符號(hào)也是運(yùn)用 bootstrap 中的組件， 給人以更直觀清楚的描述功能， 在本頁(yè)面我并沒(méi)有采用分頁(yè)技術(shù)， 但是在后面幾個(gè)頁(yè)面中有采用分頁(yè)技術(shù)，在做頁(yè)面的時(shí)候并沒(méi)有考慮到有很多的用戶，只是用幾個(gè)來(lái)驗(yàn) 證，所以就沒(méi)有用分頁(yè)技

11、術(shù)，在這個(gè)點(diǎn)擊就刪除的技術(shù)上一開始遇到了難題，并不知道怎么樣去些控制 的后臺(tái)，后來(lái)在頁(yè)面中運(yùn)用了 js 的技術(shù)，可以利用表格的結(jié)點(diǎn)來(lái)獲取每個(gè)表格單元格的內(nèi)容，再將按鍵 設(shè)置為 this，點(diǎn)擊便是獲取當(dāng)前行的值，并傳到servlet 中調(diào)用 dao 中刪除用戶的函數(shù)，便實(shí)現(xiàn)了。同時(shí)利用 js 的鼠標(biāo)事件，鼠標(biāo)移動(dòng)到當(dāng)前行時(shí)會(huì)改變顏色。4. 添加圖書頁(yè)面： 添加圖書的頁(yè)面并沒(méi)有多么的新奇，同樣還導(dǎo)航欄加動(dòng)態(tài)背景，同樣輸入框也運(yùn)用了 placeholder 屬性， 點(diǎn)擊出現(xiàn)相應(yīng)的字體和消失，將輸入框中的字符串傳到servlet 并調(diào)用 DAO 中的插入圖書方法；5. 展示所有圖書頁(yè)面： 在本頁(yè)面運(yùn)用

12、到了分頁(yè)技術(shù)，同樣單擊刪除圖書可以得到表格內(nèi)容，通過(guò) js 傳到 servlet 中再調(diào)用刪除 用戶的功能，就實(shí)現(xiàn)了刪除用戶，同時(shí)在列出圖書時(shí)用到了 EL 和 JSTL 標(biāo)簽來(lái)循環(huán)輸出；還有一個(gè)問(wèn) 題就是我并沒(méi)有考慮到大量圖書的問(wèn)題，沒(méi)有用用單獨(dú)的頁(yè)面去實(shí)現(xiàn)查找功能，但是相對(duì)很簡(jiǎn)單，所以 并沒(méi)有寫。8. 修改圖書頁(yè)面： 本頁(yè)面和添加圖書頁(yè)面幾乎相同，只有調(diào)用的方法不同，調(diào)用的是更新的方法9. 用戶注冊(cè)及登錄： 登錄和注冊(cè)頁(yè)面大體相同，也只有調(diào)用的方法不一樣10. 用戶登錄頁(yè)面： 在此頁(yè)面運(yùn)用了一個(gè) session 將用戶名存進(jìn)去，進(jìn)入登錄頁(yè)面，會(huì)出現(xiàn)歡迎提示，同時(shí)也是響應(yīng)式的柵 格系統(tǒng)，由于沒(méi)有完善積分系統(tǒng)，所以就是一些空白的框架。11. 借書頁(yè)面： 在借書頁(yè)面先用 EL 和 JSTL 標(biāo)簽輸出可借的圖書，其實(shí)在圖書號(hào)前一欄還隱藏了一個(gè)用戶名，點(diǎn)擊借 閱圖書可以獲取用戶名和圖書號(hào)，將值傳到 servlet 調(diào)用插入的方法， 將用戶名和圖書號(hào)作為主鍵， 來(lái)區(qū) 分不同的用戶所借的圖書，同時(shí)也運(yùn)用了 bootstrap 中的組件來(lái)使得功能鍵更加明顯。12. 還書頁(yè)面： 由于沒(méi)有點(diǎn)擊很多本書，所以只出現(xiàn)了一本，原理在上個(gè)功能頁(yè)面說(shuō)了，與之類似，采用 EL 和 JSTL 標(biāo)簽循環(huán)輸出，獲取用戶名和圖書號(hào)來(lái)歸還圖書。13. 聯(lián)系和建議頁(yè)面： 由于現(xiàn)在的管理員是我，所以將收件人地址設(shè)置