asp.net core rzaor page 中的ViewComponent 视图用法

浪淘沙1年前后端119

1、/Pages/Components 新建:

MyViewComponent.cs

using Microsoft.AspNetCore.Mvc;

namespace xxtsoft.Web.Entry.Pages.Components
{
    public class MyViewComponent: ViewComponent
    {
        public IViewComponentResult Invoke(string name)
        {
            // 这里可以处理一些逻辑,获取数据等
            var model = $"Hello, {name}";
            return View("Default", model); // 返回视图和数据
        }
    }
}

image.png

2、/Pages/Shared/Components/My/Default.cshtml

<div>
    <h2>@Model</h2>
</div>

image.png

3、页面引用

<!-- 调用 ViewComponent -->
@await Component.InvokeAsync("My", new { name = "xx hellow" })

image.png

相关文章

短信发送

@page @model xxtsoft.Web.Entry.Pages.Index1Model @{ } <form method="post"...

asp.net core sqlsugar 复制插入并返回新id

var result = await _db.Ado.GetScalarAsync("insert into qy_gw(gwmc...

postgresql 迁移数据库,使用sql命令

pg_dump -d mydb -f mydb.sql psql -d mydb_new -f mydb.sql...

asp.net core razor 中文搜索 url转码

 return Redirect("feedback_list?fst=" + fst + "&Status=" + Status + &qu...

ubuntu 删除asp.net core 8.0

1. 查找已安装的 ASP.NET Core 8.0 版本dotnet --list-runtimes dotnet --list-sdks2. 删除 ASP.NET Core...

asp.net core furion 返回错误信息

asp.net core furion 返回错误信息

  if (string.IsNullOrEmpty(jd) || string.IsNullOrEmpty(wd))   {...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。