JavaWeb表單注冊界面的實現(xiàn)方法
JavaWeb表單注冊界面的實現(xiàn)方法
今天又做了一個注冊界面，還是一如既往的從以前的代碼copy過來，于是決定總結(jié)一下做注冊界面的思路，供同學(xué)參考。
Step1 頁面實現(xiàn)
在這一步主要用到了html、css、JavaScript的知識。
1） html
建立頁面基本結(jié)構(gòu)。建議在做html的時候給每個Element都設(shè)置id，方便之后的css、JavaScript操作。
2） css
給節(jié)點設(shè)置長、寬、邊距、邊框、背景等樣式。
3） js
設(shè)置按鈕鼠標(biāo)懸停時的背景變化等。頁面效果實現(xiàn)。
Step2 表單校驗
1） 使用JavaScript進(jìn)行頁面校驗
輸入框得到焦點，隱藏錯誤信息
輸入框失去焦點，進(jìn)行校驗
提交時再進(jìn)行所有輸入框校驗
校驗內(nèi)容：
輸入內(nèi)容是否為空
輸入字符長度是否符合
兩次密碼是否一致等等
2） 使用Ajax進(jìn)行服務(wù)器端校驗
校驗內(nèi)容：
用戶名是否已被注冊
郵箱是否已被注冊
驗證碼是否正確
Step3 提交注冊
使用JavaWeb的經(jīng)典架構(gòu) Servlet—Service—Dao
1） Servlet
校驗參數(shù)：這里的校驗參數(shù)才是真正意義上的校驗，之前的校驗只是一種改善用戶體驗的需要。注意如果發(fā)生錯誤，要能夠回顯用戶之前輸入的信息，否則用戶得瘋了。。
封裝表單數(shù)據(jù)到JavaBean
把表單數(shù)據(jù)傳遞給Service完成業(yè)務(wù)
保存注冊成功信息
轉(zhuǎn)發(fā)到成功界面顯示成功信息
2） Service
補全JavaBean對象的信息(id、激活碼等不由用戶輸入的信息)
調(diào)用Dao保存數(shù)據(jù)到數(shù)據(jù)庫
發(fā)送激活郵件
3） Dao
往數(shù)據(jù)庫添加數(shù)據(jù)
一個基礎(chǔ)的注冊界面通過這三個步驟就可以完成，這里只講思路，代碼實現(xiàn)相信網(wǎng)上很多。
如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
在Java中,原子操作尤為重要,尤其是在多線程環(huán)境中,想象一下,如果小黑在操作一個共享變量時,這個操作被其他線程打斷,那會發(fā)生什么？可能會導(dǎo)致數(shù)據(jù)不一致,或者更糟糕的情況,本文將給大家詳細(xì)介紹一下Java中的原子操作2024-01-01
Spring Boot集成spring-boot-devtools開發(fā)時實現(xiàn)熱部署的方式
這篇文章主要介紹了Spring Boot集成spring-boot-devtools開發(fā)時實現(xiàn)熱部署的方式，文中還給大家提到了spring boot 實現(xiàn)熱部署的方式及集成注意事項，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-05-05
Spring+SpringMVC+JDBC實現(xiàn)登錄的示例(附源碼)
這篇文章主要介紹了Spring+SpringMVC+JDBC實現(xiàn)登錄的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了關(guān)于Java注解方式防止重復(fù)請求，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-09-09
二叉樹是一種非常重要的數(shù)據(jù)結(jié)構(gòu),它同時具有數(shù)組和鏈表各自的特點,下面這篇文章主要給大家介紹了關(guān)于java基礎(chǔ)二叉搜索樹的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
性能爆棚的實體轉(zhuǎn)換復(fù)制工具M(jìn)apStruct使用詳解
這篇文章主要為大家介紹了性能爆棚的實體轉(zhuǎn)換復(fù)制工具M(jìn)apStruct使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
有時我們因為軟件授權(quán)或者其它需要獲取主機(jī)唯一標(biāo)識而需要獲取用戶主機(jī)的MAC地址,而本文則將介紹如何通過Java來實現(xiàn)跨平臺獲取MAC地址的兩種方法,需要的朋友可以參考下2021-06-06
SpringBoot 關(guān)于Feign的超時時間配置操作
這篇文章主要介紹了SpringBoot 關(guān)于Feign的超時時間配置操作，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-09-09
springboot使用log4j2異步日志提升性能的實現(xiàn)方式
這篇文章主要介紹了springboot使用log4j2異步日志提升性能,異步日志實現(xiàn)方式：將日志存入一個單獨的隊列中，有一個單獨的線程從隊列中獲取日志并寫入磁盤文件，需要的朋友可以參考下2022-05-05
這篇文章給大家介紹了Java中父類Object的三個常用方法，對大家學(xué)習(xí)或使用Java具有一定的參考借鑒價值，有需要的朋友們下面來一起看看吧。2016-09-09