Blazor项目中无法保存用户选择的设置值问题求助

核心问题分析 #

1. 每次获取全新实例：你在渲染和保存时都调用BMSettingData.GetBMSettings()，这个方法每次都会返回一个全新的List<BMSetting>实例，用户修改的只是临时对象，不会被持久保留。
2. 单向绑定未同步输入：输入控件使用的是单向赋值（value="@setting.IntValue"），没有启用Blazor的双向绑定，用户的修改不会同步到BMSetting对象的属性中。
3. 保存逻辑重复获取默认值：保存时再次调用GetBMSettings()拿到的还是初始默认值，自然无法捕获用户修改后的内容。

分步解决方案 #

1. 组件内维护持久化的设置列表

在Razor组件的@code块中初始化一次设置列表，确保整个组件生命周期内操作的是同一组实例：

@code {
    // 仅在组件初始化时获取一次设置，后续操作都基于这个列表
    private List<Kernel.BMSettings.BMSetting> _settings = Kernel.BMSettings.BMSettingData.GetBMSettings();

    // 简化后的保存方法
    private List<Kernel.BMSettings.BMSetting> GetSelectedSettings()
    {
        // 直接过滤组件内的_settings，无需重新创建对象
        return _settings.Where(s => s.IsActive).ToList();
    }

    // 示例：保存到JSON文件的逻辑
    private async Task SaveToJson()
    {
        var selectedSettings = GetSelectedSettings();
        var json = System.Text.Json.JsonSerializer.Serialize(selectedSettings);
        await File.WriteAllTextAsync("appsettings.json", json);
    }
}

2. 启用Blazor双向绑定

将输入控件的单向赋值改为双向绑定，确保用户输入自动同步到属性：

<div class="row">
    @foreach (var setting in _settings)
    {
        <div class="col-md-6">
            <label>@setting.Name</label>
        </div>
        <div class="col-md-6">
            @if (setting.IsActive)
            {
                @switch (setting.DefaultValue)
                {
                    case int _:
                        <input type="number" class="form-control" @bind-Value="@setting.IntValue" />
                        break;
                    case bool _:
                        <input type="checkbox" class="form-check-input" @bind-checked="@setting.BoolValue" />
                        break;
                    default:
                        <input type="text" class="form-control" @bind-Value="@setting.StringValue" />
                        break;
                }
            }
            else
            {
                <span>Inactive</span>
            }
        </div>
    }
</div>

<button class="btn btn-primary mt-3" @onclick="SaveToJson">保存设置</button>

3. 修正BMSetting类的冗余代码

StringValue属性的ToString()调用是冗余的，直接返回字符串即可：

public class BMSetting
{
    public string Name { get; set; }
    public bool IsActive { get; set; }
    public object DefaultValue { get; set; }

    public int IntValue
    {
        get => DefaultValue is int intValue ? intValue : 0;
        set => DefaultValue = value;
    }

    public bool BoolValue
    {
        get => DefaultValue is bool boolValue ? boolValue : false;
        set => DefaultValue = value;
    }

    public string StringValue
    {
        get => DefaultValue?.ToString() ?? string.Empty;
        set => DefaultValue = value;
    }
}

关键修改说明 #

• 组件内维护_settings字段，避免每次操作都获取全新实例，确保修改的是同一组对象
• 使用@bind-Value和@bind-checked实现双向绑定，用户输入会自动同步到BMSetting的属性
• 保存时直接使用组件内的_settings列表，无需重新创建对象，即可获取修改后的值

内容的提问来源于stack exchange，提问作者user17940106