Razor 页面主从示例

Question

亲爱的，

假设我有一个父表和子表（一对多），我想在同一页面中添加父表及其所有详细信息和他的孩子（1 个或更多），任何示例都将不胜感激，我我也在使用 EF

Answer 1

下面是一个非常简单的演示

型号：

public class Parent
{
    public Parent()
    {
        Id = 1;
        Name = "Parent1";
        Age = 38;

        Children = new List<Child>
        {
            new Child{ Id = 1, Name = "child1", Age = 6},
            new Child{ Id = 2, Name = "child2", Age = 7},
            new Child{ Id = 3, Name = "child3", Age = 10}
        };
    }
    public int Id { get; set; }
    public string Name { get; set; }
    public int Age { get; set; }
    public List<Child> Children { get; set; }
}

public class Child
{
    public int Id { get; set; }
    public string Name { get; set; }
    public int Age { get; set; }
}

索引.cshtml.cs：

public class IndexModel : PageModel
{
    private readonly ILogger<IndexModel> _logger;

    public IndexModel(ILogger<IndexModel> logger)
    {
        _logger = logger;
    }

    public Parent parent { get; set; }

    public void OnGet()
    {
        parent = new Parent();
    }

}

Index.cshtml：

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}


<h2>Parent Details</h2>
<div>
    <label>Name:</label>
    @Html.DisplayFor(x => x.parent.Name)
</div>
<div>
    <label>Age:</label>
    @Html.DisplayFor(x => x.parent.Age)
</div>
<div>
    <label>Children:</label>
    @foreach (var child in Model.parent.Children)
    {
        @: @child.Name
    }

</div>

结果：