.Net Core組件化視圖(部分視圖)

来源:https://www.cnblogs.com/chenxi001/archive/2019/12/03/11979362.html

.Net Core組件化視圖(部分視圖) 1.背景 1.以前我們使用.Net的時候使用部分視圖的方式在,.Net Core 中已經沒有了但是我們還是想使用現在的.Net Core換了一種方式,將視圖組件化了。 2.視圖組件介紹 1.可以將我們的視圖重覆的部分分離出來,達到可復用。 2.可以編寫業務邏 ...


.Net Core組件化視圖(部分視圖)

1.背景

     1.以前我們使用.Net的時候使用部分視圖的方式在,.Net Core 中能在單獨處理邏輯的部分視圖沒有了,但是我們還是想使用現在的.Net Core換了一種方式,將視圖組件化了。

2.視圖組件介紹

   1.可以將我們的視圖重覆的部分分離出來,達到可復用。

    2.可以編寫業務邏輯,參數傳遞,單獨測試,使用簡單。

    3.將複雜的頁面,簡單化。

3.視圖組件特點

   1.派生自ViewComponent使用 [ViewComponent] 屬性裝飾類,或從具有 [ViewComponent] 屬性的類派生像控制器一樣,視圖組件必須是 public ,非嵌套和非抽象類。

      視圖組件名稱是刪除了 ViewComponent 尾碼的類名,可以使用 ViewComponentAttribute.Name 屬性顯示指定。

   2.完全支持構造函數依賴註入不參與控制器生命周期,這意味著不能在視圖組件中使用過濾器

   3.視圖組件在 InvokeAsync 方法中定義其邏輯,並返回 IViewComponentResult 。參數直接來自視圖組件的調用,而不是來自模型綁定。視圖組件從不直接處理請求。通常,視圖組件通過調用 View 方法初始化模型並將其傳遞給視圖。

    總之,視圖組件有以下特點:

  1.   定義一個 InvokeAsync 方法並返回 IViewComponentResult。
  2.  通常通過調用  ViewComponent View 方法初始化模型並將其傳遞給視圖。
  3.  參數來自調用方法,而不是 HTTP,沒有模型綁定。
  4. 不能直接作為 HTTP 端點訪問,它是從你的代碼(通常在視圖中)調用的。視圖組件不處理請求。
  5. 在簽名上重載,而不是當前 HTTP 請求的任何細節。

4.視圖組件路徑

 

     /Views/Home/Components/Header/Index.cshtml

     /Views/Shared/Components/Header/Index.cshtml

     /Pages/Shared/Components/Header/Index.cshtml

     1.只能放在這3個位置,規則在下麵。

  Views/<controller_name>/Components/<view_component_name>/<view_name>

  Views/Shared/Components/<view_component_name>/<view_name>

       Pages/Shared/Components/<view_component_name>/<view_name>

 

這個就是放錯了,提示我放到正確的位置。

5.視圖組件的使用

      1.後臺代碼

    視圖組件類可以在項目的任何文件夾中。 [ViewComponent] 特性可以更改用於引用視圖組件的名稱。

[ViewComponent(Name = "Header")]
    public partial class HeaderController : ViewComponent
    {
        //調用非同步方法
        public async Task<IViewComponentResult> InvokeAsync(int id) {
            //返回參數,Inex是自己定義的視圖名稱,如果沒有就是default
            //第二個是返回參數,和之前的view()的參數一樣。
            return  View("Index",id);
        }
    }

    繼承於ViewComponent返回IViewComponentResult。

         還可以這樣

        /// <summary>
        /// 控制器調用
        /// </summary>
        /// <returns></returns>
        public IActionResult Info() {
            return ViewComponent("Header", 5);
        }

        2.前臺代碼

@await Component.InvokeAsync("Header", new { id=123})

效果

 

 

 

 

參考代碼:https://gitee.com/D_C_L/Test_ViewComponent.git

參考地址: https://www.cnblogs.com/afei-24/p/11317885.html

 

 

 


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

