中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

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

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

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

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

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

如下圖所示，用戶選擇頁(yè)面是比較簡(jiǎn)單的，包括提示文字（請(qǐng)選擇您的身份登錄）、3個(gè)選擇項(xiàng)（矩形+圖標(biāo)），如下圖所示。

該頁(yè)面的交互也很簡(jiǎn)單，鼠標(biāo)單擊個(gè)人用戶時(shí)，我們用設(shè)置面板狀態(tài)的交互，將動(dòng)態(tài)面板設(shè)置到個(gè)人用戶登錄頁(yè)面即可。

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

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

個(gè)人用戶登錄頁(yè)面，主要包括返回圖標(biāo)、文字標(biāo)簽（個(gè)人用戶登錄），輸入框（手機(jī)號(hào)碼和密碼），登錄按鈕，錯(cuò)誤提示彈窗，背景圖片和中繼器，如下圖所示擺放。

返回圖標(biāo)的交互：設(shè)置面板狀態(tài)，將動(dòng)態(tài)面板設(shè)置回狀態(tài)1（用戶選擇頁(yè)面）即可。

登錄按鈕：鼠標(biāo)單擊登錄按鈕時(shí)，我們要首先判斷手機(jī)號(hào)碼是否為空，如果為空，就要設(shè)置提示彈窗的位置為請(qǐng)輸入手機(jī)號(hào)。

然后再顯示錯(cuò)誤彈窗，如果密碼輸入框?yàn)榭盏脑?，就是設(shè)置提示彈窗的文字為請(qǐng)輸入密碼。

最后還需要通過(guò)判斷手機(jī)號(hào)和密碼是否正確，這里需要用到中繼器，中繼器的作用是用來(lái)判斷手機(jī)號(hào)和密碼是否一一對(duì)應(yīng)。中繼器內(nèi)包含兩列account和password，我們?cè)诶锩婵梢蕴顚懩J(rèn)的個(gè)人用戶手機(jī)號(hào)以及對(duì)應(yīng)的密碼。這里中繼器只是用于記錄，所以可以默認(rèn)隱藏，或者將內(nèi)部自帶的矩形刪除。

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

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

如果結(jié)果為等于1的話，就是我們輸入的手機(jī)號(hào)和密碼沒(méi)錯(cuò)，能對(duì)應(yīng)上，那么我們就能完成登錄了，一般而言是會(huì)跳轉(zhuǎn)到首頁(yè)或者之前的頁(yè)面，我們用打開(kāi)鏈接的交互來(lái)做就可以了。

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

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

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

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

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

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

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

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

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

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

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

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

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