开发含HTML/CSS的ASP.NET插件类库及打包DLL的方法咨询

• 基于ASP.NET服务器控件开发
  直接继承WebControl或原生Button类，重写Render方法输出自定义HTML和样式。比如做一个带自定义样式的按钮：

  public class CustomStyledButton : Button
  {
      protected override void Render(HtmlTextWriter writer)
      {
          writer.AddAttribute(HtmlTextWriterAttribute.Class, "custom-btn");
          base.Render(writer);
      }
  }
  

  注册控件后，就能在ASPX页面像原生控件一样用：<cc1:CustomStyledButton runat="server" Text="点击我" />。

• 封装成Tag Helper（ASP.NET Core适用）
  自定义Tag Helper，要么扩展现有button标签，要么创建全新的自定义标签。示例：

  [HtmlTargetElement("custom-button")]
  public class CustomButtonTagHelper : TagHelper
  {
      public string ButtonText { get; set; }
  
      public override void Process(TagHelperContext context, TagHelperOutput output)
      {
          output.TagName = "button";
          output.Attributes.SetAttribute("class", "custom-btn");
          output.Content.SetContent(ButtonText);
      }
  }
  

  引用命名空间后，视图里直接写<custom-button button-text="点击我"></custom-button>，写法更贴近前端，适合Core项目。

• 封装成HTML Helper扩展方法
  写静态类扩展HtmlHelper，快速生成自定义HTML片段。比如：

  public static class CustomHtmlHelpers
  {
      public static MvcHtmlString CustomButton(this HtmlHelper helper, string text, string cssClass = "custom-btn")
      {
          var buttonTag = new TagBuilder("button");
          buttonTag.AddCssClass(cssClass);
          buttonTag.SetInnerText(text);
          return MvcHtmlString.Create(buttonTag.ToString());
      }
  }
  

  在MVC视图里直接调用@Html.CustomButton("点击我")就能生成按钮。

完全可行，常用实现方式有三种：

• 嵌入资源：把HTML、CSS文件设为“嵌入的资源”，在类库的.csproj里配置：

  <ItemGroup>
      <EmbeddedResource Include="Resources\CustomButton.css" />
      <EmbeddedResource Include="Resources\CustomTemplate.html" />
  </ItemGroup>
  

  然后通过Assembly.GetExecutingAssembly().GetManifestResourceStream()读取资源内容，在控件渲染时把CSS输出到页面头部，或者用HTML模板填充内容。

• 使用Razor类库（ASP.NET Core）：这是专门封装UI组件的类库类型，支持直接放Razor视图、CSS、JS等资源，打包成DLL后，主项目引用就能直接用组件，资源引用会自动处理，不用手动搞嵌入。

• 资源嵌入DLL后，主项目里可以写自定义逻辑，把嵌入的CSS/JS注册到页面的或底部，确保样式和脚本生效。

内容的提问来源于stack exchange，提问作者Sem de Wilde