更多相關文章
  • 增量賦值運算符 += 和 = 的表現取決於它們的第一個操作對象 += 操作首先會嘗試調用對象的 __ iadd__方法,如果沒有該方法,那麼嘗試調用__add__方法,所以+= 與 + 的區別實質是__iadd__ 與 __add__的區別,同理, = 操作首先會嘗試調用對象的__imul__方法, ...
  • 本篇文章涉及到使用ILDasm和ILasm進行反編譯和編譯。 ...
  • 國內優秀的WPF開源控制項庫,Panuon.UI的優化版本。一個漂亮的、使用樣式與附加屬性的WPF UI控制項庫,值得向大家推薦使用與學習。 今天站長(Dotnet9,站長網址:https://dotnet9.com)推薦另一款開源的WPF控制項庫(PanuonUI.Silver,github鏈接: ht ...
  • Github 原生 CI/CD,初嘗 Github Actions ...
  • 在上篇中我們通過創建一個類並繼承autoMapper的Profile類 public class Mappings : Profile { public Mappings() { CreateMap<UserDto, TbUser>(); } } 這樣做有一種弊端,就是當傳輸對象很多的時候,還需要手 ...
  • 一、什麼是AutoMapper? AutoMapper是一個簡單的對象映射框架(OOM),將一個對象映射到另一個對象。 二、AutoMapper的好處 以前的時候我們將DTO對象轉換為Model對象時,我們必須將每一個屬性都手動映射 實體類 /// <summary> /// 用戶表 /// </s ...
  • Autofac自動註入是通過名稱約定來實現依賴註入 ps:本demo介面層都以“I”開頭,以“Service”結尾。服務層實現都以“Service”結尾。 為什麼要實現自動註入 大多時候,我們都是 以下方式進行依賴註入 public IServiceProvider ConfigureService ...
  • 在空項目中是沒有配置文件的,首先要新建一個,配置文件內容如下,下麵來讀取各個內容 { "ConnectionStrings": { "DefaultConnection": "Server=(localdb)\\MSSQLLocalDB;Database=_CHANGE_ME;Trusted_Con ...
一周排行
  • 一、直接使用線程的問題每次都要創建Thread對象,並向操作系統申請創建一個線程,這是需要耗費CPU時間和記憶體資源的。無法直接獲取線程函數返回值無法直接捕捉線程函數內發生的異常 使用線程池可以解決第一個問題二、.NET中的線程池 在這裡只簡單的介紹一下ThreadPool,由於TPL的存在,我工作中... ...
  • 上次課程我們新建了管理員的模板頁。 本次我們就完善這個模板頁,順便加入樣式和一些基本的組件,配置好整個項目的UI風格。 一、引入 共用的css和js文件 後端庫用nuget, 前端庫用libman. 右鍵wwwroot文件夾,選擇菜單 Add / Client-Side Library 我們使用ad ...
  • 場景 在使用IIS部署ASP.NET的Web項目時提示: InvalidOperationException:未能映射路徑“/” 註: 博客: https://blog.csdn.net/badao_liumang_qizhi 關註公眾號 霸道的程式猿 獲取編程相關電子書、教程推送與免費下載。 實現 ...
  • 場景 ASP.NET中新建MVC項目並連接SqlServer資料庫實現增刪改查: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107024544 在上面實現了新建簡單的MVC項目以及連接資料庫實現簡單的增刪改查後怎樣將網站部署到 ...
  • --先給GridView控制項註冊滑鼠按下事件gv.MouseDown += new System.Windows.Forms.MouseEventHandler(this.gv_MouseDown); --在滑鼠按下事件裡面增加滑鼠右鍵判斷,並增加滑鼠右鍵菜單複製單元格功能。 private voi ...
  • 用C#代替Javascript來做Web應用,是有多爽? 今天聊聊 Blazor。 Blazor 是一個 Web UI 框架。這個框架允許開發者使用 C# 來創建可運行於瀏覽器的具有完全交互 UI 的 Web 應用。 可以理解為,這是一個 C# 語言的 Vue / Angular / React,可 ...
  • 場景 ASP.NET中新建Web網站並部署到IIS上(詳細圖文教程): https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107199747 在上面博客中已經將網站部署到了IIS上。 但是如果網站很大,頁面比較多,甚至每個頁面都有不少 ...
  • 從事這麼多年的.NET,這段時間來,學習另外一門技術Python。 購買相關的書籍,不停地看書。 然後在VS安裝Python,然後可以上機練習,編寫代碼...... ...
  • 一個微小的投入就會帶來巨大的突變 集群安全模式 為什麼出現集群安全模式呢? ​ Namenode啟動時,首先將鏡像文件載人記憶體,並執行編輯日誌中的各項操作。一旦在內存中成功建立文件系統元數據的映像,則創建一個新的Fsimage文件和一個空的編輯日誌。此時,** Namenode開始監聽Datanod ...
  • 1. 通過new對象實現反射機制( 對象.getClass() ) 2. 通過路徑實現反射機制( Class.forName("包名.類名") ) 3. 通過類名實現反射機制 ( 類名.Class ) class Student { private int id; String name; prot ...