- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章ASP.NET Core MVC学习之视图组件(View Component)由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.
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 方法。如下:
1
|
@await Component.InvokeAsync(
"TopicRankList"
,
new
{ days=5})
|
视图组件通常从视图中调用,但也可以从控制器方法中直接调用,虽然视图组件不像控制器那样定义终结点.
public ActionResult Index() { return ViewComponent("TopicRankList", new { days = 5 }); } 。
4.实战视图组件 。
添加一个 ViewCompoents 文件夹,然后添加 UserRankList类:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
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] 特性:
1
2
|
[ViewComponent(Name=
"UserRankTop"
)]
public
calss XYZ:ViewComponent
|
Invoke 方法返回列表,然后创建视图组件视图.
创建 View/Shared/Components 文件夹。这个文件夹必须名为 Components。然后在里面创建 UserRankList 文件夹,添加 Default.cshtml 视图:
1
2
3
4
5
6
7
8
9
|
@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}) 。
总结 。
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我的支持.
原文链接:https://www.cnblogs.com/afei-24/p/11317885.html 。
最后此篇关于ASP.NET Core MVC学习之视图组件(View Component)的文章就讲到这里了,如果你想了解更多关于ASP.NET Core MVC学习之视图组件(View Component)的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它. 关闭 9 年前。 Improve
介绍篇 什么是MiniApis? MiniApis的特点和优势 MiniApis的应用场景 环境搭建 系统要求 安装MiniApis 配置开发环境 基础概念 MiniApis架构概述
我正在从“JavaScript 圣经”一书中学习 javascript,但我遇到了一些困难。我试图理解这段代码: function checkIt(evt) { evt = (evt) ? e
package com.fastone.www.javademo.stringintern; /** * * String.intern()是一个Native方法, * 它的作用是:如果字
您会推荐哪些资源来学习 AppleScript。我使用具有 Objective-C 背景的传统 C/C++。 我也在寻找有关如何更好地开发和从脚本编辑器获取更快文档的技巧。示例提示是“查找要编写脚本的
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。 4年前关闭。 Improve thi
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。 7年前关闭。 Improve thi
关闭。这个问题不符合 Stack Overflow guidelines 。它目前不接受答案。 想改善这个问题吗?更新问题,以便堆栈溢出为 on-topic。 6年前关闭。 Improve this
我是塞内加尔的阿里。我今年60岁(也许这是我真正的问题-笑脸!!!)。 我正在学习Flutter和Dart。今天,我想使用给定数据模型的列表(它的名称是Mortalite,请参见下面的代码)。 我尝试
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题? Update the question所以它是on-topic对于堆栈溢出。 9年前关闭。 Improve this que
学习 Cappuccino 的最佳来源是什么?我从事“传统”网络开发,但我对这个新框架非常感兴趣。请注意,我对 Objective-C 毫无了解。 最佳答案 如上所述,该网站是一个好地方,但还有一些其
我正在学习如何使用 hashMap,有人可以检查我编写的这段代码并告诉我它是否正确吗?这个想法是有一个在公司工作的员工列表,我想从 hashMap 添加和删除员工。 public class Staf
我正在尝试将 jQuery 与 CoffeScript 一起使用。我按照博客中的说明操作,指示使用 $ -> 或 jQuery -> 而不是 .ready() 。我玩了一下代码,但我似乎无法理解我出错
还在学习,还有很多问题,所以这里有一些。我正在进行 javascript -> PHP 转换,并希望确保这些做法是正确的。是$dailyparams->$calories = $calories;一条
我目前正在学习 SQL,以便从我们的 Magento 数据库制作一个简单的 RFM 报告,我目前可以通过导出两个查询并将它们粘贴到 Excel 模板中来完成此操作,我想摆脱 Excel 模板。 我认为
我知道我很可能会因为这个问题而受到抨击,但没有人问,我求助于你。这是否是一个正确的 javascript > php 转换 - 在我开始不良做法之前,我想知道这是否是解决此问题的正确方法。 JavaS
除了 Ruby-Doc 之外,哪些来源最适合获取一些示例和教程,尤其是关于 Ruby 中的 Tk/Tile?我发现自己更正常了 http://www.tutorialspoint.com/ruby/r
我只在第一次收到警告。这正常吗? >>> cv=LassoCV(cv=10).fit(x,y) C:\Python27\lib\site-packages\scikit_learn-0.14.1-py
按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be
我是一名优秀的程序员,十分优秀!