javascript - 在 ASP.NET MVC 中动态生成 Javascript、CSS

Question

ASP.NET 允许使用服务器标签(razor 或 ASPX)动态生成 HTML。但是除了使用内联(嵌入式)CSS/Javascript 之外，还有什么好的方法可以以相同的方式生成 *.js 或 *.css 内容。如今，随着 Ajax 等技术的发展，越来越多的逻辑在 Javascript 中从服务器端转移到客户端。如果有机会使用 ASP.NET 为 HTML 生成提供的所有灵 active 动态生成 JS，那就太好了。

例如，我的 Javascript 包含 Knockout View 模型声明以及在 Javascript 渲染期间从服务器加载的初始数据，以及一些额外的 js 函数，所以在我的 Html 中而不是嵌入式脚本 我想要这样的脚本引用:

<script src="~/Scripts/ContactViewModel.js?contactId=@Model.ContactId"></script>

另一个开发人员可能需要它的例子是使用基于用户配置文件的 CSS。用户配置文件信息包含在 CSS 生成期间必须遵守的样式信息(字体、颜色，而不仅仅是主题)，因此在我看来，我将有类似的内容:

<link href="~/Styles/CurrentUserOverrides.css" rel="stylesheet" />

CurrentUserOverrides.css 将根据经过身份验证的用户的配置文件数据动态生成。

如何使用 ASP.NET MVC 做到这一点？我想找到一种解决方案，使我能够像使用 ASP.NET 创建动态 HTML 一样轻松地完成此操作，并具有正常工作的智能以及 VS 为 ASP.NET View 提供的所有其他功能。

Answer 1

到目前为止，我找到的最佳解决方案如下:

Dynamic Javascript and CSS in ASP.NET MVC using Razor Views

您只需创建 View :CurrentUserOverrides.css.cshtml、ContactViewModel.js.cshtml。此 View 将包含单个 HTML block (<script> 或 <style>)，因此 IntelliSense 工作正常。然后创建 Controller 来呈现该 View 、 trim 根标记并返回具有适当内容类型的内容。