14 登入註冊頁面

2022-04-10 20:46:40 字數 1948 閱讀 3389

密碼登入

簡訊登入

登入登入

立即註冊

流程
1. components中新建login.vue檔案, 寫入如上**

2. components中的header.vue中. 匯入元件, 註冊元件, 使用元件

3. 登入註冊繫結點選事件, 為login元件使用條件渲染指令v-if, 指定乙個值is_login控制login元件的展示狀態.

在點選登入按鈕時is_login為true

在點選登入元件中×時, login元件應該控制傳遞資料, 控制父元件的展示或者隱藏. 子元件對×繫結事件的傳遞this.$emit('close')

5. 父元件中的login元件中獲取到傳遞過來的事件@close. 繫結乙個父元件中的觸發該事的方法, 一當該事件觸發, 表示使用者×了登入介面. 此時is_login因該為false.

新使用者註冊

註冊立即登入

流程
1. components中新建register.vue檔案, 寫入如上**

2. components中的header.vue中. 匯入元件, 註冊元件, 使用元件

3. 登入註冊繫結點選事件, 為register元件使用條件渲染指令v-if, 指定乙個值is_register控制register元件的展示狀態.

在點選z註冊按鈕時is_register為true

在點選登入元件中×時, login元件應該控制傳遞資料, 控制父元件的展示或者隱藏. 子元件對×繫結事件的傳遞this.$emit('close')

5. 父元件中的register元件中獲取到傳遞過來的事件@close. 繫結乙個父元件中的觸發該事的方法, 一當該事件觸發, 表示使用者×了登入介面. 此時is_register因該為false.

登入

註冊

1. 多方式登入

1)前台提供賬號密碼,賬號可能是 使用者名稱、手機號、郵箱等

介面:後台只需要提供乙個多方式登入介面即可 - 多方式登入介面

"""2. 驗證碼登入

1)前台提供手機號和驗證碼完成登入

介面:前台填完手機號,往後臺傳送校驗手機號的請求,如果存在繼續,不存在提示註冊 - 手機號存在與否介面

前台點選傳送驗證碼,將手機再次傳送給後台,後台將手機號通知給第三方,傳送簡訊 - 手機驗證碼介面

前台點選登入提交手機號與驗證碼,完成驗證碼登入 - 驗證碼登入介面

"""驗證碼登入

1)前台提供手機號、驗證碼、密碼完成註冊

介面:前台填完手機號,往後臺傳送校驗手機號的請求,如果不存在繼續,存在提示登入 - 手機號存在與否介面

前台點選傳送驗證碼,將手機再次傳送給後台,後台將手機號通知給第三方,傳送簡訊 - 手機驗證碼介面

前台點選註冊提交手機號、驗證碼及密碼,完成驗證碼註冊 - 驗證碼註冊介面

"""

"""

1. 多方式登入介面

2. 手機號存在與否介面

3. 手機驗證碼介面

4. 驗證碼登入介面

5. 驗證碼註冊介面

"""

PHP登入註冊頁面

設定字符集 mysqli select db link,login name post username pwd post password rpwd post re password code post code if link else if strlen pwd 5 strlen pwd 10...

bootstrap建立登入註冊頁面

用bootstrap做登入註冊頁面,使用validate做表單驗證 技術 bootstrap,font awesome,jquery validate 宗旨 從實戰中學知識。驗證碼實現功能 itdragon部落格 效果圖 messages 個字 符 register form validate rp...

php登入註冊頁面及載入

1 public w3c dtd xhtml 1.0 transitional en 237 891011 12代號 13名稱 14 15產地 16庫存 1718 1920 21 1.造鏈結物件 22 db new mysqli localhost root 511108 text 23 2.寫sq...