有没有生成 CSS 的视图助手？

Question

我喜欢 HTML 助手的想法，它允许我不必为常见元素编写所有 HTML，同时仍然给我完全控制权，保留模型视图分离并且可以强类型化。

我想知道是否可以以相同的方式生成 CSS 样式表或样式定义 - 在视图标记中使用助手？理想情况下，我希望根据一些面向对象的规则和定义生成一些 CSS。

我找不到任何除了样式表压缩和合并之外还能提供任何功能的解决方案。

Answer 1

一种简单的方法是使用自定义视图结果：

public class CssViewResult : PartialViewResult
{
    private readonly object _model;
    public CssViewResult(object model)
    {
        _model = model;
    }

    public override void ExecuteResult(ControllerContext context)
    {
        this.ViewData.Model = _model;
        base.ExecuteResult(context);
        context.HttpContext.Response.ContentType = "text/css";
    }
}

然后使用简单的控制器操作：

public ActionResult MyCss()
{
    SomeModel model = ...
    return new CssViewResult(model);
}

并在相应的 MyCss.cshtml 视图中：

@model AppName.Models.SomeModel
.foo {
    background-color: @Model.SomeColor;
}

然后：

<link href="@Url.Action("MyCss", "SomeController")" rel="stylesheet" type="text/css" />

Answer 2

您所要求的并非不可能，但默认配置的方式是不可能的。原因是 CSS 文件不像视图那样被“解释”。他们只是路过而已。

您可以编写一些处理程序来为您生成 CSS，但它不会像 HTML 帮助程序那样。

理论上，您可以编写一个 Html 帮助程序来内联插入 CSS，但这实际上违背了 CSS 背后的目的，因为现在您需要在多个文件中包含相同的 CSS，从而使视图更大并使用更多带宽。

所以基本上，答案是……不，没有什么比 CSS 的 Html 助手更好的了。它很可能不存在的原因是，它带来的痛苦超过了它的价值。