剃刀页面无法以其他方法重用OnGet中定义的属性，因为它为null

问题描述

我正在进行一个小项目，以学习带有Razor Pages的ASP.NET Core。 这是我的页面模型及其属性的一部分

public List<Models.Student> allStudents { get; set; }
public Models.Student studentFocused { get; set; }
        
public async Task<IActionResult> OnGetAsync()
{
    using (var _httpClient = new HttpClient())
    {
        using (var response = await _httpClient.GetAsync(this.uri))
        {
             var fetchedResponse = await response.Content.ReadAsStringAsync();
             this.allStudents = JsonConvert.DeserializeObject<List<Models.Student>>(fetchedResponse);
        }
    }
    return Page();
}

public void OnGetDetails(int id)
{
    this.studentFocused = this.allStudents.Where(s => s.StudentId == id).SingleOrDefault();
}

我得到了OnGetAsync（），该函数调用API路由以检索列表中的所有学生数据，这是有效的，我可以像这样在页面文件中显示数据：

<div class="row">
    <div class="col-6">
        <ul id="list-students">
            @foreach (var student in Model.allStudents)
            {
                <li><span class="list-students-element">@student.FirstName @student.LastName</span><a asp-page-handler="details" asp-route-id="@student.StudentId">Détails</a></li>
            }
        </ul>
        <div><a asp-page="/Student/Create">Créer nouvel étudiant</a></div>
    </div>
    <div class="col-6">
        <div id="details">
            @if (Model.studentFocused != null)
            {
                <h3>Détails</h3>
                <p>Prénom: @Model.studentFocused.FirstName</p>
                <p>Nom: @Model.studentFocused.LastName</p>
                <p>Age: @Model.studentFocused.Age ans</p>
                <p>Classe: @Model.studentFocused.SchoolClass.Name</p>
                <p><strong>Options</strong></p>
                <a asp-page="/Student/Update" asp-route-id="@Model.studentFocused.StudentId">Modifier</a>
                <a asp-page="/Student/Delete" asp-route-id="@Model.studentFocused.StudentId">Supprimer</a>
            }
        </div>
    </div>
</div>

但是现在在我的<div id="details">上，我想使用OnGetDetails（）方法单击“详细信息”按钮时显示一位学生的详细信息。为此，我要在清单的allStudents属性中搜索所需学生的ID。我猜该方法并不完整，但仅此而已，我就遇到了问题：

public void OnGetDetails(int id)
{
    this.studentFocused = this.allStudents.Where(s => s.StudentId == id).SingleOrDefault();
}

有一个错误，因为this.allStudents在此处为null，尽管之前在我的OnGet（）中进行了初始化，所以我不理解。

解决方法

 asp-page-handler="details" asp-route-id="@student.StudentId"

由于方法签名错误，将无法与OnGetDetails（int id）一起使用。

您需要绑定您的route参数（例如，在公共异步任务OnGetAsync（）之前执行此操作）

[BindProperty(SupportsGet = true)]
public int? Id { get; set; }

并这样重写

public void OnGetDetails()
{
  // here you must fetch all students like in OnGetAsync
  this.studentFocused = this.allStudents.Where(s => s.StudentId == Id.Value).SingleOrDefault();
}

通常的方法是使用这样的网址。

<a asp-page="Student" asp-route-id="4">

并以HTML格式获取这样的URL

/Student/4

其中4 =学生证。

通过您的解决方案，您将获得如下网址：

/Student?id=4&handler=Details

您可以使用这种形式的URL

<a asp-page="Student" asp-route-id="4">

通过这样重写OnGetAsync（我也做了一些清理工作）

    public async Task OnGetAsync()
    {
        using var httpClient = new HttpClient();
        using var response = await httpClient.GetAsync(this.uri);
        var fetchedResponse = await response.Content.ReadAsStringAsync();
        allStudents = JsonConvert.DeserializeObject<List<Models.Student>>(fetchedResponse);

        if (Id.HasValue)
        {
            studentFocused = allStudents.FirstOrDefault(s => s.StudentId == Id.Value);
        }
    }

在.cshtml顶部，替换

@page 

使用

@page "{id?}"

使用此最终更改，您可以删除OnGetDetails。

在学习C＃时，我建议使用Resharper，它可以实时告诉您您做错了什么，并建议代码改进。