如何在.cshtml文件中将服务器端CSS和JS发送到客户端

时间:2015-01-19 20:14:17

标签: c# asp.net-mvc-4

我是MVC应用程序开发的新手。我正在从事Visual Studio ASP.NET MVC4项目。我想在.cshtml文件中将我的服务器端CSS和JS发送到客户端。工作将如何完成。这样做是对的吗?

1 个答案:

答案 0 :(得分:0)

控制器方法:

    public ActionResult GetCss()
    {
        Response.ContentType = "text/css";
        return View("Css1", new FontSpec {FontName = "Arial"});
    }

查看:

@model MvcApplication2.Models.FontSpec

.foo
{
    font-family: @Model.FontName;
}

简化型号:

public class FontSpec
{
    public string FontName {get; set;}
}

重要的是在控制器方法中设置ContentType。该模型可用于将动态生成的数据传递给您的视图,使您的CSS真正动态。

在您的页面视图(实际生成页面的视图)中,您可以使用以下链接标记:

<link rel="stylesheet" href="@(Url.Action("GetCss", "Home"))"/>

最后,当然,您可以在标签中使用CSS类:

<span class="foo">This will be in your specified font.</span>

当然,您可以通过任何方式生成CSS,只要它在处理结束时是合法的CSS即可。这也适用于生成动态Javascript,但当然您必须更改您使用的内容类型。