---恢復內容開始---html
本文爲原創,轉載請註明出處:https://www.cnblogs.com/Tom-shushu/p/9383066.html前端
本篇內容主要介紹:經過Servlet,JSP,Bootstrap框架以及MySQL等知識實現一個簡單地對數據庫信息進行:增,刪,改,查,分頁的操做;java
<一>設計數據庫git
這裏我建了一個數據庫名字叫:userinfo,裏面見了一張表名字也叫:userinfo;github
如圖所示:數據庫
數據庫表如圖:bootstrap
<二>。瀏覽器
打開eclipse創建一個Java ee 項目:在項目的src/main/java目錄下創建五個包分別叫:db,bean,dao,biz,service框架
包下分別創建Java文件:DBManager,UserInfo,UserInfoDAO,UserBiz,UserServleteclipse
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」 「桃花島」)的一我的的信息:
具體代碼見個人GitHub:https://github.com/Tom-shushu/Java-Web
您的「小仙女」已經被添加進來了!!!!!
可見咱們已經完成了基本的「增刪改查」的操做:<雖然頁面畫的有點醜,一定是沒前端人員那麼專業嘛,O(∩_∩)O哈哈~>