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