一、注冊(cè)模塊的設(shè)計(jì)構(gòu)思
用戶登陸注冊(cè)系統(tǒng)分為兩大類(lèi)，一類(lèi)是自建用戶系統(tǒng)（例如：手機(jī)號(hào)、用戶名、郵箱），另一類(lèi)是第三方賬號(hào)授權(quán)用戶系統(tǒng)（例如：微信、支付寶、淘寶等）。
1. 手機(jī)號(hào)注冊(cè)賬號(hào)
設(shè)計(jì)說(shuō)明：
1）輸入手機(jī)號(hào)、驗(yàn)證碼、密碼（均為必填）
輸入密碼：輸入密碼時(shí)輸入框右側(cè)出現(xiàn)“顯示/隱藏icon”，默認(rèn)密碼顯示狀態(tài)，點(diǎn)擊可切換隱藏狀態(tài)；
輸入手機(jī)號(hào)、驗(yàn)證碼：輸入手機(jī)號(hào)、驗(yàn)證碼時(shí)輸入框右側(cè)出現(xiàn)“清空icon”，點(diǎn)擊清空按鈕后將已輸入的內(nèi)容清空；
輸入框字?jǐn)?shù)限制：手機(jī)號(hào)：11位；密碼：大于等于8位，不超過(guò)20位；
輸入手機(jī)號(hào)、驗(yàn)證碼時(shí)喚起數(shù)字鍵盤(pán)；輸入密碼時(shí)喚起全鍵盤(pán)；
兩次密碼輸入不一致：兩次輸入的密碼不一致，請(qǐng)重新輸入。
2）手機(jī)號(hào)、驗(yàn)證碼、密碼校驗(yàn)：
手機(jī)號(hào)格式錯(cuò)誤：提示用戶“請(qǐng)輸入正確的手機(jī)號(hào)”；
手機(jī)號(hào)重復(fù)注冊(cè)：提示用戶“該手機(jī)號(hào)碼已被注冊(cè)“；
密碼格式錯(cuò)誤：提示用戶“密碼至少八位，同時(shí)包含數(shù)字以及字母”；
未填寫(xiě)手機(jī)號(hào)，獲取驗(yàn)證碼按鈕置灰，不允許點(diǎn)擊；
點(diǎn)擊驗(yàn)證碼按鈕，自動(dòng)發(fā)送短信驗(yàn)證碼并提示用戶“驗(yàn)證碼已發(fā)送，5分鐘內(nèi)輸入有效”；
驗(yàn)證碼不正確：提示用戶“驗(yàn)證碼不正確，請(qǐng)重新輸入”。
3）勾選用戶服務(wù)協(xié)議：未勾選用戶服務(wù)協(xié)議不允許注冊(cè)，提示用戶“請(qǐng)閱讀并勾選用戶服務(wù)協(xié)議”。
4）單個(gè)手機(jī)號(hào)，單日接收驗(yàn)證碼的次數(shù)和頻率限制：
驗(yàn)證碼接收次數(shù)：1h內(nèi)不得超過(guò)5次,若超過(guò)5次，用戶點(diǎn)擊獲取驗(yàn)證碼的按鈕后彈窗提示“獲取驗(yàn)證碼次數(shù)已達(dá)上限，請(qǐng)一個(gè)小時(shí)后再試”；
獲取驗(yàn)證碼的時(shí)間間隔為60s,有效期5min，點(diǎn)擊獲取驗(yàn)證碼按鈕后，按鈕文字變?yōu)椤爸匦芦@?。?9s）”并倒計(jì)時(shí)；
若多次獲取驗(yàn)證碼，僅最后一次獲取的驗(yàn)證碼有效。
5）注冊(cè)成功后自動(dòng)登錄，跳轉(zhuǎn)至“xxxxx”界面（或返回至原頁(yè)面，若用戶在“我的”頁(yè)面觸發(fā)登錄，則登錄成功后返回至“我的”頁(yè)面）。
2. 用戶名注冊(cè)賬號(hào)
在自建用戶系統(tǒng)中，用戶名 + 密碼的這種注冊(cè)方式已經(jīng)很少見(jiàn)了，這種方式有很大的弊端，若用戶忘記用戶名或密碼就找不回賬號(hào)了；通常會(huì)將用戶名+密碼與手機(jī)號(hào)或郵箱結(jié)合，忘記密碼可以通過(guò)手機(jī)號(hào)或郵箱找回，將文中提到的手機(jī)號(hào)注冊(cè)賬號(hào)或郵箱注冊(cè)賬號(hào)加個(gè)“用戶名”字段即可，該文章就不詳細(xì)講解。
3. 郵箱注冊(cè)賬號(hào)（無(wú)需驗(yàn)證郵箱的注冊(cè)方式）
設(shè)計(jì)說(shuō)明：
1）輸入郵箱、密碼（均為必填）
輸入郵箱：輸入郵箱時(shí)輸入框右側(cè)出現(xiàn)“清空icon”，點(diǎn)擊清空按鈕后將已輸入的內(nèi)容清空；
輸入密碼：輸入密碼時(shí)輸入框右側(cè)出現(xiàn)“顯示/隱藏icon”，默認(rèn)密碼顯示狀態(tài)，點(diǎn)擊可切換隱藏狀態(tài)；
輸入框字?jǐn)?shù)限制：密碼：大于等于8位，不超過(guò)20位；
輸入郵箱、密碼時(shí)喚起全鍵盤(pán)；
兩次密碼輸入不一致：兩次輸入的密碼不一致，請(qǐng)重新輸入。
2）郵箱、密碼校驗(yàn)：
郵箱格式錯(cuò)誤：提示用戶“請(qǐng)輸入正確的郵箱”；
郵箱重復(fù)注冊(cè)：提示用戶“該郵箱已被注冊(cè)“；
密碼格式錯(cuò)誤：提示用戶“密碼至少八位，同時(shí)包含數(shù)字以及字母”；
3）勾選用戶服務(wù)協(xié)議：未勾選用戶服務(wù)協(xié)議不允許注冊(cè)，提示用戶“請(qǐng)閱讀并勾選用戶服務(wù)協(xié)議”。
4）注冊(cè)成功后自動(dòng)登錄，跳轉(zhuǎn)至“xxxxx”界面（或返回至原頁(yè)面，若用戶在“我的”頁(yè)面觸發(fā)登錄，則登錄成功后返回至“我的”頁(yè)面）。
4. 郵箱注冊(cè)賬號(hào)（需驗(yàn)證郵箱的注冊(cè)方式）
由于無(wú)需驗(yàn)證郵箱的注冊(cè)方式存在著可能亂填寫(xiě)郵箱，或郵箱填寫(xiě)錯(cuò)誤的情況，導(dǎo)致忘記密碼后無(wú)法找回賬號(hào)或郵箱真正的主人無(wú)法注冊(cè)，所以最好是在注冊(cè)時(shí)進(jìn)行郵箱驗(yàn)證。
設(shè)計(jì)說(shuō)明：
1）輸入郵箱、驗(yàn)證碼、密碼（均為必填）
輸入郵箱、驗(yàn)證碼：輸入郵箱、驗(yàn)證碼時(shí)輸入框右側(cè)出現(xiàn)“清空icon”，點(diǎn)擊清空按鈕后將已輸入的內(nèi)容清空；
輸入密碼：輸入密碼時(shí)輸入框右側(cè)出現(xiàn)“顯示/隱藏icon”，默認(rèn)密碼顯示狀態(tài)，點(diǎn)擊可切換隱藏狀態(tài)；
輸入框字?jǐn)?shù)限制：密碼：大于等于8位，不超過(guò)20位；
輸入驗(yàn)證碼時(shí)喚起數(shù)字鍵盤(pán)；輸入郵箱、密碼時(shí)喚起全鍵盤(pán)。
2）郵箱、驗(yàn)證碼、密碼校驗(yàn)：
郵箱格式錯(cuò)誤：提示用戶“請(qǐng)輸入正確的郵箱”；
郵箱重復(fù)注冊(cè)：提示用戶“該郵箱已被注冊(cè)“；
密碼格式錯(cuò)誤：提示用戶“密碼至少八位，同時(shí)包含數(shù)字以及字母”；
未填寫(xiě)郵箱，獲取驗(yàn)證碼按鈕置灰，不允許點(diǎn)擊；
點(diǎn)擊驗(yàn)證碼按鈕，自動(dòng)發(fā)送郵箱驗(yàn)證碼并提示用戶“驗(yàn)證碼已發(fā)送，5分鐘內(nèi)輸入有效”；
驗(yàn)證碼不正確：提示用戶“驗(yàn)證碼不正確，請(qǐng)重新輸入”。
3）勾選用戶服務(wù)協(xié)議：未勾選用戶服務(wù)協(xié)議不允許注冊(cè)，提示用戶“請(qǐng)閱讀并勾選用戶服務(wù)協(xié)議”。
4）單個(gè)郵箱，單日接收驗(yàn)證碼的次數(shù)和頻率限制：
驗(yàn)證碼接收次數(shù)：1h內(nèi)不得超過(guò)5次,若超過(guò)5次，用戶點(diǎn)擊獲取驗(yàn)證碼的按鈕后彈窗提示“獲取驗(yàn)證碼次數(shù)已達(dá)上限，請(qǐng)一個(gè)小時(shí)后再試”；
獲取驗(yàn)證碼的時(shí)間間隔為60s,有效期5min，點(diǎn)擊獲取驗(yàn)證碼按鈕后，按鈕文字變?yōu)椤爸匦芦@?。?9s）”并倒計(jì)時(shí)；
若多次獲取驗(yàn)證碼，僅最后一次獲取的驗(yàn)證碼有效。
5）注冊(cè)成功后自動(dòng)登錄，跳轉(zhuǎn)至“xxxxx”界面（或返回至原頁(yè)面，若用戶在“我的”頁(yè)面觸發(fā)登錄，則登錄成功后返回至“我的”頁(yè)面）。
5. 第三方賬號(hào)授權(quán)
通過(guò)第三方賬號(hào)授權(quán)的方式進(jìn)行登錄并獲取用戶信息（openid、頭像、昵稱、地區(qū)、性別、手機(jī)號(hào)），省去用戶注冊(cè)步驟，以下以“微信授權(quán)”為例子講述。
二、登錄模塊的設(shè)計(jì)構(gòu)思 1. 用戶名+密碼登錄
1）輸入用戶名、密碼，點(diǎn)擊登錄；未輸入用戶名和密碼時(shí)，“登錄”按鈕置灰，不允許點(diǎn)擊；已輸入用戶名和密碼，“登錄”按鈕為可點(diǎn)擊狀態(tài)；輸入用戶名、密碼時(shí)，喚起全鍵盤(pán)；輸入用戶名、密碼時(shí)，輸入框右側(cè)出現(xiàn)“清空icon”，點(diǎn)擊清空按鈕后將已輸入的內(nèi)容清空；密碼輸入框右側(cè)設(shè)計(jì)“顯示/隱藏icon”，默認(rèn)密碼隱藏狀態(tài)。
2）用戶名、密碼校驗(yàn)：密碼或用戶名不存在/不匹配，則提示用戶“用戶名與密碼不匹配，請(qǐng)重新輸入”。
3）賬號(hào)被停用：提示用戶“賬號(hào)已被停用，請(qǐng)聯(lián)系管理員！”。
4）登錄成功后進(jìn)入首頁(yè)。
5）退出登錄：點(diǎn)擊退出登錄按鈕后則退出到登錄頁(yè)。
2. 手機(jī)號(hào)+密碼/驗(yàn)證碼
手機(jī)號(hào)+驗(yàn)證碼登錄方式：
1）輸入手機(jī)號(hào)、驗(yàn)證碼，點(diǎn)擊登錄；未輸入手機(jī)號(hào)和驗(yàn)證碼時(shí)，“登錄”按鈕置灰，不允許點(diǎn)擊；未輸入手機(jī)號(hào)時(shí)，“發(fā)送驗(yàn)證碼”按鈕置灰，不允許點(diǎn)擊；已輸入手機(jī)號(hào)和驗(yàn)證碼，“登錄”按鈕為可點(diǎn)擊狀態(tài)；輸入手機(jī)號(hào)和驗(yàn)證碼時(shí)，喚起數(shù)字鍵盤(pán)；輸入手機(jī)號(hào)、驗(yàn)證碼時(shí)，輸入框右側(cè)出現(xiàn)“清空icon”，點(diǎn)擊清空按鈕后將已輸入的內(nèi)容清空。
2）用戶點(diǎn)擊“發(fā)送驗(yàn)證碼”按鈕后，提示“驗(yàn)證碼已發(fā)送”。
3）驗(yàn)證碼校驗(yàn)：輸入的驗(yàn)證碼錯(cuò)誤，提示“驗(yàn)證碼不正確，請(qǐng)重新輸入”。
4）單個(gè)手機(jī)號(hào)，單日接收驗(yàn)證碼的次數(shù)和頻率限制：
驗(yàn)證碼接收次數(shù)：1h內(nèi)不得超過(guò)5次,若超過(guò)5次，用戶點(diǎn)擊獲取驗(yàn)證碼的按鈕后彈窗提示“獲取驗(yàn)證碼次數(shù)已達(dá)上限，請(qǐng)一個(gè)小時(shí)后再試！”；
獲取驗(yàn)證碼的時(shí)間間隔為60s,有效期5min，點(diǎn)擊獲取驗(yàn)證碼按鈕后，按鈕文字變?yōu)椤爸匦芦@?。?9s）”；
若多次獲取驗(yàn)證碼，僅最后一次獲取的驗(yàn)證碼有效；
5）手機(jī)號(hào)格式錯(cuò)誤或手機(jī)號(hào)不存在：提示用戶“請(qǐng)輸入正確的手機(jī)號(hào)”。
6）賬號(hào)被停用：提示用戶“賬號(hào)已被停用，請(qǐng)聯(lián)系管理員！”。
7）登錄成功后進(jìn)入首頁(yè)。
8）退出登錄：點(diǎn)擊退出登錄按鈕后則退出到登錄頁(yè)。
手機(jī)號(hào)+密碼登錄方式：
1）輸入手機(jī)號(hào)、密碼，點(diǎn)擊登錄；未輸入手機(jī)號(hào)和密碼時(shí)，“登錄”按鈕置灰，不允許點(diǎn)擊；已輸入手機(jī)號(hào)和密碼，“登錄”按鈕為可點(diǎn)擊狀態(tài)；輸入手機(jī)號(hào)，喚起數(shù)字鍵盤(pán)；輸入密碼時(shí)，喚起全鍵盤(pán)；輸入手機(jī)號(hào)、密碼時(shí)，輸入框右側(cè)出現(xiàn)“清空icon”，點(diǎn)擊清空按鈕后將已輸入的內(nèi)容清空；密碼輸入框右側(cè)設(shè)計(jì)“顯示/隱藏icon”，默認(rèn)密碼隱藏狀態(tài)。
2）手機(jī)號(hào)格式錯(cuò)誤：提示用戶“請(qǐng)輸入正確的手機(jī)號(hào)”。
3）手機(jī)號(hào)、密碼校驗(yàn)：密碼或手機(jī)號(hào)不存在/不匹配，則提示用戶“手機(jī)號(hào)與密碼不匹配，請(qǐng)重新輸入”。
4）賬號(hào)被停用：提示用戶“賬號(hào)已被停用，請(qǐng)聯(lián)系管理員！”。
5）登錄成功后進(jìn)入首頁(yè)。
6）退出登錄：點(diǎn)擊退出登錄按鈕后則退出到登錄頁(yè)。
3. 郵箱+密碼
1）輸入郵箱、密碼，點(diǎn)擊登錄；未輸入郵箱和密碼時(shí)，“登錄”按鈕置灰，不允許點(diǎn)擊；已輸入用戶名和密碼，“登錄”按鈕為可點(diǎn)擊狀態(tài)；輸入用戶名、密碼時(shí)，喚起全鍵盤(pán)；輸入郵箱、密碼時(shí)，輸入框右側(cè)出現(xiàn)“清空icon”，點(diǎn)擊清空按鈕后將已輸入的內(nèi)容清空；密碼輸入框右側(cè)設(shè)計(jì)“顯示/隱藏icon”，默認(rèn)密碼隱藏狀態(tài)。
2）郵箱、密碼校驗(yàn)：密碼或郵箱不存在/不匹配，則提示用戶“郵箱與密碼不匹配，請(qǐng)重新輸入”。
3）賬號(hào)被停用：提示用戶“賬號(hào)已被停用，請(qǐng)聯(lián)系管理員！”。
4）登錄成功后進(jìn)入首頁(yè)。
5）退出登錄：點(diǎn)擊退出登錄按鈕后則退出到登錄頁(yè)。
4. 第三方賬號(hào)授權(quán)登錄
前面注冊(cè)那塊已講述，這里不再進(jìn)行講述
5. 游客登錄
讓用戶在先體驗(yàn)后登錄，需在一些點(diǎn)擊后需登錄的頁(yè)面做觸發(fā)登錄的標(biāo)記，即一些頁(yè)面可供用戶免登錄即可瀏覽，而有些頁(yè)面則需要登錄后才可以瀏覽。
三、找回密碼模塊的設(shè)計(jì)構(gòu)思 1. 手機(jī)號(hào)找回密碼
1）輸入手機(jī)號(hào)、驗(yàn)證碼、密碼、再次輸入密碼（均為必填）：
輸入密碼:輸入密碼時(shí)輸入框右側(cè)出現(xiàn)“顯示/隱藏icon”，默認(rèn)密碼隱藏狀態(tài)；
輸入手機(jī)號(hào)、驗(yàn)證碼、密碼時(shí)輸入框右側(cè)出現(xiàn)“清空icon”，點(diǎn)擊清空按鈕后將已輸入的內(nèi)容清空；
輸入框字?jǐn)?shù)限制：手機(jī)號(hào)：11位；密碼：大于等于6位，不超過(guò)20位；
2）手機(jī)號(hào)、密碼、短信驗(yàn)證碼校驗(yàn)：
手機(jī)號(hào)格式錯(cuò)誤或手機(jī)號(hào)不存在：提示用戶“請(qǐng)輸入正確的手機(jī)號(hào)！”；
未填寫(xiě)手機(jī)號(hào)，獲取驗(yàn)證碼按鈕置灰，不允許點(diǎn)擊；
點(diǎn)擊驗(yàn)證碼按鈕，自動(dòng)發(fā)送短信驗(yàn)證碼并提示用戶“驗(yàn)證碼已發(fā)送，5min內(nèi)輸入有效”；
短信驗(yàn)證碼不正確：提示用戶“短信驗(yàn)證碼不正確，請(qǐng)重新輸入！”；
密碼格式錯(cuò)誤：提示用戶“請(qǐng)輸入6-20個(gè)字符的密碼”；
兩次密碼輸入不一致：兩次輸入的密碼不一致，請(qǐng)重新輸入；
3）單個(gè)手機(jī)號(hào)，單日接收驗(yàn)證碼的次數(shù)和頻率限制：
驗(yàn)證碼接收次數(shù)：1h內(nèi)不得超過(guò)5次,若超過(guò)5次，用戶點(diǎn)擊獲取驗(yàn)證碼的按鈕后彈窗提示“獲取驗(yàn)證碼次數(shù)已達(dá)上限，請(qǐng)一個(gè)小時(shí)后再試！”；
獲取驗(yàn)證碼的時(shí)間間隔為60s,有效期5min，點(diǎn)擊獲取驗(yàn)證碼按鈕后，按鈕文字變?yōu)椤爸匦芦@?。?9s）”；
若多次獲取驗(yàn)證碼，僅最后一次獲取的驗(yàn)證碼有效；
4）找回密碼成功：提示用戶“密碼重置成功！”，并跳轉(zhuǎn)至“xxx”頁(yè)面。
5）手機(jī)號(hào)已停用，聯(lián)系客服：用戶在手機(jī)號(hào)已停用的情況下，可以點(diǎn)擊聯(lián)系客服，點(diǎn)擊“聯(lián)系客服”彈出“手機(jī)號(hào)碼”彈窗，點(diǎn)擊呼叫則喚醒手機(jī)撥號(hào)。
注：在手機(jī)號(hào)已停用等，接收不了驗(yàn)證碼的情況下，可聯(lián)系客服驗(yàn)證身份，客服在后臺(tái)修改密碼。
2. 郵箱找回密碼
1）輸入郵箱、驗(yàn)證碼、密碼、再次輸入密碼（均為必填）：
輸入密碼:輸入密碼時(shí)輸入框右側(cè)出現(xiàn)“顯示/隱藏icon”，默認(rèn)密碼隱藏狀態(tài)；
輸入郵箱、驗(yàn)證碼、密碼時(shí)輸入框右側(cè)出現(xiàn)“清空icon”，點(diǎn)擊清空按鈕后將已輸入的內(nèi)容清空；
輸入框字?jǐn)?shù)限制：密碼：大于等于6位，不超過(guò)20位；
2）郵箱、密碼、短信驗(yàn)證碼校驗(yàn)：
郵箱格式錯(cuò)誤或手機(jī)號(hào)不存在：提示用戶“請(qǐng)輸入正確的郵箱”；
未填寫(xiě)郵箱，獲取驗(yàn)證碼按鈕置灰，不允許點(diǎn)擊；
點(diǎn)擊驗(yàn)證碼按鈕，自動(dòng)發(fā)送短信驗(yàn)證碼并提示用戶“驗(yàn)證碼已發(fā)送，5分鐘內(nèi)輸入有效”；
郵箱驗(yàn)證碼不正確：提示用戶“驗(yàn)證碼不正確，請(qǐng)重新輸入”；
密碼格式錯(cuò)誤：提示用戶“請(qǐng)輸入6-20個(gè)字符的密碼”；
兩次密碼輸入不一致：提示用戶“兩次輸入的密碼不一致，請(qǐng)重新輸入”；
3）單個(gè)郵箱，單日接收驗(yàn)證碼的次數(shù)和頻率限制：
驗(yàn)證碼接收次數(shù)：1h內(nèi)不得超過(guò)5次,若超過(guò)5次，用戶點(diǎn)擊獲取驗(yàn)證碼的按鈕后彈窗提示“獲取驗(yàn)證碼次數(shù)已達(dá)上限，請(qǐng)一個(gè)小時(shí)后再試”；
獲取驗(yàn)證碼的時(shí)間間隔為60s,有效期5min，點(diǎn)擊獲取驗(yàn)證碼按鈕后，按鈕文字變?yōu)椤爸匦芦@?。?9s）”；
若多次獲取驗(yàn)證碼，僅最后一次獲取的驗(yàn)證碼有效；
4）找回密碼成功：提示用戶“密碼重置成功”，并跳轉(zhuǎn)至“xxx”頁(yè)面。
5）郵箱已停用，聯(lián)系客服：用戶在手機(jī)號(hào)已停用的情況下，可以點(diǎn)擊聯(lián)系客服，點(diǎn)擊“聯(lián)系客服”彈出“手機(jī)號(hào)碼”彈窗，點(diǎn)擊呼叫則喚醒手機(jī)撥號(hào)。
注：在郵箱已停用等，接收不了驗(yàn)證碼的情況下，可聯(lián)系客服驗(yàn)證身份，客服在后臺(tái)修改密碼。