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

更新時(shí)間：2017年09月08日 15:21:04 作者：SexyCode

這篇文章主要介紹了JavaWeb表單注冊(cè)界面的實(shí)現(xiàn)方法的相關(guān)資料,希望通過(guò)本文大家能掌握這部分內(nèi)容，需要的朋友可以參考下

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ù)到JavaBean
把表單數(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)上很多。

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

您可能感興趣的文章:

相關(guān)文章

一文詳解Java中的原子操作
在Java中,原子操作尤為重要,尤其是在多線程環(huán)境中,想象一下,如果小黑在操作一個(gè)共享變量時(shí),這個(gè)操作被其他線程打斷,那會(huì)發(fā)生什么？可能會(huì)導(dǎo)致數(shù)據(jù)不一致,或者更糟糕的情況,本文將給大家詳細(xì)介紹一下Java中的原子操作
2024-01-01
Spring Boot集成spring-boot-devtools開發(fā)時(shí)實(shí)現(xiàn)熱部署的方式
這篇文章主要介紹了Spring Boot集成spring-boot-devtools開發(fā)時(shí)實(shí)現(xiàn)熱部署的方式，文中還給大家提到了spring boot 實(shí)現(xiàn)熱部署的方式及集成注意事項(xiàng)，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧
2018-05-05
Spring+SpringMVC+JDBC實(shí)現(xiàn)登錄的示例(附源碼)
這篇文章主要介紹了Spring+SpringMVC+JDBC實(shí)現(xiàn)登錄的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05
Java注解方式之防止重復(fù)請(qǐng)求
這篇文章主要介紹了關(guān)于Java注解方式防止重復(fù)請(qǐng)求，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-09-09
java基礎(chǔ)二叉搜索樹圖文詳解
二叉樹是一種非常重要的數(shù)據(jù)結(jié)構(gòu),它同時(shí)具有數(shù)組和鏈表各自的特點(diǎn),下面這篇文章主要給大家介紹了關(guān)于java基礎(chǔ)二叉搜索樹的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-03-03
性能爆棚的實(shí)體轉(zhuǎn)換復(fù)制工具M(jìn)apStruct使用詳解
這篇文章主要為大家介紹了性能爆棚的實(shí)體轉(zhuǎn)換復(fù)制工具M(jìn)apStruct使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
詳解Java如何跨平臺(tái)獲取MAC地址
有時(shí)我們因?yàn)檐浖跈?quán)或者其它需要獲取主機(jī)唯一標(biāo)識(shí)而需要獲取用戶主機(jī)的MAC地址,而本文則將介紹如何通過(guò)Java來(lái)實(shí)現(xiàn)跨平臺(tái)獲取MAC地址的兩種方法,需要的朋友可以參考下
2021-06-06
SpringBoot 關(guān)于Feign的超時(shí)時(shí)間配置操作
這篇文章主要介紹了SpringBoot 關(guān)于Feign的超時(shí)時(shí)間配置操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2021-09-09
springboot使用log4j2異步日志提升性能的實(shí)現(xiàn)方式
這篇文章主要介紹了springboot使用log4j2異步日志提升性能,異步日志實(shí)現(xiàn)方式：將日志存入一個(gè)單獨(dú)的隊(duì)列中，有一個(gè)單獨(dú)的線程從隊(duì)列中獲取日志并寫入磁盤文件，需要的朋友可以參考下
2022-05-05
Java中父類Object的常用方法總結(jié)
這篇文章給大家介紹了Java中父類Object的三個(gè)常用方法，對(duì)大家學(xué)習(xí)或使用Java具有一定的參考借鑒價(jià)值，有需要的朋友們下面來(lái)一起看看吧。
2016-09-09