如何通过代码生成工具同步ASP.NET Core 6与Angular 14的验证逻辑？

1. 基于OpenAPI工具自动生成带验证的Angular模型 #

ASP.NET Core 6自带Swagger/OpenAPI文档生成能力，借助成熟的代码生成工具，能直接从OpenAPI规范中提取后端验证规则，自动生成带Angular内置验证器的模型类与验证配置。

• NSwag：配置NSwag CLI或Visual Studio扩展时，开启generateValidationKeywords参数，它会识别ASP.NET Core的[Required]、[StringLength]、[Range]等验证特性，自动转换成Angular对应的Validators.required、Validators.maxLength、Validators.min/max等验证器。生成的模型类会附带静态验证规则方法，示例如下：

  export class UserModel {
    name?: string;
    age?: number;
  
    static validationRules() {
      return {
        name: [Validators.required, Validators.maxLength(50)],
        age: [Validators.min(18), Validators.max(100)]
      };
    }
  }
  

• Swagger Codegen：通过指定Angular代码生成参数，开启验证规则转换，生成的模型会包含对应的验证装饰器或配置对象，直接用于表单验证。

2. 自定义T4模板生成验证逻辑 #

如果需要更定制化的规则映射，可以编写T4模板，通过反射读取ASP.NET Core模型类的验证特性元数据，直接输出Angular验证代码。

• 模板中遍历目标项目的模型类，针对每个属性的验证特性做映射：
  • 识别[Required]生成Validators.required
  • 识别[StringLength(100)]生成Validators.maxLength(100)
  • 识别[Range(0, 100)]生成Validators.min(0), Validators.max(100)
• 输出包含验证配置的TypeScript模型文件，或单独的验证服务类，供Angular组件直接调用。

3. 后端暴露验证元数据API，前端动态构建验证规则 #

编写ASP.NET Core接口，通过反射读取模型类的验证特性，返回结构化的验证规则元数据（如属性名、验证类型、参数）。Angular端调用该接口，动态构建表单验证器。

• 后端示例代码：

  [HttpGet("validation-metadata/{modelName}")]
  public IActionResult GetValidationMetadata(string modelName)
  {
    var modelType = Assembly.GetExecutingAssembly().GetType($"YourNamespace.Models.{modelName}");
    if (modelType == null) return NotFound();
  
    var metadata = new Dictionary<string, List<object>>();
    foreach (var prop in modelType.GetProperties())
    {
      var validators = prop.GetCustomAttributes<ValidationAttribute>();
      var rules = validators.Select(v => new { 
        Type = v.GetType().Name, 
        Params = new { 
          MaxLength = (v as StringLengthAttribute)?.MaximumLength,
          Min = (v as RangeAttribute)?.Minimum,
          Max = (v as RangeAttribute)?.Maximum
        } 
      }).ToList();
      metadata[prop.Name] = rules;
    }
    return Ok(metadata);
  }
  

• 前端示例代码：

  loadValidationRules(modelName: string) {
    this.http.get(`/api/validation-metadata/${modelName}`).subscribe(metadata => {
      const formControls: {[key: string]: FormControl} = {};
      Object.keys(metadata).forEach(key => {
        const rules = metadata[key].map(rule => {
          switch(rule.Type) {
            case "RequiredAttribute": return Validators.required;
            case "StringLengthAttribute": return Validators.maxLength(rule.Params.MaxLength);
            case "RangeAttribute": return Validators.min(rule.Params.Min), Validators.max(rule.Params.Max);
          }
        });
        formControls[key] = new FormControl('', rules);
      });
      this.form = new FormGroup(formControls);
    });
  }
  

注意事项 #

• 自定义验证特性需要手动添加前后端的规则映射，确保逻辑一致。
• 生成代码后，建议通过部分类、扩展文件等方式保留自定义修改空间，避免生成操作覆盖手动调整内容。
• 可将代码生成步骤加入CI/CD流程，定期同步模型变更，保证前后端验证规则始终一致。

内容的提问来源于stack exchange，提问作者g.pickardou