（3）驗(yàn)證表單

public IActionResult SignUp(SignUpViewModel model)
 {
  if (ModelState.IsValid)
  {
  return RedirectToAction("Index");
  }
  else
  {
  return RedirectToAction("Index",model);
  }
 }

（4）結(jié)果

ok,如果覺(jué)得這樣就結(jié)束了，那么就不算TagHelper高級(jí)應(yīng)用，那只能充其量在翻譯MS的文檔罷了。

那么，重點(diǎn)來(lái)了，既然MS能讓我們創(chuàng)建自定義TagHelper，那我為什么不能在TagHelper當(dāng)中使用Model的值呢？于是我開(kāi)始在asp.net core開(kāi)源github項(xiàng)目中尋找，終于是找到了ImputTagHelper的源碼。

在源碼中，由三個(gè)對(duì)象一起來(lái)完成標(biāo)簽的生成

protected IHtmlGenerator Generator { get; }

 [HtmlAttributeNotBound]
 [ViewContext]
 public ViewContext ViewContext { get; set; }

 /// 

 /// An expression to be evaluated against the current model.
 /// 
 [HtmlAttributeName(ForAttributeName)]
public ModelExpression For { get; set; }

三個(gè)對(duì)象均是通過(guò)依賴注入的方式來(lái)實(shí)現(xiàn)對(duì)象的生成。

（1）其中Generator為發(fā)生器，負(fù)責(zé)生成各種類型的標(biāo)簽

（2）ViewContext為視圖上下文，獲取視圖上下文相關(guān)信息

（3）For獲取到當(dāng)前Model的相關(guān)信息，包括Required等關(guān)鍵信息

有了這三個(gè)標(biāo)簽，我們也可以在自定義的標(biāo)簽助手中獲取你想要的Model信息，比如我可以向form中填入Model信息，讓標(biāo)簽助手自動(dòng)生成form表單中的所有內(nèi)容；也可以向ul標(biāo)簽中填入樹(shù)信息，讓其自動(dòng)生成樹(shù)列表等等

如下就是我編寫的自動(dòng)生成表單

//自定義標(biāo)簽助手名為bg-form
 [HtmlTargetElement("bg-form")]
 public class FormTagHelper : TagHelper
 {
  [ViewContext]
  [HtmlAttributeNotBound]
  public ViewContext ViewContext { get; set; }

  [HtmlAttributeName("asp-for")]
  public ModelExpression For { get; set; }

  protected IHtmlGenerator Generator { get; }

  public FormTagHelper(IHtmlGenerator generator)
  {
   Generator = generator;
  }

  [HtmlAttributeName("asp-controller")]
  public string Controller { get; set; }

  [HtmlAttributeName("asp-action")]
  public string Action { get; set; }

  //異步方法
  public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
  {
   output.TagName = "form";
   if (!string.IsNullOrWhiteSpace(Controller))
   {
    output.Attributes.Add("action", "/" + Controller + "/" + Action);
   }

   output.Attributes.Add("class", "form-horizontal");

   //獲取子屬性
   var props = For.ModelExplorer.Properties;
   foreach (var prop in props)
   {
    //生成表單
    var div = new TagBuilder("div");
    div.AddCssClass("form-group");
    var label = Generator.GenerateLabel(ViewContext, prop, null, prop.Metadata.DisplayName, null);
    var input = Generator.GenerateTextBox(ViewContext, prop, prop.Metadata.PropertyName, null, null, null);
    var span = Generator.GenerateValidationMessage(ViewContext, prop, prop.Metadata.PropertyName, null, ViewContext.ValidationMessageElement, null);
    div.InnerHtml.AppendHtml(label);
    div.InnerHtml.AppendHtml(input);
    div.InnerHtml.AppendHtml(span);
    output.Content.AppendHtml(div);
   }
   //添加按鈕
   var btn = new TagBuilder("div");
   btn.AddCssClass("form-group");
   var submit = new TagBuilder("input");
   submit.Attributes.Add("type", "submit");
   submit.Attributes.Add("value", "提交");
   var reset = new TagBuilder("input");
   reset.Attributes.Add("type", "reset");
   reset.Attributes.Add("value", "重置");
   btn.InnerHtml.AppendHtml(submit);
   btn.InnerHtml.AppendHtml(reset);
   output.Content.AppendHtml(btn);
   //將原有的內(nèi)容添加到標(biāo)簽內(nèi)部
   output.Content.AppendHtml(await output.GetChildContentAsync());

  }
 }

只要在html加入

即可自動(dòng)生成表單

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“asp.net core標(biāo)簽助手之TagHelper+Form的用法示例”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!