c# - 在 asp.net mvc (razor) 中重用组件作为自定义文本字段、跨度等

Question

我是一个网站团队的一员，我们发现自己一遍又一遍地重复使用组件。一个例子是我们有一个用作警示灯的跨度。这背后有一些代码 (C#)，带有一些控制其颜色和文本的属性、一些 Javascript 以及一些自定义 CSS。

我注意到 Visual Studio 中有一个工具箱，其中包含一些可以拖到我的标记中的基本组件。这是解决这个“问题”的方法吗？还是有任何其他可能性？

如果可能的话，我们希望将一些可重用的组件构建到一个程序集中，以便在需要时在我们的元素中引用，我想分别包括 CSS 和 Javascript(？)

任何关于最佳实践/最实用的解决方案/教程的建议都会有所帮助，因为我对 Asp.net MVC 的主题相当陌生。

此外，如果此问题指定不正确，请务必告诉我。就像我说的......这个世界的新手:)

Answer 1

您有多种选择方式，您可以根据自己的需要进行选择或组合。

1。 ASP.NET MVC Html 助手。

编写充满静态方法的静态类，然后您可以在 View 中将其用作助手:

public static class HtmlExtensions
{
    public static IHtmlString ErrorMessage(this HtmlHelper html, string msg)
    {            
        return MvcHtmlString.Create("<span class=\"validation-summary-errors\">"+msg+"</span>");            
    }
}

更多:http://www.asp.net/mvc/tutorials/older-versions/views/creating-custom-html-helpers-cs

温馨提示:如果你想使用更多的 HTML 代码作为你的助手的输出，你可以使用局部 View 并返回 if from helper as return html.Partial("ErrorMessageTemplate", msg);

2。 Razor 助手

用于格式化一个 View 范围内的特定内容。如果您想要更多的可重用性，请改用 HTML 帮助程序。请参阅:http://weblogs.asp.net/scottgu/archive/2011/05/12/asp-net-mvc-3-and-the-helper-syntax-within-razor.aspx

当然，在这两种情况下，您的 javascript 和 CSS 都放在单独的文件中，并且您通过 jQuery 将它们绑定(bind)到元素的类或 ID。忽视这种做法，你迟早会遭殃的:)