国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

編輯導讀：多角色登錄是很多系統(tǒng)都需要具備的功能，例如在招聘網(wǎng)站里，登錄的角色包括、求職者、招聘企業(yè)的hr、獵頭、內(nèi)部員工等等。本文作者分享了如何在Axure里面制作多角色登錄的原型模板，希望對你有幫助。

多角色登錄是很多系統(tǒng)都需要具備的功能，例如在招聘網(wǎng)站里，登錄的角色包括、求職者、招聘企業(yè)的hr、獵頭、內(nèi)部員工等等。所以今天我們就來學習怎么樣在Axure里面制作多角色登錄的原型模板，制作完成后，可以根據(jù)選擇不同類型的用戶，從而進入到不同的頁面，而且我們可以用中繼器來記住不同類型用戶的賬號密碼，實現(xiàn)高保真登錄的效果。

原型地址：https://fwosap.axshare.com/#g=1

這里我們直接用動態(tài)面板，該案例動態(tài)面板內(nèi)共有4個狀態(tài)，分別是狀態(tài)1（用戶選擇頁面）、狀態(tài)2（個人用戶登錄頁面），狀態(tài)3（企業(yè)用戶登錄頁面），狀態(tài)4（內(nèi)部員工登錄頁面）

狀態(tài)1（用戶選擇頁面）

如下圖所示，用戶選擇頁面是比較簡單的，包括提示文字（請選擇您的身份登錄）、3個選擇項（矩形+圖標），如下圖所示。

該頁面的交互也很簡單，鼠標單擊個人用戶時，我們用設置面板狀態(tài)的交互，將動態(tài)面板設置到個人用戶登錄頁面即可。

同理，鼠標單擊企業(yè)用戶時，用用設置面板狀態(tài)的交互，將動態(tài)面板設置到企業(yè)用戶登錄頁面，鼠標單擊內(nèi)部員工時，用用設置面板狀態(tài)的交互，將動態(tài)面板設置到內(nèi)部員工登錄頁面。

狀態(tài)2（個人用戶登錄頁面）

個人用戶登錄頁面，主要包括返回圖標、文字標簽（個人用戶登錄），輸入框（手機號碼和密碼），登錄按鈕，錯誤提示彈窗，背景圖片和中繼器，如下圖所示擺放。

返回圖標的交互：設置面板狀態(tài)，將動態(tài)面板設置回狀態(tài)1（用戶選擇頁面）即可。

登錄按鈕：鼠標單擊登錄按鈕時，我們要首先判斷手機號碼是否為空，如果為空，就要設置提示彈窗的位置為請輸入手機號。

然后再顯示錯誤彈窗，如果密碼輸入框為空的話，就是設置提示彈窗的文字為請輸入密碼。

最后還需要通過判斷手機號和密碼是否正確，這里需要用到中繼器，中繼器的作用是用來判斷手機號和密碼是否一一對應。中繼器內(nèi)包含兩列account和password，我們在里面可以填寫默認的個人用戶手機號以及對應的密碼。這里中繼器只是用于記錄，所以可以默認隱藏，或者將內(nèi)部自帶的矩形刪除。

回到鼠標單擊登錄按鈕的交互，如果上面手機號碼和密碼框都不為空，那么我們就要先對中繼器進行篩選，篩選條件為中繼器accout列的值等于手機號輸入框里的內(nèi)容，并且password列的值等于密碼輸入框內(nèi)的值。

進行篩選之后需要根據(jù)中繼器可視條數(shù)，就是篩選完成之后，中繼器還有沒有顯示的內(nèi)容。我們可以用visibleItemCount函數(shù)進行統(tǒng)計。一般而言，結(jié)果只會出現(xiàn)1或者0，如果等于0的話，證明我們輸入的手機號密碼組錯誤，這是我們設置錯誤提示的文字為手機號或密碼錯誤，并且顯示錯誤提示的彈窗；

如果結(jié)果為等于1的話，就是我們輸入的手機號和密碼沒錯，能對應上，那么我們就能完成登錄了，一般而言是會跳轉(zhuǎn)到首頁或者之前的頁面，我們用打開鏈接的交互來做就可以了。

如果結(jié)果大于1的話，證明有2組或以上的手機號和密碼一樣的，這樣可能是我們填寫初始數(shù)據(jù)時不小心填錯。

最后還有錯誤提示彈窗的交互：默認隱藏，如果觸發(fā)上面3種錯誤就會顯示，這屬于軟提示，提示3秒后隱藏即可。

狀態(tài)3（企業(yè)用戶登錄頁面）

其實企業(yè)用戶的界面和個人用戶的登錄界面類似都是包括返回圖標、文字標簽（企業(yè)用戶登錄），兩個輸入框，登錄按鈕，錯誤提示彈窗，背景圖片、中繼器，不同的就是，企業(yè)用戶一般是用企業(yè)郵箱來登錄，個人用戶是用手機號登錄。我們可以復制上面?zhèn)€人的頁面，然后在修改文字、圖片和排版。

返回圖標的交互：和上面一樣都是設置面板狀態(tài)，將動態(tài)面板設置回狀態(tài)1（用戶選擇頁面）。

登錄按鈕、彈窗的交互邏輯思路都是和上面一樣的，只是設置提示的具體文字變了，如果是復制過來的話，大家只需簡單修改一下文字內(nèi)容、圖標、背景、中繼器內(nèi)的密碼組、交互里設置的提示文字就可以了。

狀態(tài)4（內(nèi)部登錄頁面）

內(nèi)部員工登錄的頁面和上面兩個登錄頁面的材料是一樣的，只不過是改改文字和背景，已經(jīng)登錄輸入的不是手機號或企業(yè)郵箱，變成了員工號。

交互也是一樣的，我們簡單修改提示彈窗在3種錯誤狀態(tài)下的文字即可。

這樣，我們就完成了多角色登錄的原型模板了，后續(xù)如果要增加角色頁面也很簡單，只需要復制一個登錄頁面，簡單需改一下文字、圖標、背景就可以。

那以上就是本期的全部內(nèi)容了，感謝您的閱讀，我們下期見，88~~~

本文由 @做產(chǎn)品但不是經(jīng)理 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議