重學ASP.NET Core 中的標記幫助程式

来源:https://www.cnblogs.com/yilezhu/archive/2020/06/27/13197922.html

標記幫助程式是什麼 標記幫助程式使伺服器端代碼可以在 Razor 文件中參與創建和呈現 HTML 元素。 例如,內置的 ImageTagHelper 可以將版本號追加到圖片名稱。 每當圖片發生變化時,伺服器都會為圖像生成一個新的唯一版本號,因此客戶端總能獲得當前圖像(而不是過時的緩存圖像)。 作者: ...


標記幫助程式是什麼

標記幫助程式使伺服器端代碼可以在 Razor 文件中參與創建和呈現 HTML 元素。 例如,內置的 ImageTagHelper 可以將版本號追加到圖片名稱。  每當圖片發生變化時,伺服器都會為圖像生成一個新的唯一版本號,因此客戶端總能獲得當前圖像(而不是過時的緩存圖像)。

作者:依樂祝
原文鏈接:https://www.cnblogs.com/yilezhu/p/13197922.html

標記幫助程式的作用域是如何控制的

標記幫助程式作用域由 @addTagHelper@removeTagHelper 和“!”選擇退出字元等聯合控制。下麵就一一的進行相關的介紹吧。

使用 @addTagHelper 添加標記幫助程式

@addTagHelper 指令讓視圖可以使用標記幫助程式。 在這種情況下,視圖文件是_pages/ViewImports,預設情況下,它由_pages_文件夾和子文件夾中的所有文件繼承,這使得標記幫助程式可用。 
這裡公開標記幫助程式有兩種方式,如下所示:
第一種:使用通配符語法(" * ")指定指定程式集(AspNetCore)中的所有標記幫助程式都可用於_Views_目錄及其子目錄中的每個視圖文件。

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

第二種:使用標記幫助程式的完全限定名,添加某個特定的標記幫助程式。

@addTagHelper AuthoringTagHelpers.TagHelpers.EmailTagHelper, AuthoringTagHelpers

說明:@addTagHelper 後第一個參數指定要載入的標記幫助程式(我們使用“*”指定載入所有標記幫助程式),第二個參數“Microsoft.AspNetCore.Mvc.TagHelpers”指定包含標記幫助程式的程式集。 
註:Microsoft.AspNetCore.Mvc.TagHelpers 是內置 ASP.NET Core 標記幫助程式的程式集。

@removeTagHelper 刪除標記幫助程式

@removeTagHelper@addTagHelper 具有相同的兩個參數,它會刪除之前添加的標記幫助程式。 例如,應用於特定視圖的 @removeTagHelper 會刪除該視圖中的指定標記幫助程式。 在 Views/Folder/_ViewImports.cshtml 文件中使用 @removeTagHelper,將從 Folder 中的所有視圖刪除指定的標記幫助程式。

使用 _ViewImports.cshtml  文件控制標記幫助程式作用域

可將 _ViewImports.cshtml 添加到任何視圖文件夾,視圖引擎將同時應用該文件和 Views/_ViewImports.cshtml 文件中的指令。

說明:

  1. 如果為 Home 視圖添加空的 Views/Home/_ViewImports.cshtml 文件,則不會發生任何更改,因為 _ViewImports.cshtml 文件是附加的。
  2. 添加到 Views/Home/_ViewImports.cshtml 文件(不在預設 Views/_ViewImports.cshtml 文件中)的任何 @addTagHelper 指令,都只會將這些標記幫助程式公開給 Home 文件夾中的視圖。

選擇退出字元(“!”)元素級別退出標記幫助程式

使用標記幫助程式選擇退出字元(“!”),可在元素級別禁用標記幫助程式。 例如,使用標記幫助程式選擇退出字元在 <span> 中禁用 Email 驗證:

<!span asp-validation-for="Email" class="text-danger"></!span>

說明:
須將標記幫助程式選擇退出字元應用於開始和結束標記。 (將選擇退出字元添加到開始標記時,Visual Studio 編輯器會自動為結束標記添加相應字元)。 
添加選擇退出字元後,元素和標記幫助程式屬性不再以獨特字體顯示。

使用 @tagHelperPrefix 闡明標記幫助程式用途

@tagHelperPrefix 指令可指定一個標記首碼字元串,以啟用標記幫助程式支持並闡明標記幫助程式用途。 例如,可以將以下標記添加到 Views/_ViewImports.cshtml 文件:

@tagHelperPrefix th:

在以下代碼圖像中,標記幫助程式首碼設置為 th:,所以只有使用首碼 th: 的元素才支持標記幫助程式(可使用標記幫助程式的元素以獨特字體顯示)。 <label><input> 元素具有標記幫助程式首碼,可使用標記幫助程式,而 <span> 元素則相反。

適用於 @addTagHelper 的層次結構規則也適用於 @tagHelperPrefix

標記幫助程式的 Intellisense 支持

在 Visual Studio 中創建新的 ASP.NET Core web 應用時,它將添加AspNetCore Razor 的NuGet 包 。它 是添加標記幫助程式的工具包。
假設編寫 HTML <label> 元素。 只要在 Visual Studio 編輯器中輸入 <l,IntelliSense 就會顯示匹配的元素:

不僅會獲得 HTML 幫助,還會有圖標(下方帶有“<>”的“@" symbol with ")


