JavaWeb表單注冊界面的實現(xiàn)方法
JavaWeb表單注冊界面的實現(xiàn)方法
今天又做了一個注冊界面,還是一如既往的從以前的代碼copy過來,于是決定總結一下做注冊界面的思路,供同學參考。

Step1 頁面實現(xiàn)
在這一步主要用到了html、css、JavaScript的知識。
1) html
建立頁面基本結構。建議在做html的時候給每個Element都設置id,方便之后的css、JavaScript操作。
2) css
給節(jié)點設置長、寬、邊距、邊框、背景等樣式。
3) js
設置按鈕鼠標懸停時的背景變化等。頁面效果實現(xiàn)。
Step2 表單校驗
1) 使用JavaScript進行頁面校驗
輸入框得到焦點,隱藏錯誤信息
輸入框失去焦點,進行校驗
提交時再進行所有輸入框校驗
校驗內容:
輸入內容是否為空
輸入字符長度是否符合
兩次密碼是否一致等等
2) 使用Ajax進行服務器端校驗
校驗內容:
用戶名是否已被注冊
郵箱是否已被注冊
驗證碼是否正確
Step3 提交注冊
使用JavaWeb的經(jīng)典架構 Servlet—Service—Dao
1) Servlet
校驗參數(shù):這里的校驗參數(shù)才是真正意義上的校驗,之前的校驗只是一種改善用戶體驗的需要。注意如果發(fā)生錯誤,要能夠回顯用戶之前輸入的信息,否則用戶得瘋了。。
封裝表單數(shù)據(jù)到JavaBean
把表單數(shù)據(jù)傳遞給Service完成業(yè)務
保存注冊成功信息
轉發(fā)到成功界面顯示成功信息
2) Service
補全JavaBean對象的信息(id、激活碼等不由用戶輸入的信息)
調用Dao保存數(shù)據(jù)到數(shù)據(jù)庫
發(fā)送激活郵件
3) Dao
往數(shù)據(jù)庫添加數(shù)據(jù)
一個基礎的注冊界面通過這三個步驟就可以完成,這里只講思路,代碼實現(xiàn)相信網(wǎng)上很多。
如有疑問請留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關文章
Spring Boot集成spring-boot-devtools開發(fā)時實現(xiàn)熱部署的方式
這篇文章主要介紹了Spring Boot集成spring-boot-devtools開發(fā)時實現(xiàn)熱部署的方式,文中還給大家提到了spring boot 實現(xiàn)熱部署的方式及集成注意事項,感興趣的朋友跟隨腳本之家小編一起學習吧2018-05-05
Spring+SpringMVC+JDBC實現(xiàn)登錄的示例(附源碼)
這篇文章主要介紹了Spring+SpringMVC+JDBC實現(xiàn)登錄的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
springboot使用log4j2異步日志提升性能的實現(xiàn)方式
這篇文章主要介紹了springboot使用log4j2異步日志提升性能,異步日志實現(xiàn)方式:將日志存入一個單獨的隊列中,有一個單獨的線程從隊列中獲取日志并寫入磁盤文件,需要的朋友可以參考下2022-05-05

