国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識(shí)百科 - 正文

asp.net core標(biāo)簽助手的高級(jí)用法TagHelper+Form

來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 22:35:27
文檔

asp.net core標(biāo)簽助手的高級(jí)用法TagHelper+Form

asp.net core標(biāo)簽助手的高級(jí)用法TagHelper+Form:上一篇博客我講解了TagHelper的基本用法和自定義標(biāo)簽的生成,那么我就趁熱打鐵,和大家分享一下TagHelper的高級(jí)用法~~,大家也可以在我的博客下隨意留言。 對(duì)于初步接觸asp.net core的騷年可以看看我對(duì)TagHelper的了解和看法: 《asp.net core新
推薦度:
導(dǎo)讀asp.net core標(biāo)簽助手的高級(jí)用法TagHelper+Form:上一篇博客我講解了TagHelper的基本用法和自定義標(biāo)簽的生成,那么我就趁熱打鐵,和大家分享一下TagHelper的高級(jí)用法~~,大家也可以在我的博客下隨意留言。 對(duì)于初步接觸asp.net core的騷年可以看看我對(duì)TagHelper的了解和看法: 《asp.net core新

上一篇博客我講解了TagHelper的基本用法和自定義標(biāo)簽的生成,那么我就趁熱打鐵,和大家分享一下TagHelper的高級(jí)用法~~,大家也可以在我的博客下隨意留言。

對(duì)于初步接觸asp.net core的騷年可以看看我對(duì)TagHelper的了解和看法:

《asp.net core新特性(1):TagHelper》

之后,我也會(huì)繼續(xù)撰寫博文,繼續(xù)分享asp.net core的一些新特性,比如DI,ViewComponent以及bower等asp.net mvc中沒有的新東西。

ok,咱們就開始吧~~

在之前我對(duì)TagHelper的分享當(dāng)中提及了,TagHelper能夠去替代原來在@Html幫助類中的一些功能,比如form,a等標(biāo)簽,而且寫在html代碼中更加的舒服,符合html的語法。

<!--標(biāo)簽助手版form-->
<form asp-controller="Home" asp-action="Index" class="form-horizontal" method="post">

</form>
<!--Html幫助類版form-->
@using (Html.BeginForm("Index", "Home", FormMethod.Post,, new { Class = "form-horizontal" }))
{

}


那么,在Html幫助類中最有用的Model與Tag的轉(zhuǎn)換,自動(dòng)表單的生成,微軟是否也給出了解決方案呢?答案是肯定的。Microsoft還專門分出了單獨(dú)的說明頁面來講述TagHelper的自動(dòng)表單生成,英文功底好的同學(xué)可以直接查看MS的官方文檔《Introduction to using tag helpers in forms in ASP.NET Core》。

文檔中提及了對(duì)于表單控件,我們可以直接在asp-for屬性中直接填寫Model中的屬性名,即可自動(dòng)生成對(duì)應(yīng)的控件類型和填入默認(rèn)值。

ok,我們來嘗試一下。

(1)創(chuàng)建ViewModel類

public class SignUpViewModel
 {
 [Required]
 [Display(Name ="用戶名")]
 [MaxLength(30,ErrorMessage = "用戶名不能超過30")]
 public string UserName { get; set; }

 [Required]
 [DataType(DataType.Password)]
 [RegularExpression(@"((?=.*\d)(?=.*\D)|(?=.*[a-zA-Z])(?=.*[^a-zA-Z]))^$",ErrorMessage ="密碼至少包含兩種以上字符")]
 [Display(Name ="密碼")]
 public string Password { get; set; }

 [DataType(DataType.MultilineText)]
 public string Description { get; set; }
 }


對(duì)于寫過asp.net mvc的開發(fā)者肯定不會(huì)陌生這種驗(yàn)證方式~~

(2)編寫TagHelper標(biāo)簽

為了與Html區(qū)分,我寫了兩者的比較版本

<form asp-controller="Home" asp-action="SignUp" method="post" class="form-horizontal">
 <div class="form-group">
 <label asp-for="UserName"></label>
 <input asp-for="UserName" />
 <span asp-validation-for="UserName"></span>
 </div>
 <div class="form-group">
 @Html.LabelFor(m=>m.Password)
 @Html.PasswordFor(m=>m.Password)
 @Html.ValidationMessageFor(m=>m.Password)
 </div>
 <div class="form-group">
 <label asp-for="Description"></label>
 <textarea asp-for="Description"></textarea>
 <span asp-validation-for="Description"></span>
 </div>
 <div class="form-group">
 <input type="submit" value="提交" />
 <input type="reset" value="重置" />
 </div>
</form>


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

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


(4)結(jié)果

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

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

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

protected IHtmlGenerator Generator { get; }

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

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


三個(gè)對(duì)象均是通過依賴注入的方式來實(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)簽中填入樹信息,讓其自動(dòng)生成樹列表等等

  如下就是我編寫的自動(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加入

<bg-form asp-controller="Home" asp-action="SignUp" asp-for="@Model">
</bg-form>

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

Over,今天關(guān)于TagHelper就分享到這

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

asp.net core標(biāo)簽助手的高級(jí)用法TagHelper+Form

asp.net core標(biāo)簽助手的高級(jí)用法TagHelper+Form:上一篇博客我講解了TagHelper的基本用法和自定義標(biāo)簽的生成,那么我就趁熱打鐵,和大家分享一下TagHelper的高級(jí)用法~~,大家也可以在我的博客下隨意留言。 對(duì)于初步接觸asp.net core的騷年可以看看我對(duì)TagHelper的了解和看法: 《asp.net core新
推薦度:
標(biāo)簽: 標(biāo)簽 cor ASP.NET
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 久久亚洲精品国产精品777777 | 国产一区二区视频在线 | 国产高清在线免费 | 国产一区精品在线观看 | 99久久国产综合精品麻豆 | 在线观看精品一区 | 亚洲欧美精品伊人久久 | 伊人久久中文字幕久久cm | 亚洲一区二区三区久久精品 | 伊人色综合97 | 国产在线观看网站 | 国产毛片一区二区 | 亚洲日韩在线视频 | 国内一级野外a一级毛片 | 婷婷综合在线 | 国产精品视频大全 | 亚洲国产成人久久一区www妖精 | 国内精品久久久久久久97牛牛 | 欧美精品在线看 | 国产精品高清久久久久久久 | 欧美午夜视频在线 | 日本 黄 a| 看真人视频一级毛片 | 亚洲一区二区视频在线观看 | 国产午夜视频在线 | 中日韩在线| 欧美综合国产精品日韩一 | 国产成人精品一区二区 | 免费国产一级 | 无毛片 | 中文国产成人精品少久久 | 亚洲精品乱码久久久久久v 亚洲精品免费观看 | 亚洲国产精品综合久久网络 | 亚洲欧美一区二区三区九九九 | 自拍网在线 | 国产日韩视频 | 国产精品一区二区三 | 国产六区| 亚洲一区二区三区成人 | 久久精品国产999久久久 | 黄色网站视频免费 |