在页面上创建带有数据库中存储的网址的链接

Question

这看起来应该很容易，但我似乎无法弄清楚。我所有的谷歌搜索都会引导我链接到数据库，这不是我想要做的。我是一个完全的网络开发新手。

我大致按照 NerdDinner 教程创建了我的网络应用程序。我存储的字段之一是网址。在“索引”和“详细信息”页面上，当我显示记录中的信息时，我希望网址成为指向该网站的可点击链接。

目前显示为：

<%= Html.Encode(Model.Subcontract.company1.website) %>

Answer 1

试试这个：

<a href="<%= Html.Encode(Model.Subcontract.company1.website) %>"><%= Html.Encode(Model.Subcontract.company1.website) %></a>

或者

<a href="<%= Html.Encode(Model.Subcontract.company1.website) %>">Company website</a>

如果您使用 DataAnnotations，您可以阅读有关 DataTypeAttribute 的内容。如果您使用 EmailAddress 数据类型来装饰此属性并使用 DisplayFor 帮助程序，您将获得类似的效果。

Answer 2

那么您只想使 Model.Subcontract.company1.website 返回的信息可点击吗？如果是这样，您可以将该信息写入锚标记，如下所示：

<a href="<%= Html.Encode(Model.Subcontract.company1.website) %>"><%= Html.Encode(Model.Subcontract.company1.website) %></a>

否则，您可以在 PageLoad 事件上使用

<asp:HyperLink ID="mylink" runat="server" />

并将以下内容放置在后面代码的 PageLoad 事件中：

mylink.NavigateUrl = Model.Subcontract.company1.website
mylink.Text = Model.Subcontract.company1.website

Answer 3

您可以为生成链接的 HTML 帮助器类创建两个扩展方法：

public static MvcHtmlString HtmlLink(this HtmlHelper html, string url, string text)
{
    return HtmlLink(html, url, text, null);
}

public static MvcHtmlString HtmlLink(this HtmlHelper html, string url, string text, object htmlAttributes)
{
    TagBuilder tb = new TagBuilder("a");
    tb.InnerHtml = text;
    tb.MergeAttributes(new RouteValueDictionary(htmlAttributes));
    tb.MergeAttribute("href", url);
    return MvcHtmlString.Create(tb.ToString(TagRenderMode.Normal));
}

然后您可以这样做：

<%= Html.HtmlLink(Model.Subcontract.company1.website, Model.Subcontract.company1.website) %>