Java 圖書銷售系統：首頁、註冊、登錄、登出核心頁面設計

本文展示基於 Java Web 技術棧 (JSP/Servlet/JSTL) 的圖書銷售系統核心用戶流程頁面設計，包含首頁導航、用戶註冊、登錄認證、會話管理與登出功能的完整界面邏輯。

系統整體架構

• 表現層：JSP + JSTL + EL 表達式，職責單一、易維護
• 控制層：Servlet 作為前端控制器，分發請求至 Service
• 業務層：Service 接口 + 實現類，封裝業務邏輯
• 持久層：JDBC / Hibernate 可切換實現，DAO 模式隔離 SQL
• 領域模型：User、Book、Order、OrderBook POJO

核心頁面功能詳解

1. 首頁 (index.jsp) - 系統入口

功能區塊：

• 頂部導航：Logo、搜索框、購物車入口、用戶狀態區 (登錄/註冊/個人中心/登出)
• 分類導航：圖書分類樹狀結構 (文學/計算機/經管/教材等)
• 推薦展示：新書上架、暢銷榜單、編輯推薦輪播
• 頁腳：關於我們、聯繫方式、友情鏈接、版權聲明

動態數據：${hotBooks}、${newBooks}、${categories} 由 IndexServlet 預載入 request 域。

2. 用戶註冊 (register.jsp) - 賬戶創建

表單字段：

• 用戶名 (唯一性前端檢查 + 後端約束)
• 密碼 / 確認密碼 (強度提示：長度、大小寫、數字、特殊字符)
• Email (格式驗證、可選驗證碼)
• 驗證碼 (圖片/短信/郵件多模式)

提交流程：

1. 前端 JS 非空/格式/一致性校驗
2. RegisterServlet 接收 → UserService.register()
3. Service 層：密碼 BCrypt 加密 → DAO 插入 → 事務提交
4. 成功：重定向登錄頁攜帶成功訊息；失敗：forward 回註冊頁攜帶錯誤碼

3. 用戶登錄 (login.jsp) - 身份認證

核心邏輯：

• 表單：用戶名、密碼、記住我 (Cookie)、驗證碼
• LoginServlet → UserService.login(username, password)
• 驗證成功：生成 Session、存入 UserVO、設置 Cookie (可選)、重定向首頁/原請求頁
• 失敗計數：Session 記錄失敗次數，超閾值強制驗證碼
• 防暴力破解：IP 級限流、賬戶鎖定策略

4. 登出功能 (logout.jsp / LogoutServlet) - 會話銷毀

// LogoutServlet.doGet()
HttpSession session = request.getSession(false);
if (session != null) {
    session.invalidate();  // 銷毀會話
}
// 清除記住我 Cookie
Cookie[] cookies = request.getCookies();
if (cookies != null) {
    for (Cookie c : cookies) {
        if ("rememberMe".equals(c.getName())) {
            c.setMaxAge(0); c.setPath("/"); response.addCookie(c);
        }
    }
}
response.sendRedirect(request.getContextPath() + "/index.jsp");

會話與安全最佳實踐

頁面片段複用模式

• header.jsp：導航欄、用戶狀態顯示 (JSTL <c:choose> 判斷登錄態)
• footer.jsp：版權、備案號、統計代碼
• taglib.jsp：統一引入 JSTL/core、fmt、fn、自定義標簽庫
• message.jsp：統一錯誤/成功/警告訊息顯示組件

擴展性設計預留

• OAuth2 第三方登錄 (微信/Google/GitHub) 接口預留
• 雙因子認證 (TOTP/SMS) 接口預留
• 單點登出 (SSO) 協議適配點
• 用戶畫像/行為分析事件埋點

這套頁面設計遵循「高內聚、低耦合、安全優先、體驗流暢」原則，為後續購物車、訂單、支付、後台管理等模塊奠定堅實用戶體系基礎。