一個簡單的用戶信息管理系統

簡介

對前幾天學習的一個綜合練習，比較簡單。

• 需求：用戶信息的增刪改查操作

• 技術選型：Servlet+JSP+MySQL+JDBCTempleat+Duird+BeanUtils+tomcat

• 簡單功能

  1. 列表查詢
  2. 登錄
  3. 添加
  4. 刪除
  5. 修改

• 復雜功能

  1. 刪除選中
  2. 分頁查詢
     • 好處：
       • 減輕服務器內存的開銷
       • 提升用戶體驗
  3. 復雜條件查詢

列表查詢

此功能在學習EL&JSTL時已經實現

在頁面上增加了查詢表單以及分頁組件(代碼用Bootstrap官網的示例代碼修改一下即可)

分析：

登錄

分析：

驗證碼用之前做過的案例，並綁定一個點擊切換事件。

先判斷驗證碼輸入是否正確，錯誤刪除跳轉登陸界面，正確的話獲取輸入到頁面的用戶名及密碼信息判斷是否正確。

tips：獲取完頁面存儲在session中的驗證碼屬性后需要remove掉，確保驗證碼一次性。

添加

分析：

刪除

分析：

修改

分析：

設置回顯信息中：

名字是不可修改項，需設置屬性 readonly="redonly"

性別用el表達式判斷屬性值，再將對應的屬性值設為checked

籍貫也用el表達式判斷屬性值，再將對應的屬性值設為selected

刪除選中

分析：

刪除選中的關鍵在於獲取id數組，后續的刪除就是批量進行刪除單個。

將table包裹在form表單中，點擊刪除選中時提交表單，通過傳遞的所選中數據的id值來獲取。

點擊刪除選中應給出提示信息，且還需要先判斷是否有cb被選中，防止空指針異常。后端也可在循環刪除之前進行判斷。

分頁查詢

分析：

后端上一頁下一頁需要設置，第一頁時點擊上一頁還是跳轉到第一頁，最后一頁也一樣調整，防止報錯。

復雜條件查詢

也許修改成分頁查詢，否則只能查看到查詢后的一頁內容。

分析：

點擊分頁時路徑后應拼接查詢條件

tips：查詢條件應設置回顯，用戶體驗更好。

總結

一個很簡單的用戶信息管理系統，后端的代碼比較簡單，但前端的jsp部分還是不太熟悉，用的太少。