如何基于ModelClass构建含手动及动态添加字段的Form表单？

我来帮你搞定这个混合了手动固定字段和动态字段的表单构建需求。结合你给出的ModelClass定义和FormBuilder的基础代码，咱们可以这样完善BuildApplyform方法，同时兼顾固定字段的特性解析和动态字段的生成：

1. 手动添加固定字段（基于ModelClass的特性） #

首先，我们可以利用ModelClass中属性的[Prompt]特性，将URL和Title作为固定字段添加到表单里。这部分字段是预先定义好的，不需要动态生成。

2. 动态添加JSON解析后的字段 #

假设你已经完成了JSON字符串的解析（比如解析成一个JObject或动态对象），我们可以遍历这个解析后的对象，把每个键值对转化为表单字段。

完整代码示例 #

public class FormBuilder<TModel> where TModel : class, new()
{
    private readonly FormBuilder<TModel> _formBuilder;
    private readonly TModel _model;
    private JObject _dynamicFieldsJson; // 存储解析后的JSON内容

    public FormBuilder()
    {
        _model = new TModel();
        _formBuilder = this;
    }

    public void BuildApplyform(string jsonString)
    {
        // 步骤1：解析JSON字符串（你提到已完成此步骤，这里示例解析为JObject）
        _dynamicFieldsJson = JObject.Parse(jsonString);

        // 步骤2：手动添加ModelClass中的固定字段，读取Prompt特性作为标签
        AddFixedField(nameof(ModelClass.URL));
        AddFixedField(nameof(ModelClass.Title));

        // 步骤3：动态添加JSON中的字段
        AddDynamicFields();
    }

    // 辅助方法：添加固定字段并解析Prompt特性
    private void AddFixedField(string propertyName)
    {
        var propertyInfo = typeof(ModelClass).GetProperty(propertyName);
        if (propertyInfo == null) return;

        // 获取Prompt特性的提示文本，没有则用属性名作为默认标签
        var promptAttr = propertyInfo.GetCustomAttribute<PromptAttribute>();
        var labelText = promptAttr?.PromptText ?? propertyName;

        // 根据实际表单组件类型添加字段，这里示例为文本框
        _formBuilder.AddField(labelText, propertyName, FieldType.TextBox);
    }

    // 辅助方法：遍历JSON动态生成字段
    private void AddDynamicFields()
    {
        if (_dynamicFieldsJson == null) return;

        foreach (var property in _dynamicFieldsJson.Properties())
        {
            var fieldName = property.Name;
            var fieldValue = property.Value?.ToString();
            var labelText = $"Dynamic Field: {fieldName}"; // 可自定义动态字段的标签规则

            // 根据JSON值的类型选择对应表单控件，这里默认用文本框
            _formBuilder.AddField(labelText, fieldName, FieldType.TextBox, fieldValue);
        }
    }
}

// 假设的Prompt特性定义（如果未定义的话）
public class PromptAttribute : Attribute
{
    public string PromptText { get; }

    public PromptAttribute(string promptText)
    {
        PromptText = promptText;
    }
}

// 你的ModelClass定义
public class ModelClass
{
    [Prompt("URL?")]
    public string URL { get; set; }

    [Prompt("Name?")]
    public string Title { get; set; }
}

// 假设的字段类型枚举和AddField扩展方法（根据你的FormBuilder实际实现调整）
public enum FieldType
{
    TextBox,
    DropDown,
    CheckBox
    // 可扩展更多字段类型
}

public static class FormBuilderExtensions
{
    public static FormBuilder<TModel> AddField<TModel>(this FormBuilder<TModel> builder, string label, string name, FieldType type, string defaultValue = null)
    {
        // 这里替换为你实际的表单字段添加逻辑，比如生成HTML元素、加入控件集合等
        Console.WriteLine($"Added field: Label={label}, Name={name}, Type={type}, Value={defaultValue}");
        return builder;
    }
}

代码说明 #

• 固定字段处理：通过反射读取ModelClass的属性及其[Prompt]特性，自动获取字段的标签文本，保证表单字段和Model定义的一致性，后续新增固定字段只需在Model中添加带特性的属性即可。
• 动态字段处理：遍历解析后的JSON对象，自动生成对应字段，你可以根据JSON值的类型（如数字、布尔值）调整对应的表单控件类型（如数字输入框、复选框），适配不同的动态数据场景。
• 扩展性：固定字段和动态字段的逻辑完全解耦，后续修改任意一方都不会影响另一方的实现。

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