在低代碼 AstroZero 的標(biāo)準(zhǔn)頁(yè)面設(shè)計(jì)和構(gòu)建上,我們總是在思考如何讓用戶體驗(yàn)?zāi)軌蚋恿鲿?。為此,我們特推出低代碼 AstroZero 技巧教學(xué)系列合集,讓各位開發(fā)者能夠更加方便快捷地掌握低代碼 AstroZero 的操作技巧。本次技巧內(nèi)容:在 Astro Zero 標(biāo)準(zhǔn)頁(yè)面中為表格中的文本增加超鏈接掌握技巧價(jià)值:
提高工作效率:通過點(diǎn)擊超鏈接用戶可以迅速跳轉(zhuǎn)到表格中的指定位置,實(shí)現(xiàn)快速定位到需要修改或查看的數(shù)據(jù)區(qū)域。
增強(qiáng)信息關(guān)聯(lián)性:超鏈接可以將相關(guān)的數(shù)據(jù)區(qū)域連接起來,形成一個(gè)邏輯清晰、結(jié)構(gòu)緊湊的信息網(wǎng)絡(luò)。這有助于用戶更好地理解數(shù)據(jù)之間的關(guān)系,進(jìn)行更深入的分析。
改善用戶體驗(yàn):如下圖所示,將鼠標(biāo)移動(dòng)至表格中的特定列名稱,例如“WEB A”,不僅會(huì)顯示鏈接地址,點(diǎn)擊它還能直接跳轉(zhuǎn)到目標(biāo)頁(yè)面!這可是大大的提升了用戶體驗(yàn)的交互,用起來便捷又快速。快來試試吧,讓你的頁(yè)面動(dòng)起來,與用戶互動(dòng)更加緊密!操作步驟:1.登錄并打開華為云低代碼 Astro Zero 點(diǎn)擊文末“閱讀原文”即可跳轉(zhuǎn) Astro Zero 官網(wǎng)”,如果你是新用戶可點(diǎn)擊下方文章鏈接了解基礎(chǔ)的注冊(cè)使用方法。繪出「星辰大?!梗喝A為云 Astro 輕應(yīng)用新手指南-第一章 2.創(chuàng)建數(shù)據(jù)對(duì)象首先,我們需要?jiǎng)?chuàng)建一個(gè)包含所有必要字段和數(shù)據(jù)的對(duì)象。

圖 1 為對(duì)象添加字段

圖 2 為對(duì)象添加數(shù)據(jù) 3.建立對(duì)象模型幾個(gè)簡(jiǎn)單步驟(1)新建一個(gè)標(biāo)準(zhǔn)頁(yè)面,并單擊底部的“模型視圖”;(2)單擊“新增模型”,輸入模型名稱、“來源”選擇“對(duì)象”,單擊“下一步”;

圖 3 新建模型(3) 選擇 2 中創(chuàng)建的對(duì)象和添加的字段,單擊“下一步”輕松完成模型的搭建。

圖 4 選擇對(duì)象和字段 4.返回設(shè)計(jì)視圖頁(yè)面,新建表格關(guān)聯(lián)模型接下來,只需將一個(gè)表格組件拖入頁(yè)面中,并將之前創(chuàng)建的模型綁定到這個(gè)表格上。這樣,表格就能顯示出我們想要展示的數(shù)據(jù)了。(1)在標(biāo)準(zhǔn)頁(yè)面中拖入一個(gè)表格組件。

圖 5 拖入表格組件(2)選中表格組件,在“屬性 > 數(shù)據(jù)綁定 > 值綁定”中,單擊 。(3)選中 2 中創(chuàng)建的模型,單擊“確定”。

圖 6 選擇模型 5.添加魔法鏈接最精彩的部分來了!選中需要添加鏈接的列(比如“webName”),將其“顯示類型”設(shè)置為“自定義”,然后輸入一些簡(jiǎn)單的代碼。這段代碼會(huì)讓該列變?yōu)榭牲c(diǎn)擊的鏈接,直接鏈向“webLink”字段所存儲(chǔ)的 URL。

圖 7 設(shè)置列屬性將“顯示類型”設(shè)置為“自定義”,并輸入如下內(nèi)容:

6.保存并預(yù)覽最后一步,單擊 保存成功后單擊 預(yù)覽頁(yè)面效果?,F(xiàn)在你可以看到,當(dāng)鼠標(biāo)懸停在特定的列名稱上時(shí),鏈接地址就會(huì)顯現(xiàn)出來,點(diǎn)擊即可直達(dá)目標(biāo)頁(yè)面。
下期將為各位開發(fā)者帶來《華為云低代碼 AstroZero 技巧教學(xué) 2:輪播組件的魅力 玩轉(zhuǎn)視覺營(yíng)銷》
審核編輯 黃宇
-
代碼
+關(guān)注
關(guān)注
30文章
4973瀏覽量
74165 -
華為云
+關(guān)注
關(guān)注
3文章
2833瀏覽量
19315
發(fā)布評(píng)論請(qǐng)先 登錄
中軟國(guó)際攜手華為基于昆侖大模型賦能油氣數(shù)智化轉(zhuǎn)型的創(chuàng)新實(shí)踐
華為出席智慧校園賦能教育教學(xué)高質(zhì)量發(fā)展研討會(huì)
設(shè)備廠商必看!ZWS戶用儲(chǔ)能云平臺(tái)的五大賦能
低代碼云平臺(tái)賦能城市道路照明 助力照明管控智能節(jié)能
云翎智能低軌衛(wèi)星物聯(lián)網(wǎng)組網(wǎng)如何賦能石油化工園區(qū)安全監(jiān)管
低代碼物聯(lián)網(wǎng)云平臺(tái)是什么?看完這篇,你就領(lǐng)先一步
低代碼開發(fā)云平臺(tái)是什么?零編程零成本搭建
賦能者:低代碼物聯(lián)云平臺(tái),讓每個(gè)企業(yè)輕松擁有智能場(chǎng)景
浙江移動(dòng)攜手華為全面推進(jìn)AI+賦能應(yīng)用百花齊放
軟通動(dòng)力攜手華為云舉辦行業(yè)賦能主題活動(dòng)
云平臺(tái)連接(SC171開發(fā)套件V3)
香橙派鯤鵬Pro特輯課程走進(jìn)華為&湖南大學(xué)“名師講壇線下賦能專場(chǎng)”
華為云低代碼 AstroZero 技巧教學(xué) 1:表格的超鏈接賦能
評(píng)論