各个域上的 HTML 相关链接

Question

我有一个快速说明：

当您编码/开发主题时，如何链接到 html/css 代码中的各种文件？

例子： 我们公司主要在主模板中使用 ，然后只使用

但是，当在不同的机器上进行测试时，我们在编码器的主开发站上使用 IP 地址而不是 localhost，因此所有基本链接都不起作用（因为 localhost 会转到我们网络中的查看机器，而不是编码器的机器）。

更新页面时也会发生同样的事情 - 在开发服务器上，我们必须编辑基本目标，因此浏览网站不会将我们带到实时网站 - 这部分实际上相当简单 PHP (if ... echo else echo some else），但它仍然没有解决更多编码测试问题。

所以，我的问题是，你如何解决它？如何使用相对链接，它基本上不关心页面所在的域，也不关心 url 重写？ （因为 ../images/ 与 / 不同，与 /something/somethingElse/page 不同）？

Answer 1

我很熟悉你上面描述的问题。当您有多个环境（开发、测试、生产等）时，这是一个特殊的问题......我已经尝试了上面每个人建议的大部分内容，但发现它们仅部分有效。为了最终解决这个问题，我所做的就是创建一个自定义控件，我称之为“AnchorDomain”。该控件仅允许您将“/category/page”或“/images/file.png”等路径放入其 VirtulPath 属性中，它将根据您运行的环境动态为您构建正确的 url你的项目。这样，对于我的项目中的所有问题 url，我只需使用此控件，并且能够独立于环境运行我的代码，并且我的所有 url 都可以使用正确的名称进行解析。例如，这里是 aspx 页面中的语法示例。

<cc1:AnchorDomain runat="server" Title="My Homepage" Url="default.aspx" UsePageVirtualPath="false" />

所以这种情况下无论你在什么环境下这个链接总会显示正确的地址。

乍一看，这样做似乎有点矫枉过正，但这个控件在我遇到的所有情况下都解决了这个问题。

请参阅下面的代码：

享受吧！

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.ComponentModel;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

namespace Pdc.EventPro.WebControls
{
  [DefaultProperty("Text"), ToolboxData("<{0}:AnchorDomain1 runat=server></{0}:AnchorDomain1>")]
  public class AnchorDomain : Control
  {
    private string _href = string.Empty;

    public AnchorDomain()
    {
      VirtualPath = HttpContext.Current.Request.Path.Substring(0, HttpContext.Current.Request.Path.LastIndexOf("/") + 1);
    }

    private string VirtualPath
    {
      get
      {
        return (string)ViewState["virtualPath"];
      }
      set
      {
        ViewState["virtualPath"] = value;
      }
    }

    [Bindable(true), Category("Content"), DefaultValue("Performance Development Corporation")]
    public string Title
    {
      get
      {
        return (string)ViewState["title"];
      }

      set
      {
        ViewState["title"] = value;
      }
    }

    [Bindable(true), Category("Content"), DefaultValue("")]
    public string LinkText
    {
      get
      {
        return (string)ViewState["linktext"];
      }

      set
      {
        ViewState["linktext"] = value;
      }
    }

    [Bindable(true), Category("Content"), DefaultValue("")]
    public string Url
    {
      get
      {
        return (string)ViewState["url"];
      }

      set
      {
        ViewState["url"] = value;
      }
    }

    [Bindable(true), Category("Content"), DefaultValue("false")]
    public bool UsePageVirtualPath
    {
      get
      {
        return (bool)ViewState["useVirtualPath"];
      }

      set
      {
        ViewState["useVirtualPath"] = value;
      }
    }

    [Bindable(true), Category("Content"), DefaultValue("false")]
    public string CssClass
    {
      get
      {
        return (string)ViewState["CssClass"];
      }

      set
      {
        ViewState["CssClass"] = value;
      }
    }

    protected override void Render(HtmlTextWriter writer)
    {
      if (string.IsNullOrEmpty(Url) && UsePageVirtualPath == false)
      {
        _href = CreateUri(HttpContext.Current.Request.Url.GetLeftPart(System.UriPartial.Authority), HttpContext.Current.Request.ApplicationPath).ToString();
      }
      else if (!string.IsNullOrEmpty(Url) && UsePageVirtualPath == true)
      {
        _href = CreateUri(HttpContext.Current.Request.Url.GetLeftPart(System.UriPartial.Authority), CombineUri(VirtualPath, Url)).ToString();
      }
      else
      {
        _href = CreateUri(HttpContext.Current.Request.Url.GetLeftPart(System.UriPartial.Authority), CombineUri(HttpContext.Current.Request.ApplicationPath, Url)).ToString();
      }

      writer.WriteBeginTag("a");
      writer.WriteAttribute("href", _href);
      writer.WriteAttribute("title", Title);
      writer.WriteAttribute("class", CssClass);
      writer.Write(HtmlTextWriter.TagRightChar);
      writer.Write(LinkText);
      writer.WriteEndTag("a");

      base.Render(writer);
    }

    private Uri CreateUri(string baseUri, string relativeUri)
    {
      Uri result = null;

      if (Uri.TryCreate(new Uri(baseUri), relativeUri, out result))
      {
        return result;
      }

      return result;
    }

    private string CombineUri(string basePath1, string basePath2)
    {
      return string.Format("{0}/{1}", basePath1.TrimEnd('/'), basePath2.TrimStart('/')); 
    }
  }
}

Answer 2

我现在在几个项目中采用的方法是创建一个 rootPath 变量，其中包含适量的 ../ 以到达根目录。像这样的东西......

 $dirs        = substr_count($url, '/');        // Counts slashes in url

 $sRoot       = '';     // Set sRoot var
 if ( $dirs   == 0 ) {      // If they're no slashes    
   $sRoot     = './';       // Set sRoot var 
 } else {
    $x = 0;     
    while ($x < $dirs ) {       // Else, for every slash, put a ../         
      $sRoot  .= '../';
      $x++;     // Increment x var  
    }
 }

这对我们来说非常适合，因为我们的 htaccess 文件的设置方式。不过，不需要太多的摆弄就可以让它与标准页面一起工作。

Answer 3

就我个人而言，我总是使用绝对路径（即/path/to/file.css）并完全避开base。

您是否考虑过编辑 hosts 文件以将 IP 地址映射到本地主机名？

##
# Host Database
#
# localhost is used to configure the loopback interface
# when the system is booting.  Do not change this entry.
##
127.0.0.1        localhost
172.16.185.128   some.dev.server # maps http://some.dev.server/ to http://172.16.185.128/

Answer 4

就我个人而言，我不喜欢使用基地，因为它会导致您遇到的那种问题。绝对路径总是最好的，因为它们是明确的。如果您想说切换主题或 javascript 库版本或您的应用程序可以动态生成的链接以反映这一点，例如：

/libs/v1/javascript.js

/themes/blue_theme/mycss.css