酷站(www.ku0.com)-致力于为互联网从业者提供动力!

热门关键词:  企业  as  baidu  c4rp3nt3r  美女
酷站

【云小站】新老客都返现+现金红包+瓜分60万奖池
酷站

asp.net

旗下栏目: php js asp Flex Ajax JSP jquery asp.net C语言 java 正则表达式 微信小程序 Android IOS

ASP.NET Core MVC学习之视图组件(View Component)

来源:互联网搜集 作者:秩名 人气: 发布时间:2019-08-17
本篇文章主要介绍了ASP.NET Core MVC学习之视图组件(View Component),对大家的学习或者工作具有一定的参考学习价值,感兴趣的小伙伴们可以参考一下,也感谢大家对酷站(ku0.com)的支持。

1.视图组件介绍

  视图组件是 ASP.NET Core MVC 的新特性,类似于局部视图,但它更强大。视图组件不使用模型绑定,并且仅依赖于调用它时所提供的数据。

  视图组件特点:

    呈块状,而不是整个响应

    包括在控制器和视图之间发现的相同的关注点和可测试性优点

    可以拥有参数和业务逻辑

    通常从布局页面调用

  视图组件可以用在任何需要重复逻辑且对局部视图来说过于复杂的情况,例如:

    动态导航菜单

    标签云(需要查询数据库)

    登录面板

    购物车

    最近发表的文章

    典型博客上的侧边栏内容

    将在每个页面上呈现的登录面板,根据用户的登录状态显示注销或者登录的链接

  视图组件有两部分组成,类(通常派生自 ViewComponent)和它返回的结果(通常是一个视图)。与控制器一样,视图组件可以是POCO,但大多数是利用 ViewComponent 派生的方法和属性。 

2.创建视图组件

  (1)视图组件类

  一个视图组件类通常可以通过以下任一方式创建:

    派生自ViewComponent

    使用 [ViewComponent] 属性装饰类,或从具有 [ViewComponent] 属性的类派生

    创建一个名称后缀为 ViewComponent 结尾的类

  像控制器一样,视图组件必须是 public ,非嵌套和非抽象类。视图组件名称是删除了 ViewComponent 后缀的类名,可以使用 ViewComponentAttribute.Name 属性显示指定。

  视图组件类优点:

    完全支持构造函数依赖注入

    不参与控制器生命周期,这意味着不能在视图组件中使用过滤器

  (2) 视图组件方法

  视图组件在 InvokeAsync 方法中定义其逻辑,并返回 IViewComponentResult 。参数直接来自视图组件的调用,而不是来自模型绑定。视图组件从不直接处理请求。通常,视图组件通过调用 View 方法初始化模型并将其传递给视图。总之,视图组件有以下特点:

    定义一个 InvokeAsync 方法并返回 IViewComponentResult。

    通常通过调用  ViewComponent View 方法初始化模型并将其传递给视图。

    参数来自调用方法,而不是 HTTP,没有模型绑定。

    不能直接作为 HTTP 端点访问,它是从你的代码(通常在视图中)调用的。视图组件不处理请求。

    在签名上重载,而不是当前 HTTP 请求的任何细节。

  (3) 视图搜索路径

  运行时在以下路径搜索视图:

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

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

  视图组件的默认视图名称是 Default,这意味着你的视图文件通常名为 Default.cshtml。你可以在创建视图组件结果或调用 View 方法时指定其他的视图名称。

3.调用视图组件

    要使用视图组件,请从视图中调用  @Component.InvokeAsync("视图组件名称",<匿名参数>)。参数将传递到 InvokeAsync 方法。如下:
 

 
@await Component.InvokeAsync("TopicRankList",new { days=5})

  
视图组件通常从视图中调用,但也可以从控制器方法中直接调用,虽然视图组件不像控制器那样定义终结点。

        public ActionResult Index()
        {
            return ViewComponent("TopicRankList", new { days = 5 });
        }

 

4.实战视图组件

  添加一个 ViewCompoents 文件夹,然后添加 UserRankList类:
 

public class UserRankList : ViewComponent
 {
  private readonly DataContext _db;
  private IMemoryCache _memoryCache;
  private string cacheKey = "topicrank";
 
  public UserRankList(DataContext db, IMemoryCache memoryCache)
  {
   _db = db;
   _memoryCache = memoryCache;
  }
 
  public IViewComponentResult Invoke(int days)
  {
   var items = new List<User>();
   if (!_memoryCache.TryGetValue(cacheKey, out items))
   {
    items = GetRankUsers(10, days);
   }
   _memoryCache.Set(cacheKey,items,TimeSpan.FromMinutes(10));
   return View(items);
  }
 
  private List<User> GetRankUsers(int top, int days)
  {
   return _db.User.OrderBy(o => o.Id).Take(top).ToList();
  }
 }

视图组件类可以在项目的任何文件夹中。 [ViewComponent] 特性可以更改用于引用视图组件的名称,例如,可以命名类为 XYZ,并应用 [ViewComponent] 特性:
 
 
[ViewComponent(Name="UserRankTop")]
public calss XYZ:ViewComponent

