-
實驗項目名稱
JavaWeb網上名片管理系統
-
實驗目的
實現名片的增、刪、改、查等操作。
-
實驗基本原理
JSP指令、JSP動作、JSP內置對象等
-
主要儀器設備及耗材
Win10、Myeclipse
-
實驗步驟


說明:再打開本項目的時候,需要修改為自己本地的數據庫名和密碼,
並導入我的數據庫里面的表。所有的連接數據庫驅動的操作使用一個公共類實現,對外只提供一個靜態的連接數據庫的接口。



(一)、用戶登錄與注冊
-
用戶登錄
界面設計:
使用bootstrap 部分代碼如下:


用戶名或密碼為空時報錯,密碼錯誤時報錯!然后自動返回登錄界面;
部分后端代碼:

-
用戶注冊
使用bootstrap部分代碼如下:

界面設計:

當用戶名或密碼為空以及兩次輸入不一致時,會報錯!
當用戶名存在時報錯

部分后端代碼:

然后插入數據庫,並返回登錄界面!!

(二)、主界面
界面設計:利用bootstrap設計,采用下拉菜單實現導航功能

部分代碼如下:

(三)、名片管理
-
添加名片
界面設計:利用bootstrap以仿真形式增加名片信息。

用戶名為空會報錯!用戶名已存在會報錯!
部分后端代碼:獲取前端信息,判斷數據庫中是否存在,若存在則報錯,不存在則插入數據庫。

-
修改名片
界面設計:



部分后端代碼:首先獲取想要修改的姓名,然后從數據庫中查找到這條記錄,然后顯示到前端,然后再修改后,修改到數據庫中。
注意:如果修改名字的話,需要3個jsp頁面。一個前端,兩個后端,在第二個里面將姓名用session.setAttribute("name", name);設置為會話屬性,然后在第三個jsp獲取這個屬性,因為如果要改姓名的話,會按照你當前改的去數據庫查詢,所以肯定會拋出異常。



-
查詢名片
界面設置:
采用模糊查詢的方式,把姓氏相同的人查出來,放在列表里。

部分后端代碼:從數據庫中選出符合條件的記錄。然后利用while語句放入列表中。


-
刪除名片
界面設計:分為徹底刪除和放入回收站


放入回收站:


后端部分代碼:
根據輸入的姓名,然后選擇不同的刪除。設計三個jsp,第一個是前端,第二個就是從數據庫中徹底刪除數據,第三個是放入回收站中,如何實現在點擊不同代碼的的時候跳轉提交到不同的jsp是個重點:

第一個按鈕就通過外層的form提交的相應的jsp,然后第二個按鈕就設計formaction屬性跳到相應的jsp頁面。
徹底刪除部分代碼如下;

放入回收站部分代碼如下:
放入回收站的操作:首先根據姓名找到該數據,然后建一個與前一個表對應的新表,先把數據加入新表,然后再把前一個表的數據刪除。


(四)、回收站管理
-
還原
界面設置:

部分后端代碼:
還原與放入回收站互為逆操作,只需將相應的提示消息和表名改一下即可

-
徹底刪除
界面設計:
徹底刪除就直接將回收站的表里的記錄刪掉即可

部分后代代碼:

-
瀏覽和查詢
界面設計:就將回收站數據庫中的記錄一條條全部輸出到列表
部分后端代碼:

-
思考討論題或體會或對改進實驗的建議
此次實驗的不足在於代碼過於繁瑣,下次可以考慮把相同的CSS設計樣式寫到一個樣式表中並引用,實現代碼復用,提高編程效率。
-
參考資料
Bootstrap檔案
數據庫課本
項目代碼已上傳至我的Github:https://github.com/GavinYGM/JavaWeb_Protects/tree/master/javaweb_homework4
