javaweb表單注冊界面的實現方法

今天又做了一個注冊界面，還是一如既往的從以前的代碼copy過來，于是決定總結一下做注冊界面的思路，供同學參考。

step1 頁面實現

在這一步主要用到了html、css、javascript的知識。

1）  html

建立頁面基本結構。建議在做html的時候給每個element都設置id，方便之后的css、javascript操作。

2）  css

給節點設置長、寬、邊距、邊框、背景等樣式。

3）  js

設置按鈕鼠標懸停時的背景變化等。頁面效果實現。 

step2 表單校驗

1）  使用javascript進行頁面校驗

輸入框得到焦點，隱藏錯誤信息
輸入框失去焦點，進行校驗
提交時再進行所有輸入框校驗

校驗內容：
       輸入內容是否為空
       輸入字符長度是否符合
       兩次密碼是否一致等等

2）  使用ajax進行服務器端校驗

校驗內容：
用戶名是否已被注冊
郵箱是否已被注冊
驗證碼是否正確

step3 提交注冊

使用javaweb的經典架構 servlet—service—dao

1）  servlet

校驗參數：這里的校驗參數才是真正意義上的校驗，之前的校驗只是一種改善用戶體驗的需要。注意如果發生錯誤，要能夠回顯用戶之前輸入的信息，否則用戶得瘋了。。
封裝表單數據到javabean
把表單數據傳遞給service完成業務
保存注冊成功信息
轉發到成功界面顯示成功信息

2）  service

補全javabean對象的信息(id、激活碼等不由用戶輸入的信息)
調用dao保存數據到數據庫
發送激活郵件

3）  dao

往數據庫添加數據

一個基礎的注冊界面通過這三個步驟就可以完成，這里只講思路，代碼實現相信網上很多。

如有疑問請留言或者到本站社區交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

原文鏈接：http://blog.csdn.net/hzy38324/article/details/44119117