.netCore2.0 部分视图ViewComponent

最新推荐文章于 2022-07-14 17:53:35 发布

转载最新推荐文章于 2022-07-14 17:53:35 发布 · 184 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/happygx/p/8845888.html

.NET Core 中的视图组件类似于轻量级控制器，用于在页面中复用逻辑和UI。通过创建 Components 文件夹及子文件夹来组织视图组件，并使用 Invoke 方法处理请求。视图组件可以接受参数并在视图中展示。

.netCore 中部分视图相当于轻量级的控制器，建立方法类似控制器，需要建立文件夹Components，然后再建立视图组件控制器，规则和视图控制器类似，默认结尾为ViewComponent，如Abc的组件文件名为AbcViewComponent.cs，

视图组件内只有一个默认方法如下

 public class AbcViewComponent: ViewComponent
    {
        /// <summary>
        /// 只有这一个方法，然后可以在当前分部视图中进行逻辑操作等等
        /// 所有视图组件中都只有这一个方法
        /// </summary>
        /// <returns></returns>
        public IViewComponentResult Invoke()
        {
            return View(10);
        }
    }

然后页面调用

@await Component.InvokeAsync("Abc")

直接按照上述方法调用会发现错误信息

说明没有找到当前具体视图文件，读取错误信息你会发现，视图文件名称也是有规律的

文件夹名称为Components 然后下面再建立视图组件的文件夹名称Abc，然后再是具体视图文件默认default.cshtml

按照错误信息提示建立相应的文件即可

参数传值和控制器一样，

完整代码如下

传入参数10

 public class AbcViewComponent: ViewComponent
    {
        /// <summary>
        /// 只有这一个方法，然后可以在当前分部视图中进行逻辑操作等等
        /// 所有视图组件中都只有这一个方法
        /// </summary>
        /// <returns></returns>
        public IViewComponentResult Invoke()
        {
            return View(10);
        }
    }