Axure教程:多賬戶的登錄驗證

7 評論 28211 瀏覽 100 收藏 6 分鐘

登錄注冊是一個系統的門戶,做好登錄注冊是第一步。對于尚未接觸學習中繼器組件的小伙伴,可通過使用全局變量實現多賬戶的登錄驗證與注冊。

話不多說,下手來干~

關系組件

1、所需要的組件

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

2、組件基本設置

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

點選文本框2,命名為密碼框,類型設置為密碼,提示文字為密碼。

點選文本標簽命名為錯誤提示,設置文字內容“用戶名或密碼錯誤”,設置為默認隱藏。

點選登錄按鈕,設置按鈕名稱為“登錄”且禁用。右擊按鈕,選擇交互樣式,設置禁用樣式確認(按鈕禁用樣式多為灰底淺白字)。

設置全局變量

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

事件設置

1、用戶名框事件設置

點選用戶文本框,設置文本改變時事件,添加條件,設置用戶框和密碼框均不為空時事件。

接著設置用戶框、密碼框均不為空時,啟用登錄按鈕。

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

注釋:這是登錄控制,如果沒有輸入用戶名或密碼,登錄按鈕應該是禁用的,不可點擊;只有輸入用戶名,密碼,才可以進行登錄驗證。

2、密碼框事件設置

密碼框與用戶框事件同理,可直接復制用戶框事件進行黏貼使用。

3、登錄按鈕事件設置

設置登錄按鈕單擊事件,添加條件,當全局變量up包含輸入的用戶名,密碼,通過添加局部變量LVAR1表示輸入的用戶名,LVAR2表示輸入的密碼,按照上述步驟(用戶名:密碼)的格式進行組合。

當符合上訴條件時,在當前窗口打開登錄成功主頁。

用戶名或密碼錯誤時,即全局變量不包含(LVAR1:LVAR2),顯示錯誤提示。

就這樣實現了多賬戶登錄驗證效果??赏ㄟ^全局變量增加更多賬戶名密碼,不需要改動任何事件也可完成驗證登錄。

 

作者:五月,微信公眾號:wuyuepd

本文由 @五月 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 最后一步不管怎么調整賬號密碼不管輸的對還是錯都是出現錯誤提示不會跳到首頁啊

    來自河南 回復
  2. 最好一步不管怎么調整賬號密碼不管輸的對還是錯都是出現錯誤提示不會跳到首頁啊

    來自河南 回復
  3. 其實一直不知道登錄界面的頭像是干嘛用的,感覺好雞肋 ??

    來自上海 回復
    1. 所謂美感吧 或者說 個性標簽

      來自浙江 回復
    2. 大神呼叫你,還在嗎?麻煩解釋一下為啥最后總是出現賬號密碼錯誤,正確也是錯誤,錯誤還是錯誤的

      來自河南 回復
    3. 看一下你的變量值,fx處插入全局變量UP,我的問題給你一樣,變量值FX插入變量或函數換成全局變量UP就可以了

      來自河南 回復
    4. 您好,我按照您的方法操作了下怎么還是不對呀

      來自山東 回復