1. 程式人生 > >Servlet練習:實現增刪改查的綜合練習

Servlet練習:實現增刪改查的綜合練習

建立 inf 畫的 image 打開 sql user 修改 分享圖片

恐怖的期末考試終於結束了-_-

本文為原創,轉載請註明出處:https://www.cnblogs.com/Tom-shushu/p/9383066.html

本篇內容主要介紹:通過Servlet,JSP,Bootstrap框架以及MySQL等知識實現一個簡單地對數據庫信息進行:增,刪,改,查,分頁的操作;

<一>設計數據庫

這裏我建了一個數據庫名字叫:userinfo,裏面見了一張表名字也叫:userinfo;

如圖所示:

技術分享圖片

數據庫表如圖:

技術分享圖片

<二>。

打開eclipse建立一個Java ee 項目:在項目的src/main/java目錄下建立五個包分別叫:db,bean,dao,biz,service

包下分別建立Java文件:DBManager,UserInfo,UserInfoDAO,UserBiz,UserServlet

1.db包負責連接數據庫:具體代碼如下:

技術分享圖片

2.bean包負責封裝數據庫:

技術分享圖片

技術分享圖片

3.db包:業務層:

技術分享圖片

4.dao包負責具體的增刪改查操作:

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

4.接下來就到了Servlet層了:(備註:代碼中的System.out.println("111");是當時出現點bug:是測試用的,可以忽略)

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

<三>頁面設計:為了方便直接在所建項目的index.jsp中編寫:( 模態框可以直接到網上找自己喜歡的進行變換即可 http://www.runoob.com/bootstrap/bootstrap-tutorial.html)

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

<四>接下來就是測試了(備註:確保自己電腦上已經配置好Tomcat):

1.運行Tomcat:

技術分享圖片

2.在瀏覽器中測試:

技術分享圖片

3.顯示內容:

技術分享圖片

4.功能測試:

(1.分頁)當點擊下一頁時:

技術分享圖片

(2.刪除)當點擊刪除鏈接時:

技術分享圖片

點擊確定:

技術分享圖片

“張亮”已經被刪除

(3.改信息)當點擊“修改”時:彈出修改信息的模態框

技術分享圖片

將“武漢”改成“北京”:

技術分享圖片

(4..添加新用戶)當點擊“註冊新用戶”時:彈出添加新用戶的模態框:

技術分享圖片

我們添加一個(“小仙女” “男” “70” “桃花島”)的一個人的信息:

技術分享圖片

您的“小仙女”已經被添加進來了!!!!!

可見我們已經完成了基本的“增刪改查”的操作:<雖然頁面畫的有點醜,必定是沒前端人員那麽專業嘛,O(∩_∩)O哈哈~>

Servlet練習:實現增刪改查的綜合練習