javaweb簡(jiǎn)單的圖書管理系統(tǒng)-資料下載頁(yè)
2025-04-07 06:03本頁(yè)面
【正文】 tr1 = 。 var name=[0].innerText。 =%=path%/delete_user?name=+name。 alert(name)。 }7. 背景jQuery代碼由于代碼過長(zhǎng)，不展示；七、運(yùn)行結(jié)果：管理員登錄界面采用簡(jiǎn)單的CSS、jQuery、以及圖形驗(yàn)證碼，當(dāng)圖形驗(yàn)證碼輸入不正確以及賬號(hào)密碼輸入不正確會(huì)出現(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)的邊框。：導(dǎo)航欄感謝bootstrap開源，運(yùn)用了始終懸浮在頂部的導(dǎo)航欄，奈何頁(yè)面長(zhǎng)度有限不能向下滾動(dòng)，無法看出這一功能，頁(yè)面內(nèi)容由于思維過于局限，暫時(shí)沒有想出用什么內(nèi)容來填充，只想到類似于積分的東西，這一內(nèi)容在以后會(huì)作出改進(jìn)，目前只有一個(gè)大概的模板，同時(shí)在改變頁(yè)面的分辨率時(shí)導(dǎo)航欄中的功能選項(xiàng)會(huì)變成一個(gè)按鈕，用一個(gè)nva便簽來裝載，本頁(yè)也有一個(gè)亮點(diǎn)便是響應(yīng)式，在改變分辨率時(shí)板塊并不會(huì)發(fā)生錯(cuò)亂的現(xiàn)象，運(yùn)用柵格系統(tǒng)思想，在第二張圖張可以看到效果，由于調(diào)各種分辨率國(guó)語繁瑣，所以這一技術(shù)只在兩個(gè)頁(yè)面運(yùn)用到，以后有時(shí)間會(huì)加以改善。：點(diǎn)擊管理用戶的小便簽會(huì)出現(xiàn)用戶的列表，點(diǎn)擊刪除用戶可以將用戶從數(shù)據(jù)庫(kù)中刪除，同時(shí)頁(yè)面中的幾個(gè)小符號(hào)也是運(yùn)用bootstrap中的組件，給人以更直觀清楚的描述功能，在本頁(yè)面我并沒有采用分頁(yè)技術(shù)，但是在后面幾個(gè)頁(yè)面中有采用分頁(yè)技術(shù)，在做頁(yè)面的時(shí)候并沒有考慮到有很多的用戶，只是用幾個(gè)來驗(yàn)證，所以就沒有用分頁(yè)技術(shù)，在這個(gè)點(diǎn)擊就刪除的技術(shù)上一開始遇到了難題，并不知道怎么樣去些控制的后臺(tái)，后來在頁(yè)面中運(yùn)用了js的技術(shù)，可以利用表格的結(jié)點(diǎn)來獲取每個(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ì)改變顏色。：添加圖書的頁(yè)面并沒有多么的新奇，同樣還導(dǎo)航欄加動(dòng)態(tài)背景，同樣輸入框也運(yùn)用了placeholder屬性，點(diǎn)擊出現(xiàn)相應(yīng)的字體和消失，將輸入框中的字符串傳到servlet并調(diào)用DAO中的插入圖書方法；：在本頁(yè)面運(yùn)用到了分頁(yè)技術(shù)，同樣單擊刪除圖書可以得到表格內(nèi)容，通過js傳到servlet中再調(diào)用刪除用戶的功能，就實(shí)現(xiàn)了刪除用戶，同時(shí)在列出圖書時(shí)用到了EL和JSTL標(biāo)簽來循環(huán)輸出；還有一個(gè)問題就是我并沒有考慮到大量圖書的問題，沒有用用單獨(dú)的頁(yè)面去實(shí)現(xiàn)查找功能，但是相對(duì)很簡(jiǎn)單，所以并沒有寫。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)，由于沒有完善積分系統(tǒng)，所以就是一些空白的框架。11. 借書頁(yè)面：在借書頁(yè)面先用EL和JSTL標(biāo)簽輸出可借的圖書，其實(shí)在圖書號(hào)前一欄還隱藏了一個(gè)用戶名，點(diǎn)擊借閱圖書可以獲取用戶名和圖書號(hào)，將值傳到servlet調(diào)用插入的方法，將用戶名和圖書號(hào)作為主鍵，來區(qū)分不同的用戶所借的圖書，同時(shí)也運(yùn)用了bootstrap中的組件來使得功能鍵更加明顯。12. 還書頁(yè)面：由于沒有點(diǎn)擊很多本書，所以只出現(xiàn)了一本，原理在上個(gè)功能頁(yè)面說了，與之類似，采用EL和JSTL標(biāo)簽循環(huán)輸出，獲取用戶名和圖書號(hào)來歸還圖書。13. 聯(lián)系和建議頁(yè)面：由于現(xiàn)在的管理員是我，所以將收件人地址設(shè)置為默認(rèn)郵箱，剛開始沒有找到合適的jar包，所以一直報(bào)錯(cuò)，這個(gè)只是最簡(jiǎn)單的郵件頁(yè)面，以后會(huì)更新成更高級(jí)一點(diǎn)的郵件發(fā)送，可以聯(lián)系我們和用來采納用戶的意見八、體會(huì)和建議通過此次的項(xiàng)目，熟練掌握了基本的MVC開發(fā)模式，并熟悉了一些其他內(nèi)容，包括對(duì)js和jQuery的使用，解決了部分以前不懂的問題，為以后的開發(fā)提供了些許便利。參考圖書：《javaweb 應(yīng)用開發(fā)技術(shù)與案例教程》張繼軍 董衛(wèi) 編
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1