第七步:現(xiàn)在【立即注冊(cè)】按鈕的交互如圖24所示,通過(guò)圖中的顏色提示可以看到,第一個(gè)用例中的條件是If語(yǔ)句,而其余的三個(gè)是Else if語(yǔ)句,這就是只顯示name_error的問(wèn)題所在了。
(圖23)
(圖24)
昆明網(wǎng)站建設(shè)小編總結(jié)原因在于以下三點(diǎn)。
1.在Axure中多用例是自上至下按順序執(zhí)行的。
2.If結(jié)構(gòu)語(yǔ)句是始終執(zhí)行的。
3.Else if結(jié)構(gòu)語(yǔ)句是它上面一個(gè)用例未滿足條件時(shí),則執(zhí)行該用例;如果滿足條件就不再向下執(zhí)行。也就是如果Case1滿足條件時(shí),就不再向下執(zhí)行Case2;如果Case1未滿足條件時(shí),則向下執(zhí)行Case2。
要用文字描述解釋If和Else if 邏輯比較拗口,現(xiàn)在請(qǐng)你再次單擊【預(yù)覽】按鈕,在瀏覽器中對(duì)原型做如下幾次測(cè)試。
1.不輸入任何內(nèi)容,單擊【立即注冊(cè)】按鈕(只顯示name_error)。
2.輸入不符合要求的用戶名,單擊【立即注冊(cè)】按鈕(只顯示name_error)。
3.輸入符合要求的用戶名,單擊【立即注冊(cè)】按鈕(name_error隱藏, pwd_error顯示)。
通過(guò)上述操作后,你應(yīng)該對(duì) If和Else if 結(jié)構(gòu)語(yǔ)句有了更深的理解。
下面昆明網(wǎng)站制作小編就來(lái)修復(fù)這個(gè)問(wèn)題,同時(shí)選中Case2、Case3和Case4這三個(gè)用例,單擊右鍵,在彈出的關(guān)聯(lián)菜單中選擇【切換為<If>或<Else if>】,見(jiàn)圖25,切換后所有用例中的條件都變成了If結(jié)構(gòu),見(jiàn)圖26。
再次預(yù)覽效果,在瀏覽器中進(jìn)行測(cè)試,此時(shí)的原型已經(jīng)實(shí)現(xiàn)了我們之前設(shè)置的交互效果了,不過(guò)到這里還沒(méi)有實(shí)現(xiàn)完整功能,當(dāng)用戶按要求輸入所需內(nèi)容后點(diǎn)擊【立即注冊(cè)】按鈕,要隱藏所有錯(cuò)誤提示并在當(dāng)前窗口打開(kāi)page1。下面繼續(xù)進(jìn)行設(shè)置。
(圖25)
(圖26)
當(dāng)前文章標(biāo)題:會(huì)員注冊(cè)多條件判斷之第七步
當(dāng)前URL:http://www.margaycoffee.com/news/wzzz/3448.html