【L?S】ASP.NET Core Blazor 初探【五】
实现学生列表（student/list）因为新建成的项目会自动生成一些页面，为了减少干扰，先删掉点内容。简化MainLayout.razor，删除一些不必要的东西：@inherits LayoutComponentBase @Body 删除Index.razor的内容，就留一个page指令：@page "/"新建Model文件夹，用来存放Student模型，这里其实可以把Api网站的Student模型提取出来，作为公共的定义模块，为了简单就直接定义一个一模一样的吧： public class Student { public int Id { get; set; } public string Name { get; set; } public string Class { get; set; } public int Age { get; set; } public string Sex { get; set; } }新建一个student文件夹，在这个文件夹内新建一个List.razor文件：@page "/student/list"@using BlazorWebAssemblyApp.Model@inject HttpClient HttpList Add Id Name Age Sex Class @if (_stutdents != null) { foreach (var item in _stutdents) { @item.Id @item.Name @item.Age @item.Sex @item.Class 修改 删除 } }@code { private List _stutdents; protected override async Task OnInitializedAsync() { var students = await Http.GetFromJsonAsync>("/student"); this._stutdents = students; }}这个文件大体上看跟RazorPages的页面差不多，Html主体使用razor语法渲染。但是还是有很大的不同，让我们从头开始一个个的解释:@page "/student/list"@page指令指示这个页面的路由，当用户访问/student/list时就会路由到这个页面@using BlazorWebAssemblyApp.Model@using指令不多说了，引用namespace，这个跟Razor Pages是一样的http://cdn.u1.huluxia.com/g4/M02/93/58/rBAAdl78C6qAN-7jAAKqv8KiwVM742.jpg
页:
[1]