上周，我們分享了關(guān)于“強(qiáng)密碼驗(yàn)證”的內(nèi)容，并思考到如何實(shí)現(xiàn)隨機(jī)生成密碼的問(wèn)題。因此，在這篇文章中，我們將介紹如何利用Axure設(shè)計(jì)一個(gè)“隨機(jī)生成6位字符的強(qiáng)密碼”的功能。 構(gòu)建“強(qiáng)密碼”控件首先，我們

上周，我們分享了關(guān)于“強(qiáng)密碼驗(yàn)證”的內(nèi)容，并思考到如何實(shí)現(xiàn)隨機(jī)生成密碼的問(wèn)題。因此，在這篇文章中，我們將介紹如何利用Axure設(shè)計(jì)一個(gè)“隨機(jī)生成6位字符的強(qiáng)密碼”的功能。

構(gòu)建“強(qiáng)密碼”控件

首先，我們需要按照以下步驟在Axure中構(gòu)建“強(qiáng)密碼”控件：

1. 新建一個(gè)文本框，命名為“Password”。

2. 新建一個(gè)文本標(biāo)簽，命名為“l(fā)astone”，內(nèi)容可以隨意設(shè)置，比如“字符”。

3. 新建四個(gè)文本標(biāo)簽，分別命名為“Special”、“number”、“capital”、“Lowercase”，文本內(nèi)容設(shè)為0。

4. 新建五個(gè)文本標(biāo)簽，分別命名為“Special_string”、“number_string”、“Lowercase_string”、“capital_string”、“string”。

5. 新建一個(gè)文本標(biāo)簽，命名為“num”，文本內(nèi)容設(shè)為6。

6. 新建一個(gè)矩形，命名為“key”，內(nèi)容設(shè)為“生成隨機(jī)密碼”。

7. 設(shè)置“Special_string”內(nèi)容為特殊字符集合。

8. 設(shè)置“number_string”內(nèi)容為數(shù)字集合。

9. 設(shè)置“Lowercase_string”內(nèi)容為小寫字母集合。

10. 設(shè)置“capital_string”內(nèi)容為大寫字母集合。

11. 設(shè)置“string”內(nèi)容為包含各種字符的集合。

設(shè)定組件顯示和隱藏

除了“文本框：Password”和“矩形：key”外的其他組件，全部設(shè)置為隱藏狀態(tài)。為了隨機(jī)生成6位字符的強(qiáng)密碼，我們需要做到以下兩點(diǎn)：

1. 強(qiáng)密碼判定；

2. 字符數(shù)量控制。

交互動(dòng)作設(shè)計(jì)

所有的交互動(dòng)作都在“矩形：key”的“鼠標(biāo)單擊時(shí)”操作中進(jìn)行。

用例場(chǎng)景

我們來(lái)看幾個(gè)用例場(chǎng)景：

- Case 1：判斷條件是“元件文字：num”的值等于6。

- Action：

- 設(shè)置“文本框：Password”的內(nèi)容為空。

- Case 2：獲取字符，判斷條件是“元件文字：num”的值大于0。

- Action：

- 設(shè)置“矩形：lastone”的內(nèi)容為從字符集合中隨機(jī)選取一個(gè)字符。

- Case 3：特殊字符判定，根據(jù)不同字符類型設(shè)置不同的標(biāo)志位。

- Case 4：數(shù)字、小寫字母、大寫字母判定，類似于特殊字符的處理方式。

- Case 5：循環(huán)執(zhí)行直到生成6位密碼。

- Action：

- 觸發(fā)“矩形：key”鼠標(biāo)單擊事件。

- Case 6：重新生成密碼，當(dāng)“元件文字：num”的值為0且所有標(biāo)志位都小于3時(shí)觸發(fā)。

通過(guò)以上步驟和邏輯設(shè)計(jì)，我們可以相對(duì)簡(jiǎn)單地實(shí)現(xiàn)一個(gè)隨機(jī)生成6位字符的強(qiáng)密碼的功能。盡管方法有些笨拙，但整體邏輯清晰，設(shè)置也不算復(fù)雜。如果這篇文章對(duì)你有幫助，請(qǐng)給我們投個(gè)票，點(diǎn)個(gè)贊吧！