ASP.NET MVC - Tham chiếu bảng định kiểu trong trang cái

Question

Tôi có trang cái trong/Views/Shared. Trang chính tham chiếu biểu định kiểu trong thư mục /Content.

Mọi thứ hoạt động tốt nếu tôi tham khảo biểu định kiểu bằng cách sử dụng "../../Content/style.css". Tuy nhiên, ứng dụng web của tôi không nằm trong thư mục gốc trong môi trường sản xuất của chúng tôi, do đó đường dẫn tương đối không hoạt động.

Tôi đã thử "<% = ResolveUrl (" ~/content/style.css ")%>" hoạt động trong kịch bản sản xuất, nhưng sau đó nhà thiết kế trong Visual Studio phàn nàn về các lớp của tôi sai (và tôi không thể xem trước trang bằng CSS trong tab thiết kế).

Có giải pháp nào làm cho công việc này trong cả hai trường hợp? Tôi đã thực hiện điều này trong WebForms bằng cách viết mã phía máy chủ để đặt lại thẻ liên kết. Tôi có thể làm điều đó ở đây, nhưng tôi muốn tránh nó.

Answer 1

Thử kỹ thuật này - bao gồm biểu định kiểu của bạn cả hai cách. Bao gồm một tham chiếu đường dẫn cố định mà Visual Studio sẽ sử dụng để hỗ trợ thiết kế thời gian, nhưng kèm theo nó trong các nhận xét phía máy chủ để nó không thực sự được bao gồm trong thời gian chạy. Tham chiếu thứ hai là tham chiếu "thực" được sử dụng trong thời gian chạy, và với Url.Content() nó sẽ làm việc cho dù ứng dụng của bạn là một thư mục con hay không.

<% /* %> 
    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" /> 
<% */ %> 

<link href="<%=Url.Content("~/Content/Site.css") %>" rel="stylesheet" 
     type="text/css" /> 

Answer 2

Cách tốt nhất là Extend the URL Helper. Điều này cho phép bạn dễ dàng gọi nó từ chế độ xem của bạn và nếu cấu trúc hoặc tệp của bạn thay đổi, bạn không cần phải tìm kiếm/thay thế lớn.

public static string Image(this UrlHelper helper, string fileName) 
{ 
    return helper.Content("~/Content/Images/" + fileName)); 
} 

public static string Stylesheet(this UrlHelper helper, string fileName) 
{ 
    return helper.Content("~/Content/Stylesheets/" + fileName); 
} 

public static string Script(this UrlHelper helper, string fileName) 
{ 
    return helper.Content("~/Content/Scripts/" + fileName); 
} 

    <link href="<%= UrlHelper.Stylesheet("Main.css")%>" rel="stylesheet" 
     type="text/css" /> 

Answer 3

Trong thư mục Chế độ xem và sau đó đi sâu vào Thư mục được chia sẻ, hãy hiểu cách tệp CSS được tham chiếu trong MVC.