本文為原創,轉載請註明出處:https://www.cnblogs.com/Tom-shushu/p/9383066.html 本篇內容主要介紹:通過Servlet,JSP,Bootstrap框架以及MySQL等知識實現一個簡單地對資料庫信息進行:增,刪,改,查,分頁的操作; <一>設計資料庫 這裡 ...
---恢復內容開始---
本文為原創,轉載請註明出處: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哈哈~>
---恢復內容結束---
本文為原創,轉載請註明出處: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哈哈~>