javascript - 如何创建可重复使用的 Web 控件库

Question

问题背景:
大家好，我已经为我的雇主开发 Windows 窗体应用程序大约 3 年了。虽然我的大部分作品都是业余的。我一直在使用 visual studio、c#，喜欢通过子类化和其他技术创建可重用的 Windows 窗体控件。现在我的老板要我为这家公司制作网站，我的第一个想法是像windors 窗体应用程序一样创建可重复使用的WEB 控件。

我试过的方法

1. Web User Control, 起初，我发现visual studio支持开发人员创建Web User Control，文件扩展名为*.ascx。发现它让我非常兴奋，因为我认为我可以像在 Windows 窗体应用程序开发中那样创建 Web 控件。 BUT，这是一个很大的“BUT”，后来我发现它不能嵌入到程序集文件(DLL)中，也不能在网页设计时显示在ToolBox中以支持拖放。来自 msdn 的 AFAIK，Web 用户控件 不打算跨元素重复使用。所以我放弃了这个方法。

2. Server Control，然后我发现可以创建Custom Server Control来支持程序集嵌入和工具箱。它是一个 *.cs 文件，由 System.Web.UI.WebControls.WebControl 或 System.Web.UI.WebControls.CompositeControl 的子类编写。好的一点是，这正是我想要的:可重用性和设计时支持。然而，最大的缺点是它在创建 Web 控件本身时不支持拖放。该控件只能由用c#编写的html呈现或由代码创建。如果我想创建更漂亮、更复杂或更高效的控件，我必须将 css/javascript 嵌入到控件中。无论如何，从 MSDN，Server Control 是我需要的。

3. 纯 HTML、Javascript (jQuery)、CSS，实际上我已经使用 Server Control 方法一段时间了，只是为了让我的老板开心但我仍然无法停止思考其他更好的解决方案。根据我的理解，网页并没有那么复杂，它只是通过HTML标签，javascript(或其他脚本语言)构造(如果我错了请纠正我)， 用于操作 UI 的 CSS。所以我相信如果我用纯Html、Javascript 和CSS 来创建web 控件，它当然会更复杂但更兼容。因为 Server Control 解决方案需要 Web 服务器支持 .Net Framework，它不是免费的并且仅限于 Microsoft 范围。如果我有办法摆脱 .Net，为什么不呢？如果值得的话，我愿意花双倍的时间来创建 Re-Usable 控件。例如，如果我想转向 PHP 来创建网页，我可能必须掌握使用 HTML、Javascript 和 CSS 来创建我的 Web 控件的技术。

我的问题

1. 综上所述，是否可以仅基于 Html、Javascript 和 CSS 创建我的 Web 控件库？

2. 如果可以，有没有这种方法的教程？

3. 我很想知道商业/专业公司如何制作网页。

谢谢大家，非常感谢任何建议!

Answer 1

1. 综上所述，是否可以仅基于 Html、Javascript 和 CSS 创建我的 Web 控件库？

严格来说，您已经习惯的控件支持上述内容。这将在未来使用 WebForms 创建的元素中继续发挥作用。

但是，如果您涉足 MVC，就会有显着差异。大多数处理输入的控件都是客户端(可以包装在 js wigets 和用户验证类中)。另一方面，服务器控件很少，但是有 _MasterLayouts 和可以使用 PartialViews 的 View PartialView 类似于 Web 用户控件。在您的 Controller 中，您可以返回 EditTemplates 和其他类似于 Server Controls

的类型