iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 10
0
Modern Web

零經驗ASP .NET Core 30 DAY全紀錄系列 第 10

零經驗 .NET Core 30 DAY----- Day10 Anchor tag helper 用法

  • 分享至 

  • xImage
  •  

大家晚安,今天準時下班心情美美的,來彌補一下昨天沒多說的Anchor tag helper。

Anchor tag helper(ASP.NET Core 中的錨點標籤協助程式)

一、asp-controller & asp-action的用法

在DAY3 https://ithelp.ithome.com.tw/articles/10235072


二、asp-route-id的用法

在DAY9 https://ithelp.ithome.com.tw/articles/10237406


三、asp-route的用法

可以把Controller 的路徑重新命名。
.cshtml

<ul class="actions">
   <li><a class="button special" asp-route="action_rename">test</a></li>
</ul>

Controller: test.cs

[Route("/test/testaction",Name = "action_rename")]
   public IActionResult testaction() => View();

結果
https://ithelp.ithome.com.tw/upload/images/20200916/20130030VPIesuOjTi.png


四、asp-all-route-data

可以配合創建一個{參數}對照{字典的值},並將傳字典的值遞給Controller操作方法。
.cshtml

@{
var Dictionary = new Dictionary<string, string>
    {
        { "id", "11" },
        { "name", "user_name" }
    };
}
<ul class="actions">
    <li><a class="button special" asp-route="action_rename" asp-all-route-data= "Dictionary">test</a></li>
</ul>

Controller: test.cs

[Route("/test/testaction",Name = "action_rename")]
public IActionResult testaction(int id,string name){
      ViewBag.id = id;
      ViewBag.name = name;
      return View();
}

結果
https://ithelp.ithome.com.tw/upload/images/20200916/20130030v9zm0k891J.png


五、asp-area

可以指定在哪一層的folder(controller的上一層)
.cshtml

<ul class="actions">
   <li><a asp-area="MvcMovie" asp-controller="test" asp-action="testaction">test</a></li>
</ul>

Controller: test.cs

public IActionResult testaction(){
    ViewBag.id = 1;
    ViewBag.name = "name";
    return View();
}

結果
https://ithelp.ithome.com.tw/upload/images/20200916/20130030eHNXqlMwfx.png


DAY10心得:
本來今天只想放參賽10天的心得,但是昨天已經很少內容了,所以今天乖乖補上一點我學的新東西,關於Anchor tag helper還有很多內容,想學可以GOOGLE關鍵字搜尋” Anchor tag helper”,三分之一了~加油啊各位IT鐵人。


上一篇
零經驗 .NET Core 30 DAY----- Day9 實作功能[座位管理系統-查看座位表]
下一篇
零經驗 .NET Core 30 DAY----- Day11 LINQ (JOIN、OrderBy、ThenBy)
系列文
零經驗ASP .NET Core 30 DAY全紀錄30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
阿瑜
iT邦研究生 3 級 ‧ 2020-09-16 22:20:37

來劃位的我
前排中間
覺得前端水水

soft_soft iT邦新手 5 級 ‧ 2020-09-24 19:30:16 檢舉

/images/emoticon/emoticon06.gif
我裝於完成新手任務啦~

我要留言

立即登入留言