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

1、javaweb簡(jiǎn)單圖書學(xué)習(xí)管理系統(tǒng)javaweb簡(jiǎn)單圖書學(xué)習(xí)管理系統(tǒng)7/7javaweb簡(jiǎn)單圖書學(xué)習(xí)管理系統(tǒng)實(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)種類：考據(jù)綜合設(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)康暮鸵笫褂肑ava+JSP+Servlet技術(shù)，采納EL、JSTL、Struts、Hibernate、myBatis、jQuery等技術(shù)，開發(fā)一個(gè)基本W(wǎng)eb的應(yīng)用程序，以達(dá)到掌握Web應(yīng)用開發(fā)的基根源理、具備使用Java+JSP+Servlet技術(shù)結(jié)合流行框架技術(shù)開發(fā)Web應(yīng)

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

3、有很多不好的地方，未來(lái)得及更正，在管理員登錄界面采納了圖形考據(jù)碼，由于是同樣的技術(shù)，在用戶登錄界面就沒有采納圖形考據(jù)技術(shù)。功能需求用戶注冊(cè)圖書增加圖書更正用戶管理圖書借閱歸還圖書五、軟件設(shè)計(jì)ER圖程序流程數(shù)據(jù)庫(kù)設(shè)計(jì)模塊設(shè)計(jì)及運(yùn)行結(jié)果項(xiàng)目整體采納MVC模式，整體上運(yùn)用jsp+javabean+servlet+jdbc+dao，每個(gè)jsp頁(yè)面采納jQuery技術(shù)作為背景，實(shí)現(xiàn)簡(jiǎn)單的動(dòng)向背景，部分頁(yè)面運(yùn)用EL、JSTL、js中的點(diǎn)擊事件、Bootsrap、圖形考據(jù)碼、分頁(yè)技術(shù)以及郵箱頁(yè)面。六、源代碼1.用戶類packagevo;publicclassUserprivateStringname,pwd

4、;publicStringgetName()returnname;publicvoidsetName(Stringname)=name;publicStringgetPwd()returnpwd;publicvoidsetPwd(Stringpwd)=pwd;2.圖書類packagevo;publicclassbookinfoprivateStringbno,bname,author,price,other;publicStringgetBno()returnbno;publicvoidsetBno(Stringbno)=bno;publicStringgetBname()returnbnam

5、e;publicvoidsetBname(Stringbname)=bname;publicStringgetAuthor()returnauthor;publicvoidsetAuthor(Stringauthor)=author;publicStringgetPrice()returnprice;publicvoidsetPrice(Stringprice)=price;publicStringgetOther()returnother;publicvoidsetOther(Stringother)=other;3.借書信息類packagevo;publicclasslendbookpri

6、vateStringusername,bno,bname,author,price,other;publicStringgetUsername()returnusername;publicvoidsetUsername(Stringusername)=username;publicStringgetBno()returnbno;publicvoidsetBno(Stringbno)=bno;publicStringgetBname()returnbname;publicvoidsetBname(Stringbname)=bname;publicStringgetAuthor()returnau

7、thor;publicvoidsetAuthor(Stringauthor)=author;publicStringgetPrice()returnprice;publicvoidsetPrice(Stringprice)=price;publicStringgetOther()returnother;publicvoidsetOther(Stringother)=other;4.用戶功能packagedao;import.*;import;publicclassUserDaopublicvoidadd(Useruser)throwsException取表格值代碼：functiongetTab

8、leContent(node)vartr1=varname=0.innerText;/delete_user?name=+name;alert(name);7.背景jQuery代碼由于代碼過長(zhǎng)，不顯現(xiàn)；七、運(yùn)行結(jié)果1.管理員登錄頁(yè)面：管理員登錄界面采納簡(jiǎn)單的CSS、jQuery、以及圖形考據(jù)碼，當(dāng)圖形考據(jù)碼輸入不正確以及賬號(hào)密碼輸入不正確會(huì)出現(xiàn)相相應(yīng)提示，同時(shí)點(diǎn)擊相信的輸入框，提示輸入對(duì)應(yīng)種類的背景字領(lǐng)悟消失，當(dāng)鼠標(biāo)點(diǎn)擊其他地方時(shí)會(huì)相應(yīng)出現(xiàn)，采納的是入框以及提交的按鈕，讓人感覺不是很酣暢，采納簡(jiǎn)單的placeholder屬性，我們平時(shí)單純的html的輸CSS將他們的邊框去除，爾后加上相應(yīng)的邊框

