2016-05-03 55 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

相关问题