无名 发表于 2022-5-8 17:34:12

【L?S】ASP.NET Core Blazor 初探【六】

实现新增学生页面(/student/add)当点击列表页面的Add按钮的时候,需要导航至新增页面,导航直接使用a标签没有任何问题。   Add考虑到后面还有编辑页面,新增跟编辑页面整体是一样的,只是后台处理的逻辑不一样。既然Blazor支持组件化,那么这种重复的东西既然是封装为一个组件为好了。封装Edit组件我们把对学生信息编辑的功能抽象成一个组件叫做Edit。在student文件夹下新建一个component文件夹,在文件夹内新建Edit.razor文件:@using BlazorWebAssemblyApp.Model            Id                        Name                        Age                        Class                        Sex                        保存   @code{        public Student Student { get; set; }        public EventCallback OnSaveCallback { get; set; }    protected override Task OnInitializedAsync()    {      if (Student == null)      {            Student = new Student();      }      return Task.CompletedTask;    }    private void TrySave()    {      OnSaveCallback.InvokeAsync(Student);    }}
http://cdn.u1.huluxia.com/g4/M03/93/59/rBAAdl78C_WAOvQAAAKqv8KiwVM824.jpg
页: [1]
查看完整版本: 【L?S】ASP.NET Core Blazor 初探【六】