案例23:全局變量的簡單應(yīng)用(用戶登錄后的歡迎提示)

  • 2022-05-17 14:15:51
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://m.supportcoffeeroasters.com

第一步:請使用矩形部件、文本輸入框、文本標(biāo)簽部件制作如圖51所示的會員登錄模塊。并給賬號和密碼文本輸入框和登錄按鈕分別命名為:username、pwd和login。

第二步:在【頁面】面板也就是站點地圖面板中,雙擊Page1,然后拖放一個文本標(biāo)簽部件到設(shè)計區(qū)域,并給其命名為welcome。

11.jpg

(圖51)

第三步:單擊設(shè)計區(qū)域上方的index 標(biāo)簽,回到index頁面。如果在原型中打開了很多標(biāo)簽,可通過設(shè)計區(qū)域右上角的【選擇和管理標(biāo)簽】進行快捷選擇和管理,見圖52。

11.jpg

(圖52)

第四步:回到index頁面,選中登錄按鈕,在右側(cè)部件【屬性】面板中雙擊【鼠標(biāo)單擊時】事件,在彈出的【用例編輯器】中新增【設(shè)置變量值】動作,在【配置動作】中勾選Name_Var,如果你還未創(chuàng)建該變量,單擊【添加全局變量】添加即可,見圖53-A,然后在配置動作底部的下拉列表中選擇【部件文字】,在右側(cè)下拉列表中選擇【username】,也就是賬號文本輸入框,見圖53-B。

昆明網(wǎng)站制作小編認為這個動作的意思是:將 username文本輸入框中的部件文字存儲到Name_Var 這個全局變量中;也可理解為將 Name_Var這個全局變量值設(shè)置為username文本輸入框中的部件文字。

11.jpg

(圖53)

繼續(xù)在【用例編輯器】左側(cè)新增【新窗口/新標(biāo)簽】打開鏈接動作,并在右側(cè)【配置動作】中選擇page1,見圖54。單擊【確定】按鈕關(guān)閉【用例編輯器】。

11.jpg

(圖54)

第五步:雙擊page1頁面,在部件【屬性】面板中雙擊【頁面載入時】事件,在彈出的【用例編輯器】中新增【設(shè)置文本】動作,在【配置動作】中勾選welcome,并在底部設(shè)置文本為:【富文本】,然后單擊【編輯文本…】,見圖55。

11.jpg

(圖55)

在彈出的【輸入文本】對話框中輸入【歡迎回來,】,然后單擊【插入變量或函數(shù)…】。在下拉列表中選擇 Name_Var 這個全局變量,見圖56,單擊兩次【確定】按鈕關(guān)掉對話框回到設(shè)計區(qū)域。

這里選擇【富文本】,是可以對變量值的顯示進行自定義修改的,比如我們給全局變量Name_Var前面加了【歡迎回來,】,還可以調(diào)整字體、顏色、對齊等。

這個動作的意思是:當(dāng)page1這個頁面載入時,就設(shè)置welcome這個文本標(biāo)簽部件的值為全局變量Name_Var中所存儲的值。

11.jpg

(圖56)

第六步:雙擊index頁面,然后在頂部的工具欄中單擊【預(yù)覽】按鈕,或者按下快捷鍵F5/Shift+Command+P,快速預(yù)覽交互效果,見圖57。

11.jpg

(圖57)

昆明網(wǎng)站建設(shè)小提示:在設(shè)置變量時應(yīng)注意動作的執(zhí)行順序,如圖441組織動作中所示,設(shè)置變量動作在打開新窗口動作上面,也就是先執(zhí)行設(shè)置變量再打開新窗口,如果將他們的位置互換,先執(zhí)行打開新窗口再執(zhí)行設(shè)置變量的話,這個案例就會失敗了。


當(dāng)前文章標(biāo)題:案例23:全局變量的簡單應(yīng)用(用戶登錄后的歡迎提示)

當(dāng)前URL:http://m.supportcoffeeroasters.com/news/wzzz/3459.html

上一篇:在動作中設(shè)置變量值

下一篇:函數(shù)列表

網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)