使用Axure實(shí)現(xiàn)用戶登錄時，對用戶名和密碼的校驗(yàn)。在此先給出一個登錄界面，所需主要元件為：文本輸入框、登錄按鈕等。

???? 1：如果用戶賬戶輸入正確，密碼錯誤，則提示該用戶的密碼輸入錯誤；

???? 2：如果均輸入正確則進(jìn)入到相對應(yīng)的個人中心界面；

???? 3：如果輸入為空，則會提示用戶名密碼為空。

首先為頁面元件定義標(biāo)簽：可參考如下界面示意圖

???? 1.然后給這三個控件分別命名為："用戶名"、"密碼"、"登錄按鈕"。

???? 2.注：（圖中還有一個矩形框控件設(shè)置為透明，用于之后的提示，命名為"提示")

???? 3.然后將所有控件合并成組。

第一種實(shí)現(xiàn)：當(dāng)輸入為空時點(diǎn)擊登錄按鈕提示“用戶名或密碼不能為空。

???? 1.首先給登錄按鈕添加一個單擊事件：具體操作參考下圖：

?? （首先在case1中設(shè)定條件，當(dāng)用戶名和密碼文本框==值為，注意符合條件應(yīng)該選擇任何以下條??? 件。

然后添加動作—設(shè)置文本與“提示”矩形框—設(shè)置為富文本（富文本框控件，它能夠處理有格式的文本，還可以顯示字體、顏色、鏈接、嵌入的圖像等。）

點(diǎn)擊圖上右下角的編輯文本設(shè)置提示文字為：用戶名或密碼不能為空。

然后設(shè)置顯示“提示”矩形框：（因?yàn)槲以O(shè)置了當(dāng)用戶名和密碼文本框獲取焦點(diǎn)時會隱藏提示文本框，以防提示一直存在與界面上）

這樣當(dāng)點(diǎn)擊登錄按鈕時，如果其中任意一個為空或者都為空時就會顯示提示文本：用戶名或密碼不能為空“

第二種實(shí)現(xiàn)：當(dāng)用戶名和密碼輸入正確時跳轉(zhuǎn)到對應(yīng)的頁面

????? 1.首先定義2個全局變量，username和password。

設(shè)置默認(rèn)值username=user???? password=123456

然后給登錄按鈕添加單擊事件Case2

然后點(diǎn)擊“編輯條件”—點(diǎn)擊"fx"—添加局部變量

將局部變量=元件文字然后賦值給用戶名文本框，密碼文本框同理。

然后設(shè)置條件

選擇變量值==值為局部變量名。然后設(shè)置單擊時打開鏈接即可實(shí)現(xiàn)。

第三種實(shí)現(xiàn)：當(dāng)輸入的用戶名或密碼不正確時提示文字“用戶名或密碼錯誤”

???? 1.首先給登錄按鈕添加單擊事件Case3,然后設(shè)置條件

當(dāng)輸入正確時我們條件設(shè)定的是變量==局部變量

所以不正確提示我們則設(shè)頂為變量值！=局部變量的值（局部變量設(shè)定同實(shí)現(xiàn)2原理一樣，命名不能相同）

還是選擇添加動作—設(shè)置文本—選擇“提示”矩形框設(shè)置為富文本然后編輯文本為：”用戶名或密碼錯誤“

之后選擇顯示“提示”文本框即可實(shí)現(xiàn)。

然后讓我們看一下效果圖吧。

????????????????? 最后謝謝各位讀者老爺閱讀，歡迎指出不足之處共同學(xué)習(xí)。