在低代碼 AstroZero 的標(biāo)準(zhǔn)頁面設(shè)計(jì)和構(gòu)建上，我們總是在思考如何讓用戶體驗(yàn)?zāi)軌蚋恿鲿?。為此，我們特推出低代碼 AstroZero 技巧教學(xué)系列合集，讓各位開發(fā)者能夠更加方便快捷地掌握低代碼 AstroZero 的操作技巧。本次技巧內(nèi)容：在 Astro Zero 標(biāo)準(zhǔn)頁面中為表格中的文本增加超鏈接掌握技巧價(jià)值：

提高工作效率：通過點(diǎn)擊超鏈接用戶可以迅速跳轉(zhuǎn)到表格中的指定位置，實(shí)現(xiàn)快速定位到需要修改或查看的數(shù)據(jù)區(qū)域。

增強(qiáng)信息關(guān)聯(lián)性：超鏈接可以將相關(guān)的數(shù)據(jù)區(qū)域連接起來，形成一個邏輯清晰、結(jié)構(gòu)緊湊的信息網(wǎng)絡(luò)。這有助于用戶更好地理解數(shù)據(jù)之間的關(guān)系，進(jìn)行更深入的分析。

改善用戶體驗(yàn)：如下圖所示，將鼠標(biāo)移動至表格中的特定列名稱，例如“WEB A”，不僅會顯示鏈接地址，點(diǎn)擊它還能直接跳轉(zhuǎn)到目標(biāo)頁面！這可是大大的提升了用戶體驗(yàn)的交互，用起來便捷又快速?？靵碓囋嚢?，讓你的頁面動起來，與用戶互動更加緊密！操作步驟：1.登錄并打開華為云低代碼 Astro Zero 點(diǎn)擊文末“閱讀原文”即可跳轉(zhuǎn) Astro Zero 官網(wǎng)”，如果你是新用戶可點(diǎn)擊下方文章鏈接了解基礎(chǔ)的注冊使用方法。繪出「星辰大海」：華為云 Astro 輕應(yīng)用新手指南-第一章 2.創(chuàng)建數(shù)據(jù)對象首先，我們需要創(chuàng)建一個包含所有必要字段和數(shù)據(jù)的對象。

圖 1 為對象添加字段

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

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

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

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

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

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

6.保存并預(yù)覽最后一步，單擊 保存成功后單擊 預(yù)覽頁面效果。現(xiàn)在你可以看到，當(dāng)鼠標(biāo)懸停在特定的列名稱上時(shí)，鏈接地址就會顯現(xiàn)出來，點(diǎn)擊即可直達(dá)目標(biāo)頁面。

下期將為各位開發(fā)者帶來《華為云低代碼 AstroZero 技巧教學(xué) 2：輪播組件的魅力 玩轉(zhuǎn)視覺營銷》

審核編輯 黃宇