先端のお姉さんに楽しくフォームを開発させます


フロントエンドのお姉さん:“新しい業務の機能はまた大量のフォームが開発して、私に効率的で楽しくこの任務を完成させる方案がありますか?”
ああ、私は考えて、配置開発の理念、比較的に適しているべきで、しかもコミュニティもこのような理念のオープンソースプロジェクトがたくさんあります
フロントエンドのお姉さん「配置開発理念とは何ですか?」
JSON構成データを簡単に定義してフォームを開発するだけです
前端のお姉さん:“すばらしいです、私はsearchに行って先を下ります”
しばらくして~~
前端のお姉さん:「本当に多いですね.でも、どれを選んだらいいですか.」
では、コンセプトフォーム開発の選択についてお話ししましょう.
1.ヘルプドキュメント
これは欠かせない,文書がなければ,だれが使うことができようか.
2.直感的特性展示
最初から冷たい文字を読むのに多くの時間を費やして、自分の想像力を発揮したくない.
超直感的で超便利な方法で、ほとんどの特性やすべての特性を示すことが望ましい.
3.開梱即用
一般的なシーンの大部分を満たすために、公式によく使われるフォームコントロールとチェックルールを持っているほうがいいです.自分で拡張する必要はありません.
たとえば、次のコンポーネントがよく使用されます.
たとえば、次のチェックルールがよく使用されます.
4.拡張性
政府は、どんなに多くのコンポーネントと検証ルールを提供しても、すべてのビジネスシーンを満たすことはできません.そのため、開発者が自分のフォームコンポーネントと検証ルールをカスタマイズすることを友好的に(簡単に)サポートする必要があります.
5.複雑なデータ構造をサポートする
1つのフォーム・データ構造では、{name: 'daniel', age: 18}などの単純な1レベルのプロパティのみのオブジェクト・タイプに加えて、実際には多くのシーンがそうである可能性があります.
{
  "name": {
    "firstName": "daniel",
    "lastname": "xiao"
  }
}

そうかもしれません.
{
  "name": "daniel",
  "hobbies": [
    {
      "id": 1,
      "name": "Coding"
    },
    {
      "id": 2,
      "name": "Singing"
    }
  ]
}

一言でまとめると、配列タイプ、オブジェクトネストオブジェクト、オブジェクトネスト配列をサポートし、配列の項目は通常タイプまたはオブジェクトタイプまたは配列タイプです.
6.フォームコントロール間のインタラクション
私が言いたいのは、1つのフォームは、フォームのコントロールを位置によって静かに置くのではなく、コントロールの間には独立していません.コントロールの間にはインタラクションがあります.
ここでは、代表的なシーンをいくつか挙げます.
  • 「同意しないと続行できない」タイプ
  • 「シティセレクタ」タイプ
  • 「18歳以上必須」タイプ
  • 「日付比較」タイプ
  • 「フルネーム自動記入」タイプ
  • もうたくさんあるような気がしますが、一つ一つ挙げません.
    だから、先端のお姉さん、候補のオープンソース項目が上記の条件を満たすことができれば、使えます.
    前端のお姉さん:「ああ、お勧めはありますか?」
    もちろん...
    ははは、次は広告の时間です.もし皆さんが以上の選択条件が合理的だと思ったら、ncformはいい選択です.
    ncformは、フォームUIとそのインタラクティブな動作を構成するだけで、快適なフォーム開発方式です.
    豊富な標準コンポーネントと検査ルールを備えており、開梱してすぐに使用できます.
    強力なコントロールのインタラクションと拡張能力を備え、あなたの考えをします.
    公式Githubを訪問してもっと知りましょう.https://github.com/ncform/ncform
    tags: vue, form, json-schema, generator