Invoke 方法返回列表,然后创建视图组件视图。

创建 View/Shared/Components 文件夹。这个文件夹必须名为 Components。然后在里面创建 UserRankList 文件夹,添加 Default.cshtml 视图:
 
 
@model List<MVCTest.Models.User>

<h2>user</h2>
<div class="list-group">
 @foreach (var item in Model)
 {
  <label>@item.Name</label>
 }
</div>

最后在视图中调用: @await Component.InvokeAsync("UserRankList", new { days=5})

版权声明:本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 959677720#qq.cn(#换@) 举报,一经查实,本站将立刻删除。
原文链接:https://www.cnblogs.com/afei-24/p/11317885.html

相关文章

  • 详解asp.net core 授权方法

    详解asp.net core 授权方法

    IAuthorizeDate接口代表了授权系统的源头: public interface IAuthorizeData{ string Policy { get; set; } string Roles { get; set; } string AuthenticationSchemes { get; set; }} 接口中定义的三个属性分别代表了三种授权类型: 1......
    01-23
  • .Net获取IP地址的方法解析

    .Net获取IP地址的方法解析

    获取本机IP 2.获取网页客户端IP 代码如下: /// summary /// 获取IPv4地址 /// /summary /// returns/returns public static string GetIP4Address(HttpRequest request = null) { FuncIPAddress, bool f = e = e.AddressFamily.ToString......
    01-16
  • asp.net实现存储和读取数据库图片

    asp.net实现存储和读取数据库图片

    1. 创建asp.net web窗体项目 代码如下: body form id=form1 runat=server h2上传图片/h2 div asp:FileUpload ID=ful_image runat=server / asp:Button ID=btn_submit runat=server Text=提交 / asp:Label ID=lbl_message runat=server T......
    11-09
  • asp.net core 腾讯验证码的接入教程

    asp.net core 腾讯验证码的接入教程

    Intro 之前使用的验证码服务是用的极验验证,而且是比较旧的,好久之前接入的,而且验证码服务依赖 Session,有点不太灵活,后来发现腾讯也有验证码服务,而且支持小程序,并且是唯一支持小程序的验证码。。(垄断么。。) 而且相比之下......
    11-03
  • NET Core 3.0 AutoFac内置DI替换的新姿势

    NET Core 3.0 AutoFac内置DI替换的新姿势

    NET Core 3.0 和 以往版本不同,替换AutoFac服务的方式有了一定的变化,在尝试着升级项目的时候出现了一些问题。 原来在NET Core 2.1时候,AutoFac返回一个 IServiceProvider 参数注入到ConfigureServices .NET Core 服务中,基本大痣是......
    10-03
  • ASP.NET Core中利用Csp标头对抗Xss攻击的方法

    ASP.NET Core中利用Csp标头对抗Xss攻击的方法

    简而言之,CSP是网页控制允许加载哪些资源的一种方式。例如,页面可以显式声明允许从中加载JavaScript,CSS和图像资源。这有助于防止跨站点脚本(XSS)攻击等问题。 它也可用于限制协议,例如限制通过HTTPS加载的内容。CSP通过 Content-S......
    09-10
  • 利用EF6简单实现多租户的应用

    利用EF6简单实现多租户的应用

    什么是多租户 网上有好多解释,有些上升到了架构设计,让你觉得似乎非常高深莫测,特别是目前流行的ABP架构中就有提到多租户(IMustHaveTenant),其实说的简单一点就是再每一张数据库的表中添加一个TenantId的字段,用于区分属于不同的......
    09-10
  • 详解给asp.net core写个中间件记录接口耗时

    详解给asp.net core写个中间件记录接口耗时

    Intro 写接口的难免会遇到别人说接口比较慢,到底慢多少,一个接口服务器处理究竟花了多长时间,如果能有具体的数字来记录每个接口耗时多少,别人再说接口慢的时候看一下接口耗时统计,如果几毫秒就处理完了,对不起这锅我不背。 中间件......
    09-02
  • ASP.NET Core MVC学习之视图组件(View Component)

    ASP.NET Core MVC学习之视图组件(View Component)

    1.视图组件介绍 视图组件是 ASP.NET Core MVC 的新特性,类似于局部视图,但它更强大。视图组件不使用模型绑定,并且仅依赖于调用它时所提供的数据。 视图组件特点: 呈块状,而不是整个响应 包括在控制器和视图之间发现的相同的关注点和......
    08-17
  • ASP.NET如何自定义项目模板

    ASP.NET如何自定义项目模板

    本篇文章介绍ASP.NET如何自定义项目模板 前言 在微服务架构盛行的时代,一言不合就新建一个服务,虽然搭建服务并没什么难度,但不可避免的是每个人搭建出来的架子会存在差异,这很合理,因为每个开发者的个人风格、工作经验都不一样,难......
    08-09

最新更新