javaweb表單注冊(cè)界面的實(shí)現(xiàn)方法

今天又做了一個(gè)注冊(cè)界面，還是一如既往的從以前的代碼copy過(guò)來(lái)，于是決定總結(jié)一下做注冊(cè)界面的思路，供同學(xué)參考。

step1 頁(yè)面實(shí)現(xiàn)

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

1）  html

建立頁(yè)面基本結(jié)構(gòu)。建議在做html的時(shí)候給每個(gè)element都設(shè)置id，方便之后的css、javascript操作。

2）  css

給節(jié)點(diǎn)設(shè)置長(zhǎng)、寬、邊距、邊框、背景等樣式。

3）  js

設(shè)置按鈕鼠標(biāo)懸停時(shí)的背景變化等。頁(yè)面效果實(shí)現(xiàn)。 

step2 表單校驗(yàn)

1）  使用javascript進(jìn)行頁(yè)面校驗(yàn)

輸入框得到焦點(diǎn)，隱藏錯(cuò)誤信息
輸入框失去焦點(diǎn)，進(jìn)行校驗(yàn)
提交時(shí)再進(jìn)行所有輸入框校驗(yàn)

校驗(yàn)內(nèi)容：
       輸入內(nèi)容是否為空
       輸入字符長(zhǎng)度是否符合
       兩次密碼是否一致等等

2）  使用ajax進(jìn)行服務(wù)器端校驗(yàn)

校驗(yàn)內(nèi)容：
用戶名是否已被注冊(cè)
郵箱是否已被注冊(cè)
驗(yàn)證碼是否正確

step3 提交注冊(cè)

使用javaweb的經(jīng)典架構(gòu) servlet—service—dao

1）  servlet

校驗(yàn)參數(shù)：這里的校驗(yàn)參數(shù)才是真正意義上的校驗(yàn)，之前的校驗(yàn)只是一種改善用戶體驗(yàn)的需要。注意如果發(fā)生錯(cuò)誤，要能夠回顯用戶之前輸入的信息，否則用戶得瘋了。。
封裝表單數(shù)據(jù)到j(luò)avabean
把表單數(shù)據(jù)傳遞給service完成業(yè)務(wù)
保存注冊(cè)成功信息
轉(zhuǎn)發(fā)到成功界面顯示成功信息

2）  service

補(bǔ)全javabean對(duì)象的信息(id、激活碼等不由用戶輸入的信息)
調(diào)用dao保存數(shù)據(jù)到數(shù)據(jù)庫(kù)
發(fā)送激活郵件

3）  dao

往數(shù)據(jù)庫(kù)添加數(shù)據(jù)

一個(gè)基礎(chǔ)的注冊(cè)界面通過(guò)這三個(gè)步驟就可以完成，這里只講思路，代碼實(shí)現(xiàn)相信網(wǎng)上很多。

如有疑問(wèn)請(qǐng)留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

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