使用Axure RP原型設計實踐06,登入驗證

2022-01-18 20:12:12 字數 1843 閱讀 4356

登入驗證主要功能包括:

● 使用者名稱錯誤,提示無效使用者名稱,使用者名稱和密碼文字框清空

● 使用者名稱存在,密碼錯誤,提示密碼錯誤,密碼清空,焦點進入密碼框

● 使用者名稱和密碼都正確,驗證通過

本篇接著"使用axure rp原型設計實踐03,製作乙個登入介面的原型"這篇。

建立乙個頁面,名稱為"後台",用來表示驗證通過後的頁面。

在實際專案中,需要把使用者輸入的使用者名稱和密碼與資料庫中的相關匹配,可是,原型中沒有資料庫,如何做呢?

只能是模擬乙個。假設使用者名稱是darren,密碼也是darren。

在登入按鈕的乙個用例中這樣設定,這是有關使用者名稱的判斷。

再為登入按鈕增加乙個用例,用於有關密碼的判斷。

有關登入按鈕使用者名稱判斷的用例設定如下:

預覽,當輸入的使用者名稱不正確,報錯如下:

當輸入的使用者名稱存在,密碼不正確,報錯如下:

再為登入按鈕的onclick事件增減乙個用例,用來判斷使用者名稱和密碼都正確。

預覽,當使用者名稱和密碼都輸入正確,頁面跳轉到後台頁。

當然,對於使用者名稱和密碼,可以設定全域性變數,在判斷的時候讀取全域性變數的值。

乙個全域性變數能儲存多個使用者名稱或密碼嗎?

假設有這樣的一種儲存方式:(darren:darren)(jack:123)。如果把這個儲存在全域性變數中,就相當於在全域性變數中儲存了多個使用者名稱和密碼。

但問題又來了:是否可以從全域性變數中讀取出每組使用者名稱和密碼呢?

在axure中設定全域性變數。

再來修改登入按鈕onclick事件中有關使用者名稱的用例。現在要判斷輸入的使用者名稱是否包含在全域性變數的所有使用者名稱中。

在有關值的公式中,按如下設定:

在有關使用者名稱的條件按如下設定:

在有關使用者名稱的用例按如下設定:

在判斷使用者名稱是否正確的時候,這種情況下,要把使用者名稱和密碼拼接起來一起判斷。

在有關密碼判斷的公式按如下設定:

有關密碼的條件按如下設定:

有關密碼的用例按如下設定:

預覽,當輸入使用者名稱和密碼分別是jack,123的時候,驗證通過,登入成功。

總結:● 在axure中可以模擬資料庫中的資料

● 在設定值的時候可以使用富文字框,在富文字框中也可以使用區域性變數

● 全域性變數儲存鍵值對的乙個小技巧

Axure RP 原型設計基礎學習

1 概述 原型設計是應用開發設計的第一要素。好的原型設計不僅可以起到溝通的作用,而且對客戶而言應用程式擁有更直觀的體現。原型設計通過內容和結構展示以及介面布局編排,實現在開發前期使用者與產品進行互動。提高使用者對專案的認可度,有利於專案的推進。下面為大家介紹一款原型設計工具 axure rp。2 名...

快速原型設計工具 Axure RP

xure rp是乙個專業的快速原型設計工具。axure 發音 ack sure 代表美國axure公司 rp則是rapid prototyping 快速原型 的縮寫。axure rp是美國axure software solution公司旗艦產品,是乙個專業的快速原型設計工具 讓負責定義需求和規格 ...

使用Axure RP設計Android介面原型

axure rp是很有名的乙個介面原型設計工具,可以靈活快捷的對c s b s程式設計原型。近期我要開發乙個android客戶端,也打算使用axure rp設計原型。axure rp中預設沒有移動終端的模板,我找了乙個android 4.0的模板,可以直接匯入 我選擇了深色樣式 匯入之後就有素材了 ...