【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是一样的