9、。2.登錄主界面：導(dǎo)航欄感謝bootstrap開源，運(yùn)用了向來(lái)懸浮在頂部的導(dǎo)航欄，何如頁(yè)面長(zhǎng)度有限不能夠向下轉(zhuǎn)動(dòng)，無(wú)法看出這一功能，頁(yè)面內(nèi)容由于思想過于限制，暫時(shí)沒有想出用什么內(nèi)容來(lái)填充，只想到近似于積分的東西，這一內(nèi)容在今后會(huì)作出改進(jìn)，當(dāng)前只有一個(gè)大體的模板，同時(shí)在改變頁(yè)面的分辨率時(shí)導(dǎo)航欄中的功能選項(xiàng)會(huì)變成一個(gè)按鈕，用一個(gè)便簽來(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ì)加以改進(jìn)。3.管理用戶頁(yè)面：點(diǎn)擊管理用戶的小便簽會(huì)出現(xiàn)用戶的列表，點(diǎn)擊刪除用戶能

10、夠?qū)⒂脩魪臄?shù)據(jù)庫(kù)中刪除，同時(shí)頁(yè)面中的幾個(gè)小符號(hào)也是運(yùn)用bootstrap中的組件，給人以更直觀清楚的描述功能，在本頁(yè)面我并沒有采納分頁(yè)技術(shù)，但是在后邊幾個(gè)頁(yè)面中有采納分頁(yè)技術(shù)，在做頁(yè)面的時(shí)候并沒有考慮到有很多的用戶，可是用幾個(gè)來(lái)考據(jù)，所以就沒適用分頁(yè)技術(shù)，在這個(gè)點(diǎn)擊就刪除的技術(shù)上一開始遇到了難題，其實(shí)不知道怎么樣去些控制的后臺(tá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.增加圖冊(cè)頁(yè)面：增加圖書的頁(yè)面

11、并沒有多么的奇異，同樣還導(dǎo)航欄加動(dòng)向背景，同樣輸入框也運(yùn)用了placeholder屬性，servletDAO5.顯現(xiàn)所有圖冊(cè)頁(yè)面：在本頁(yè)面運(yùn)用到了分頁(yè)技術(shù)，同樣單擊刪除圖書能夠獲取表格內(nèi)容，經(jīng)過js傳到servlet中再調(diào)用刪除用戶的功能，就實(shí)現(xiàn)了刪除用戶，同時(shí)在列出圖書時(shí)用到了EL和JSTL標(biāo)簽來(lái)循環(huán)輸出；還有一個(gè)問題就是我并沒有考慮到大量圖書的問題，沒適用用單獨(dú)的頁(yè)面去實(shí)現(xiàn)查找功能，但是相對(duì)很簡(jiǎn)單，所以并沒有寫。更正圖冊(cè)頁(yè)面：本頁(yè)面和增加圖冊(cè)頁(yè)面幾乎同樣，只有調(diào)用的方法不一樣，調(diào)用的是更新的方法用戶注冊(cè)及登錄：登錄和注冊(cè)頁(yè)面大體同樣，也只有調(diào)用的方法不同樣用戶登錄頁(yè)面：在此頁(yè)面運(yùn)用了一個(gè)s

12、ession將用戶名存進(jìn)去，進(jìn)入登錄頁(yè)面，會(huì)出現(xiàn)歡迎提示，同時(shí)也是響應(yīng)式的柵格系統(tǒng)，由于沒有完滿積分系統(tǒng)，所以就是一些空白的框架。借冊(cè)頁(yè)面：在借冊(cè)頁(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.還冊(cè)頁(yè)面：由于沒有點(diǎn)擊很多本書，所以只出現(xiàn)了一本，原理在上個(gè)功能頁(yè)面說了，與之近似，采納EL和JSTL標(biāo)簽循環(huán)輸出，獲取用戶名和圖書號(hào)來(lái)歸還圖書。聯(lián)系和建議頁(yè)面：由于現(xiàn)在的管理員是我，所以將收件人地址設(shè)