2016-05-03 79 views
0

對於mvc,我非常陌生,如果這聽起來像是一個基本的問題。我來自webforms背景,只是習慣於能夠創建文件夾來存儲我的斷言,但是現在我看到了將所有內容加載到內容文件夾的良好做法,所以我在content/front-end-theme下創建了一個文件夾我的CSS和JS文件。無法解析和生成404的文件沒有找到MVC

然而,即使它們包含在工程中並且包含在其中,404文件仍未找到。在webforms的日子裏,我通常不得不包含runat = server對於mvc來說是一樣的。

在源視圖的顯示

<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/front-end-theme/rs-plugin/css/settings.css")" media="screen" /> 
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/front-end-theme/css/bootstrap.css")"> 
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/front-end-theme/css/animate.css")"> 
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/front-end-theme/css/prettyPhoto.css")"> 
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/front-end-theme/css/carousel.css")"> 
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/front-end-theme/style.css")"> 
<!-- COLORS --> 
<link rel="stylesheet" type="text/css" href="Url.Content("~/Content/front-end-theme/css/custom.css")> 

我使用以下格式來編碼源,但是當你看到它不表現爲附加的本地主機的完整URL,這是我想原因它找不到js和css。

<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/front-end-theme/css/prettyPhoto.css")"> 

屏幕快照顯示我的項目佈局。 enter image description here

+0

你提到「源視圖」,是本次代碼在如'_Layout.cshtml',還是在瀏覽源代碼時在瀏覽器內部顯示? –

回答

1

或者,你可以使用捆綁和微小減少您的網頁,請求到服務器的數量,並要求資產規模的加載時間。

App_Start/BundleConfig.cs

public static void RegisterBundles(BundleCollection bundles) 
{ 
    BundleTable.EnableOptimizations = true; 

    bundles.Add(new StyleBundle("~/css/bundles").Include(
     "~/Content/front-end-theme/rs-plugin/css/settings.css", 
     "~/Content/front-end-theme/css/bootstrap.css", 
     "~/Content/front-end-theme/css/animate.css", 
     "~/Content/front-end-theme/css/prettyPhoto.css", 
     "~/Content/front-end-theme/css/carousel.css", 
     "~/Content/front-end-theme/style.css", 
     "~/Content/front-end-theme/css/custom.css" 
    )); 
} 

_Layout.cshtml

@Styles.Render("~/css/bundles") 

的Web.config

<compilation debug="false" targetFramework="4.0" /> 

你得到個E在源視圖以下HTML:

<link href="~/css/bundles?v=8DkUq-AixyqzByiFjkZ6JsVVx0oqXMUyZTjHBAozp8I1" rel="stylesheet"/> 

如果更改debugtrue,你會得到下面的HTML:

<link rel="stylesheet" type="text/css" href="~/Content/front-end-theme/rs-plugin/css/settings.css" media="screen" /> 
<link rel="stylesheet" type="text/css" href="~/Content/front-end-theme/css/bootstrap.css"> 
<link rel="stylesheet" type="text/css" href="~/Content/front-end-theme/css/animate.css"> 
<link rel="stylesheet" type="text/css" href="~/Content/front-end-theme/css/prettyPhoto.css"> 
<link rel="stylesheet" type="text/css" href="~/Content/front-end-theme/css/carousel.css"> 
<link rel="stylesheet" type="text/css" href="~/Content/front-end-theme/style.css"> 
<!-- COLORS --> 
<link rel="stylesheet" type="text/css" href="~/Content/front-end-theme/css/custom.css"> 
+0

當你說壓縮是這個實時的時候,或者有一個緩存mechnisim在這裏你需要清除。 – rogue39nin

相關問題