Blazor继承组件中更新注入类属性的技术实现咨询

嘿，我看你在Blazor的继承组件架构里，想实现基类页面更新注入到子类的模型类属性（比如获取登录用户名赋值），现在卡在子类和基类的模型关联上对吧？咱们来一步步调整你的代码，把这个问题解决掉：

首先，先明确核心需求：让基类通过AuthenticationStateProvider拿到登录用户信息，然后把用户名赋值给子类注入的HomeModel实例的属性，同时子类能正常使用这个更新后的属性做业务逻辑。

第一步：确保模型类的依赖注入注册 #

首先要在你的Program.cs里把HomeModel注册为服务，这样DI容器才能正确注入实例，推荐用Scoped生命周期（对应用户会话级实例）：

builder.Services.AddScoped<HomeModel>();

第二步：重构基类组件（BaseRazor.razor） #

原来的基类里用了一个字段baseModel，这容易导致子类实例关联混乱，咱们改成抽象属性的方式，让子类必须提供具体的模型实例，基类只负责通用逻辑（比如获取用户名赋值）：

@inject AuthenticationStateProvider asp
@code {
    // 定义抽象属性，强制子类提供具体的BaseModel实现类实例
    protected abstract BaseModel CurrentModel { get; }

    protected override async Task OnInitializedAsync()
    {
        var authState = await asp.GetAuthenticationStateAsync();
        var user = authState.User;
        // 直接操作子类提供的CurrentModel，赋值用户名
        CurrentModel.SetUsername(user.Identity?.Name);
    }
}

第三步：修改子类组件（Home.razor） #

子类只需要注入HomeModel，然后实现基类的抽象属性，把注入的实例关联上去，剩下的逻辑基类会帮你处理：

@inherits BaseRazor
@inject HomeModel homeModel

<h1>@homeModel.Username</h1>
<button @onclick=Click>Click Me</button>

@code {
    // 实现基类的抽象属性，关联到注入的HomeModel实例
    protected override BaseModel CurrentModel => homeModel;

    protected override async Task OnInitializedAsync()
    {
        // 直接调用基类的初始化方法就行，不用再手动赋值baseModel了
        await base.OnInitializedAsync();
    }

    void Click()
    {
        homeModel.DoWorkWithUsername();
    }
}

备选方案：用可设置的属性替代抽象属性 #

如果你不想用抽象属性（比如有些子类可能不需要这个逻辑），也可以把基类的属性改成可设置的，让子类手动注入后赋值：

重构后的BaseRazor.razor

@inject AuthenticationStateProvider asp
@code {
    // 改成可设置的属性，子类注入后赋值
    public BaseModel? CurrentModel { get; set; }

    protected override async Task OnInitializedAsync()
    {
        // 先判断是否赋值，避免空引用
        if (CurrentModel == null)
            throw new InvalidOperationException("请先给CurrentModel赋值再调用基类初始化方法");
        
        var authState = await asp.GetAuthenticationStateAsync();
        var user = authState.User;
        CurrentModel.SetUsername(user.Identity?.Name);
    }
}

对应的Home.razor修改

@inherits BaseRazor
@inject HomeModel homeModel

<h1>@homeModel.Username</h1>
<button @onclick=Click>Click Me</button>

@code {
    protected override async Task OnInitializedAsync()
    {
        // 先把注入的homeModel赋值给基类的CurrentModel
        CurrentModel = homeModel;
        // 再调用基类的初始化方法
        await base.OnInitializedAsync();
    }

    void Click()
    {
        homeModel.DoWorkWithUsername();
    }
}

关键注意事项 #

• 一定要确保HomeModel的生命周期设置正确，Scoped是最适合的（Blazor Server对应每个SignalR连接，WebAssembly对应每个用户会话），这样整个会话里的实例是同一个，属性更新会同步生效；
• 绝对不要在基类或者子类里手动new模型实例，因为DI容器管理的实例和你手动new的是两个不同的对象，会导致属性更新后子类看不到变化；
• 抽象属性的方式更符合面向对象的开闭原则，以后如果有其他继承BaseModel的模型类（比如OrderModel、UserModel），都可以复用这个基类的逻辑，不需要修改基类代码。

内容来源于stack exchange