视图组件(Component)

Posted 2021-03-05 student-note

　　　　

视图组件

　　视图组件与分部视图类似，但它们的功能更加强大。 视图组件不使用模型绑定，并且仅依赖调用时提供的数据。 本文是使用控制器和视图编写的，但视图组件也适用于 Razor Pages。

　　视图组件：

• 呈现一个区块而不是整个响应。
• 包括控制器和视图间发现的相同关注点分离和可测试性优势。
• 可以有参数和业务逻辑。
• 通常从布局页调用。

　　视图组件可用于具有可重用呈现逻辑（对分部视图来说过于复杂）的任何位置，例如：

• 动态导航菜单
• 标记云（查询数据库的位置）
• 登录面板
• 购物车
• 最近发布的文章
• 典型博客上的边栏内容
• 一个登录面板，呈现在每页上并显示注销或登录链接，具体取决于用户的登录状态

　　使用方法:

　　可通过以下任一方法创建视图组件类：　　

　　1.从 ViewComponent 派生　

　　2.使用 [ViewComponent] 属性修饰类，或者从具有 [ViewComponent] 属性的类派生　　

　　3.创建名称以 ViewComponent 后缀结尾的类

　　1.生成一个类继承ViewComponent

　　

 

 

      一个视图组件只能选同步或者异步,两个方法都实现的话会报错

 

 

 

视图搜索路径

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

• /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}

 

 

 　　当然也可以自己指定搜索路径:

services.AddMvc()
    .AddRazorOptions(options =>
    {
        options.ViewLocationFormats.Add("/{0}.cshtml");//占位符“{0}”表示路径“Components/{视图组件名称}/{视图名称}”。
    });

 

 

 

 

 

运行结果,需要注意的是搜索路径有优先级别,自定义的路径在最后.也就是说如果存在一样的视图组件,只是放的地方不一样