在Blazor WASM应用程序中,数据模型代码应该放在共享项目中。共享项目是一个可供我们在Blazor应用程序和EF Core上下文之间共享代码的项目。
首先,我们需要创建一个新的共享项目,并将其添加到我们的解决方案中。然后,我们将数据模型类添加到共享项目中。
下面是一个示例,展示了如何将数据模型代码放在共享项目中。
共享项目中的数据模型类:
namespace Shared.Models
{
public class Employee
{
public int Id { get; set; }
public string Name { get; set; }
public bool IsActive { get; set; }
}
}
在客户端项目中,我们需要将共享项目添加到引用中,以便我们可以使用其中的数据模型类。在我们的组件类中,我们可以像下面这样使用共享项目中的数据模型类:
@page "/employees"
@using Shared.Models
@inject HttpClient Http
Employees
@if (employees == null)
{
Loading...
}
else if (employees.Count == 0)
{
No employees found.
}
else
{
Id
Name
IsActive
@foreach (var employee in employees)
{
@employee.Id
@employee.Name
@(employee.IsActive ? "Yes" : "No")
}
}
@code {
private List employees;
protected override async Task OnInitializedAsync()
{
employees = await Http.GetFromJsonAsync>("api/employees");
}
}
在