サーバー側とクライアント側の間でフィールド制約を共有する

私は次のアプローチを使用することにしました。Questionプロパティを持つモデルクラスがあるとしますbody。

@Entity
@Table(name = "Questions")
public final class Question {

    // other properties & code

    private String body;

    // other properties & code
}

また、本体の長さを1024シンボルに制限し、この制限をサーバーで1回だけ定義し、アプリケーションのバックエンドとフロントエンドでこの制限を使用します。

サーバー側では、モデルクラスでQuestion、すべてのクラスプロパティのサイズ制限を含む静的マップを定義します。

@Entity
@Table(name = "Questions")
public final class Question {

    private static class ModelConstraints {
        static final int MAX_BODY_LENGTH = 1024;
        // limits for other fields are going here
    }

    private static final Map<String, Integer> modelConstraintsMap;

    static
    {
        final Map<String, Integer> localConstraintsMap = new HashMap<>();
        localConstraintsMap.put("MAX_BODY_LENGTH", ModelConstraints.MAX_BODY_LENGTH);
        // .... putting all constants from ModelConstraints to the map here

        // composing unmodifable map    
        modelConstraintsMap = Collections.unmodifiableMap(localConstraintsMap);
    }

    @Column(length = ModelConstraints.MAX_BODY_LENGTH, nullable = false)
    @Size(max = ModelConstraints.MAX_BODY_LENGTH)
    private String body;

    // other properties and code

    public static Map<String, Integer> getModelConstraintsMap() {
        return modelConstraintsMap;
    }   

    // other properties and code
}

内部クラスにModelConstraintsは、関連するすべてのモデルプロパティの最大長の値の定義が含まれています。

静的ブロックで、これらの制約を含む変更不可能なマップを作成し、このマップをパブ​​リックメソッドを介して返します。

コントローラーには、モデルクラスに関連して、プロパティの長さの制約を返すレストエンドポイントを追加します。

@RequestMapping(path = "/questions/model-constraints", method = RequestMethod.GET, produces = "application/json")
public ResponseEntity<Map<String, Integer>> getModelConstraints() {
    return new ResponseEntity<>(Question.getModelConstraintsMap(), HttpStatus.OK);
}

このメソッドは、プロパティの長さの制約を持つマップのjson表現を返します。

（角度のある）fron-tendでは、このエンドポイントを呼び出しmaxlengthて、モデルクラスプロパティに関連するフォームフィールドのプロパティを設定します。

コンポーネントのtypescriptファイルに、このメソッドを追加して呼び出します。

  loadConstraints() {
    var url: string = "/questions/model-constraints";
    this.http
      .get(url)
      .subscribe((data: Map<string, number>) => (this.modelConstraints = data));
  }

また、このメソッドの呼び出し後、コンポーネントプロパティmodelConstraintsにはフィールド長の制約を持つマップが含まれます。

これらの制約はコンポーネントテンプレート（html）ファイルで設定します。

  <textarea
    matInput
    rows="7"
    placeholder="Question body"
    maxlength="{{ modelConstraints['MAX_BODY_LENGTH'] }}"
    [(ngModel)]="questionBody"
  ></textarea>

それでおしまい。このアプローチを使用すると、サーバーでフィールド長を1回だけ定義し、サーバーとクライアントでこの定義を使用できます。