笔记: ASP.NET Core视图组件
程序员文章站
2023-11-04 11:52:40
视图组件 asp.net core mvc 提供了部分视图的新替代品:视图组件。 视图组件与分布视图的主要区别在于视图组件与控制器不相关。可使用在独立于单个控制器的场景,如:菜单导航、侧边栏、分页栏等。 在Shared文件夹中为视图创建Components文件夹,再创建对应组件的OneModel文件 ......
视图组件
asp.net core mvc 提供了部分视图的新替代品:视图组件。
视图组件与分布视图的主要区别在于视图组件与控制器不相关。可使用在独立于单个控制器的场景,如:菜单导航、侧边栏、分页栏等。
using system.threading.tasks; using microsoft.aspnetcore.mvc; public class onemodelviewcomponent : viewcomponent { //异步方式 public task<iviewcomponentresult> invokeasync(){ return task.fromresult<iviewcomponentresult>(view(new {name="rohmeng"})); } // public iviewcomponentresult invoke() // { // viewbag.msg = "视图组件"; // return view(); // } }
在shared文件夹中为视图创建components文件夹,再创建对应组件的onemodel文件夹,把需要命名为default.cshtml的视图放入其中。
shared --> components --> onemodel --> default.cshtml
<h1>@model</h1>
在其它视图中调用视图组件
@await component.invokeasync("onemodel")
或者使用 tag helper调用视图组件,要为视图组件使用tag helper需要添加@addtaghelper指令和视图组件所在的程序集名称。tag helper通过切换到小写字母来更换名称,不使用大写字母,而是添加连字符。
@addtaghelper *, 程序集名称 <div> <vc:one-model /> </div>
上一篇: 数据库,单表查询,多表查询,子查询
推荐阅读
-
我来告诉你:VS2019开发ASP.NET Core 3.0 Web项目,修改视图后,刷新浏览器看不到修改后的效果怎么处理
-
笔记: ASP.NET Core视图组件
-
asp.net core mvc权限控制:在视图中控制操作权限
-
在 ASP.NET Core 项目中使用 npm 管理你的前端组件包
-
在Asp.Net Core MVC 3.0 视图运行时编译
-
详解Asp.Net Core 2.1+的视图缓存(响应缓存)
-
[Asp.net core 3.1] 通过一个小组件熟悉Blazor服务端组件开发
-
《ASP.NET Core In Action》读书笔记系列一 ASP.NET Core 的诞生
-
(28)ASP.NET Core AutoMapper组件
-
ASP.NET Core笔记(2) - 依赖注入