.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 ...
一周排行
  • HttpReports 簡單介紹 HttpReports 是 .Net Core下的一個Web組件,適用於 WebAPI 項目和 API 網關項目,通過中間件的形式集成到您的項目中, 通過HttpReports,可以讓開發人員快速的搭建出一個 API 性能分析的基礎報表網站。 主要包含 HttpRe ...
  • 大家好,這幾天試著從Github上拉取AspNetCore的源碼,嘗試著通過Visual Studio 打開,但是並不盡人意。我們需要去構建我們拉去的源代碼,這樣才可以通過VisualStudio可還原的項目。畢竟AspNetCore是一個巨型的項目集。 先決條件 在Windows中構建AspNet ...
  • 知識需要不斷積累、總結和沉澱,思考和寫作是成長的催化劑 梯子 一、鎖1、lock2、Interlocked3、Monitor4、SpinLock5、Mutex6、Semaphore7、Events1、AutoResetEvent2、ManualResetEvent3、ManualResetEvent ...
  • 安裝Docker CentOS 7 安裝 Docker 編寫Dockerfile 右鍵項目-》添加-》Docker 支持 選擇Linux 修改為如下: FROM mcr.microsoft.com/dotnet/core/aspnet:2.2-stretch-slim AS base WORKDIR ...
  • 原文:https://blogs.msdn.microsoft.com/mazhou/2017/06/06/c-7-series-part-3-default-literals/ C#的default關鍵字有兩種用法:一種是標記switch…case結構的預設分支(會匹配任意不被所有case條件匹配 ...
  • 相關模塊 1. AbpAspNetCoreModule 2. AbpAspNetCoreMvcModule 3. AbpAspNetCoreMvcContractsModule abp通過這三個模塊載入並配置了 asp.net core。,最主要的就是AbpAspNetCoreMvcModule模塊 ...
  • 安裝 參考文檔:https://docs.docker.com/install/linux/docker-ce/centos/#install-using-the-repository 前提條件 Docker 要求 CentOS 系統的內核版本高於 3.10,在終端輸入以下命令: uname -r ...
  • 目前遇到的問題: 1.路徑區分大小寫及路徑用“/”,而不是常用的"\\"。 windows下路徑為:"xxxx\\yyyy",Linux路徑下為:"xxxx/yyyy" 使用 Path.Combine("xxxx","yyyy") 進行合併即可。 2.有時候就需要在 docker 容器里訪問宿主機提 ...
  • 《.Net 最佳實踐》 [作者] (美) Stephen Ritchie[譯者] (中) 黃燈橋 黃浩宇 李永[出版] 機械工業出版社[版次] 2014年01月 第1版[印次] 2018年01月 第1次 印刷[定價] 69.00元 (P001) 開發人員應該對任何稱之為“最佳實踐”的實踐保持一種懷疑 ...
  • 本文介紹了C#中的屬性,以及C#6和C#7中與屬性相關的新特性。 ...
x