ASP.NET Core生成超链接

互联网 2022/5/22 9:04:35

引用自:asp.net Core1.1版本生成超链接/a链接标签的方式 - 越界 - 博客园 (cnblogs.com)1、传统方式第一种:@Html.ActionLink("Register", "Register", "Account") 第二种:<a href="@Url.Action("Register", "…

引用自:asp.net Core1.1版本生成超链接/a链接标签的方式 - 越界 - 博客园 (cnblogs.com)

 

1、传统方式

 

  1. 第一种:@Html.ActionLink("Register", "Register", "Account")  
  2. 第二种:<a href="@Url.Action("Register", "Account")">Register</a>  

 

生成的Html代码

 

  1. 第一种:<a href="/Account/Register">Register</a>  
  2. 第二种:<a href="/Account/Register">Register</a>  

 

 

2、asp.net core新增的方式

 

 

  1. <a asp-controller="Account" asp-action="Register">Register</a>  

注意:asp-controller为指定的控制器,asp-action为控制器中的方法,也就是Action

 

3、如果要指定参数的话

 

  1. <a asp-controller="Product" asp-action="Display" asp-route-id="@ViewBag.ProductId">View Details</a>  

asp-route-id为传递给Action的参数

 

生成的html代码

 

  1. <a href="/Product/Display/1">View Details</a>  

 

 

4、通过路由名称指定

 

 

  1. routes.MapRoute(  
  2.     name: "login",  
  3.     template: "login",  
  4.     defaults: new { controller = "Account", action = "Login" });  

比如是上面这个路由

 

 

  1. <a asp-route="login">Login</a>  

 

通过asp-route指定就可以了

5、通过http协议,IP或者域名指定

 

  1. @Html.ActionLink("Register", "Register", "Account",  "https", "aspecificdomain.com", "fragment", null, null)  

生成的链接

 

 

  1. <a href="https://aspecificdomain.com/Account/Register#fragment">Register</a>  

 

6、如果你要指定网站当前的域名

 

 

  1. @Html.ActionLink("Register", "Register", "Account",  "https", null, null, null, null)  

7、asp.net core中新增的方法

 

 

  1. <a asp-controller="Account"   
  2.    asp-action="Register"   
  3.    asp-protocol="https"   
  4.    asp-host="asepecificdomain.com"   
  5.    asp-fragment="fragment">Register</a>  
  6.   
  7. <!--或者使用下面的方法 -->  
  8. <a asp-controller="Account"   
  9.    asp-action="Register"   
  10.    asp-protocol="https">Register</a>  
随时随地学软件编程-关注百度小程序和微信小程序
关于找一找教程网

本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。
[ASP.NET Core生成超链接]http://www.zyiz.net/tech/detail-324272.html

赞(0)
关注微信小程序
程序员编程王-随时随地学编程

扫描二维码或查找【程序员编程王】

可以随时随地学编程啦!

技术文章导航 更多>