JavaWeb項(xiàng)目之實(shí)現(xiàn)用戶注冊(cè)、登錄與預(yù)約功能

2020-3-15    前端達(dá)人

JavaWeb項(xiàng)目之實(shí)現(xiàn)用戶注冊(cè)、登錄與預(yù)約功能


  • 四：效果展示

  • 一：項(xiàng)目需求

    1.實(shí)現(xiàn)注冊(cè)與登錄功能：
    要求用到驗(yàn)證碼，登錄后該出不再顯示登錄與注冊(cè)，而是顯示用戶名。
    2.實(shí)現(xiàn)預(yù)約功能：
    實(shí)現(xiàn)“運(yùn)動(dòng)”與“學(xué)習(xí)”兩方面的邀約功能，并將邀約數(shù)據(jù)保存到數(shù)據(jù)庫(kù)中，數(shù)據(jù)庫(kù)使用Mysql。
    運(yùn)動(dòng)可以邀約：籃球、足球、乒乓球等
    學(xué)習(xí)可以邀約：自習(xí)、輔導(dǎo)等

    二：總體概述

    在正式開始編碼之前，需要先導(dǎo)入相關(guān)jar包并配置好相關(guān)的配置文件，同時(shí)也需要導(dǎo)入前端給的頁(yè)面代碼。接著是建立好相應(yīng)的數(shù)據(jù)庫(kù)結(jié)構(gòu)，并初步構(gòu)建好三層架構(gòu)的想法思路。

    20200313144400508.png

   20200313144131716.png

20200313144239593.png



三：代碼分析

1.登錄功能

web層

20200313132713991.png


  • 20200313133324242.png

  • service層

  • 2020031313345737.png

  • dao層

  • 20200313133603198.png

  • 然后在這里寫一下對(duì)于驗(yàn)證碼處理和點(diǎn)擊圖片更換驗(yàn)證碼功能的一些細(xì)節(jié)。
    如下圖所示，為了保證servlet層能夠正確接收到界面所展示的驗(yàn)證碼信息，同時(shí)因?yàn)閟ession對(duì)象是項(xiàng)目自生成的，所以我直接獲取session對(duì)象并以類似于鍵值對(duì)的形式將頁(yè)面驗(yàn)證碼信息存入session中。

  • 接下來(lái)是jsp頁(yè)面對(duì)于驗(yàn)證碼展示的一些處理

  • 20200313135922196.png

  • 20200313135956797.png

在這里，因?yàn)辄c(diǎn)擊驗(yàn)證碼更換操作需要用到j(luò)s，所以我百度得到了上圖這樣一串代碼。其中時(shí)間戳的作用是通過改變每次請(qǐng)求的時(shí)間參數(shù)來(lái)獲得刷新效果，即改變url中的響應(yīng)頭信息。

2.注冊(cè)功能
事實(shí)上，有了登錄功能的實(shí)現(xiàn)，注冊(cè)功能的代碼與其都是大同小異的。最大的不同應(yīng)該就是Dao層執(zhí)行的操作不同

20200313142134901.png

3.預(yù)約功能

預(yù)約功能的實(shí)現(xiàn)更是與注冊(cè)功能的實(shí)現(xiàn)基本一致。所不同的應(yīng)該是jsp頁(yè)面對(duì)單選框輸入的設(shè)置。

20200313142805359.png


四：效果展示

點(diǎn)擊查看原圖




日歷

鏈接

個(gè)人資料

存檔