国产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
主站蜘蛛池模板: 91精品国产亚一区二区三区 | 精品欧美一区二区在线观看欧美熟 | 国产69久久精品成人看小说 | 日韩国产欧美 | 国产精品久久久久aaaa | 91精品成人免费国产片 | 日韩精品观看 | 欧美日韩国| 亚洲一区免费观看 | 日韩欧美在线电影 | 国产在线一区二区三区四区 | 插插插叉叉叉 | 亚洲欧洲在线视频 | 久久国产成人午夜aⅴ影院 久久国产精品成人免费古装 | 韩国精品一区二区 | 久久午夜一区二区 | 一本久久精品一区二区 | 成人精品在线视频 | 国产精品激情综合久久 | 日韩精品亚洲电影天堂 | 亚洲欧美日韩高清一区二区一 | 国产一区91 | 成人精品视频一区二区三区 | 欧美激情国产日韩精品一区18 | 国产精品亚洲精品日韩动图 | 一区二区视频在线观看 | 国产精品国产亚洲精品看不卡 | 欧美一区二区三区日韩免费播 | 国产日韩欧美综合在线 | 亚洲欧美综合区自拍另类 | 国产码欧美日韩高清综合一区 | 欧美日韩高清在线观看一区二区 | 欧美日韩亚洲精品国产色 | 欧美视频日韩专区午夜 | 亚洲免费a| 国产精品免费观看视频播放 | 精品久久久久中文字幕日本 | 日韩精品第一区 | 亚洲日本韩国在线 | 精品一区二区久久久久久久网精 | 国产一二区视频 |