登錄注冊是一個系統(tǒng)的門戶，做好登錄注冊是第一步。對于尚未接觸學(xué)習(xí)中繼器組件的小伙伴，可通過使用全局變量實現(xiàn)多賬戶的登錄驗證與注冊。

話不多說，下手來干～

關(guān)系組件

1、所需要的組件

• 文本框1——用戶框
• 文本框2——密碼框
• 文本標(biāo)簽——錯誤提示
• 矩形按鈕——登錄按鈕

2、組件基本設(shè)置

拖入所需組件，點(diǎn)選文本框1，命名為用戶框（組件命名可自定義，方便自己找到即可），類型設(shè)置為text，提示文字為“用戶名”。

點(diǎn)選文本框2，命名為密碼框，類型設(shè)置為密碼，提示文字為密碼。

點(diǎn)選文本標(biāo)簽命名為錯誤提示，設(shè)置文字內(nèi)容“用戶名或密碼錯誤”，設(shè)置為默認(rèn)隱藏。

點(diǎn)選登錄按鈕，設(shè)置按鈕名稱為“登錄”且禁用。右擊按鈕，選擇交互樣式，設(shè)置禁用樣式確認(rèn)（按鈕禁用樣式多為灰底淺白字）。

設(shè)置全局變量

點(diǎn)擊頂部菜單欄“項目”-“全局變量”，設(shè)置變量名稱為up，默認(rèn)值為（五月：123456）（六月：abc）。默認(rèn)值表示有兩個賬戶五月和六月，其密碼分別為123456、abc，可增加更多賬戶，保持賬戶密碼格式（賬戶名：密碼）一致即可，變量名稱不可為中文。

事件設(shè)置

1、用戶名框事件設(shè)置

點(diǎn)選用戶文本框，設(shè)置文本改變時事件，添加條件，設(shè)置用戶框和密碼框均不為空時事件。

接著設(shè)置用戶框、密碼框均不為空時，啟用登錄按鈕。

繼續(xù)添加文字改變時用例，否則情況（用戶框、密碼框不全為非空情況），禁用登錄按鈕。

注釋：這是登錄控制，如果沒有輸入用戶名或密碼，登錄按鈕應(yīng)該是禁用的，不可點(diǎn)擊；只有輸入用戶名，密碼，才可以進(jìn)行登錄驗證。

2、密碼框事件設(shè)置

密碼框與用戶框事件同理，可直接復(fù)制用戶框事件進(jìn)行黏貼使用。

3、登錄按鈕事件設(shè)置

設(shè)置登錄按鈕單擊事件，添加條件，當(dāng)全局變量up包含輸入的用戶名，密碼，通過添加局部變量LVAR1表示輸入的用戶名，LVAR2表示輸入的密碼，按照上述步驟（用戶名：密碼）的格式進(jìn)行組合。

當(dāng)符合上訴條件時，在當(dāng)前窗口打開登錄成功主頁。

用戶名或密碼錯誤時，即全局變量不包含（LVAR1：LVAR2），顯示錯誤提示。

就這樣實現(xiàn)了多賬戶登錄驗證效果。可通過全局變量增加更多賬戶名密碼，不需要改動任何事件也可完成驗證登錄。

作者：五月，微信公眾號：wuyuepd

本文由 @五月 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。