將該元素標識為標記幫助程式的目標。 純 HTML 元素(如 `fieldset`)顯示“<>”圖標。
純 HTML `

您的分享是我們最大的動力!

更多相關文章
  • 單例模式(Singleton) /*** * Class Singleton 單例模式 * 單例類不能再其它類中直接實例化,只能被其自身實例化。它不會創建實例副本,而是會向單例類內部存儲的實例返回一個引用。 * 1.私有的構造函數、克隆函數,防止外部代碼new、clone * 2.私有的靜態的成員變 ...
  • 參考資料:https://www.php.net/manual/zh/language.oop5.php 多態,允許將子類類型的指針賦值給父類類型的指針。 封裝,也就是把客觀事物封裝成抽象的類,並且類可以把自己的數據和方法只讓可信的類或者對象操作,對不可信的進行信息隱藏。 繼承,它可以使用現有類的所 ...
  • 一 條件分支 1 python的比較操作符 2 python的條件分支語法 語法格式: if條件: 條件為(True)真執行的操作 else: 條件為假(False)執行的操作 跟其他語言的區別: if和else判斷語句後面必須要有冒號(其它語言沒有) 執行體的內容不需要用花括弧擴起來,所以必須嚴格 ...
  • 對於php開發小白來說搭建一個php運行環境就是一道坎! 因為要做php開發,搭建一個能夠運行php網站的伺服器環境是第一步,傳統的php環境軟體非常複雜,好在很多公司開發了一鍵搭建php安裝環境,一鍵進行php環境配置,大大節省了搭建php mysql環境的時間!對老手來說安裝配置php環境也不再 ...
  • 上次幫小王解決瞭如何在 Spring Boot 中使用 JDBC 連接 MySQL 後,我就一直在等,等他問我第三個問題,比如說如何在 Spring Boot 中使用 HikariCP 連接池。但我等了四天也沒有等到任何音訊,似乎他從我的世界里消失了,而我卻仍然沉醉在他拍我馬屁的美妙感覺里。 突然感 ...
  • 思路 自定義註解 @NoRepeatSubmit 標記所有Controller中的提交請求 通過AOP 對所有標記了 @NoRepeatSubmit 的方法攔截 在業務方法執行前,獲取當前用戶的 token(或者JSessionId)+ 當前請求地址,作為一個唯一 KEY,去獲取 Redis 分散式 ...
  • ApiTemplate後端項目開發模板,發佈也有一段時間了。為了補充應用場景,以及詳細說明本人總結的一些開發經驗,現已常見的《用戶/登錄許可權驗證》功能模塊來進行詳細的講解。我會以為開發此模擬的實現路徑為主線進行說明,希望能幫助到某些開發朋友。一、模塊分解模塊分析是按照《C4-架構圖》理念做的,主要分 ...
  • 在Windows Form平臺下實現視窗跳轉,常見的有以下幾種方式,比如通過Show/ShowDialog方法顯示新的視窗,通過多文檔界面(MDI)在父視窗中載入子視窗,或者是通關過在視窗中動態載入自定義控制項,比如通過將視窗中的Panel控制項作為容器,將一些自定義元素作為視圖界面控制項,動態載入到Pa ...
一周排行
  • 圖文講解,一門教學級邏輯式編程語言,NMiniKanren,的運行原理。 ...
  • 多Sheet導入教程 說明 本教程主要說明如何使用Magicodes.IE.Excel完成多個Sheet數據的Excel導入。 要點 多個相同格式的Sheet數據導入 多個不同格式的Sheet數據導入 主要步驟 1. 多個相同格式的Sheet數據導入 1.1 創建導入Sheet的Dto 主要代碼如下 ...
  • 在KeyPress事件中寫入 private void txtBoxKeyPress(object sender, KeyPressEventArgs e) { if ((e.KeyChar >= 'a' && e.KeyChar <= 'z') || (e.KeyChar >= 'A' && e. ...
  • 在 Xunit 中使用依賴註入 Intro 之前寫過一篇 xunit 的依賴註入相關的文章,但是實際使用起來不是那麼方便 今天介紹一個基於xunit和微軟依賴註入框架的“真正”的依賴註入使用方式 ——— Xunit.DependencyInjection, 來自大師的作品,讓你在測試代碼里使用依賴註 ...
  • 官網 http://www.hzhcontrols.com/ 前提 入行已經7,8年了,一直想做一套漂亮點的自定義控制項,於是就有了本系列文章。 GitHub:https://github.com/kwwwvagaa/NetWinformControl 碼雲:https://gitee.com/kww ...
  • 在項目的實際開發過程中,我們經常會遇到Tab頁面的開發 EciTab控制項有多種使用方式: 下麵介紹Frame容器方式: 下麵介紹的Tab頁面採用的策略是 Tab頁面管理幾個子頁面,頁面組織上用Iframe管理的模式 採用Iframe的原因主要有兩個 1.開發簡單,每一個頁面都是簡單的畫面 2.性能考 ...
  • 引用的DLL MySql.Data.MySqlClient System.Data City實體 public class City { public int ID { get; set; } public string Name { get; set; } public string Countr ...
  • 案例故事: 即時通訊(IM)軟體有很多,比如企業微信,釘釘,飛書,Skype, 微軟的Lync等, 這些軟體現在都很牛,還能監控誰誰在不在電腦旁工作,誰誰誰提前下班溜了。。。 一次偶然的機會,有個妹子請教我,她每天都想準時18點下班, 她問我如何做到: 假裝企業微信線上,併在2個小時後(20點)準時 ...
  • 一.官方文檔 https://pypi.org/project/muggle-ocr/ 二模塊安裝 pip install muggle-ocr # 因模塊過新,阿裡/清華等第三方源可能尚未更新鏡像,因此手動指定使用境外源,為了提高依賴的安裝速度,可預先自行安裝依賴:tensorflow/numpy ...
  • 前言 ​ 關於 Python 這個欄目,咕了幾個月了,今天講講如何發送驗證碼並驗證。 ​ 因為部分原因,寫這篇文章的時候心情是不太好的,播放首歌吧。 代碼 導入 導入yagmail,random和time庫 import yagmail,random,time #導入 yagmail , rando ...