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

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

增強(qiáng)信息關(guān)聯(lián)性：超鏈接可以將相關(guān)的數(shù)據(jù)區(qū)域連接起來(lái)，形成一個(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)的交互，用起來(lái)便捷又快速。快來(lái)試試吧，讓你的頁(yè)面動(dòng)起來(lái)，與用戶互動(dòng)更加緊密！操作步驟：1.登錄并打開華為云低代碼 Astro Zero 點(diǎn)擊文末“閱讀原文”即可跳轉(zhuǎn) Astro Zero 官網(wǎng)”，如果你是新用戶可點(diǎn)擊下方文章鏈接了解基礎(chǔ)的注冊(cè)使用方法。繪出「星辰大海」：華為云 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）單擊“新增模型”，輸入模型名稱、“來(lái)源”選擇“對(duì)象”，單擊“下一步”；

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

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

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

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

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

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

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

審核編輯 黃宇