
私はJavaScript開発者であり、最近Ext JSでアプリケーションを開発しています。 インターフェイスを視覚化するために、JSONデータをインターフェイスに取り込む必要がある場合があります。 最初は、必要なデータを生成するためにPHPで小さなスクリプトを作成しましたが、すぐにますます時間がかかり始め、このアプローチを放棄しました。 その後、* .jsonデータファイルの作成を開始しましたが、多くの場合、美のために一意のIDと、可能であれば一意のデータを持つフィールドが必要でした。 確かに、特に100個以上のオブジェクトの配列で、フィールドに一意の値を割り当てても意味がありません。
そして、このプロセスを少し自動化することにしました。
私はよくJson Parser Onlineサービスを使用します 。 サーバーからの応答を解析し、JSONを美しいツリーにフォーマットするときに非常に便利です。 しかし、残念ながら、それを生成することはできません。 このプロジェクトに触発され、日常業務にうんざりしていた私は、数日でJSONを生成するための小さなJson Generatorサービスを作成しました。
実装
見た目は、Json Parserに似ています-このようなデザインは私にとってあまりにも便利でした。 サービスは純粋なJavaScriptで記述されています。 使用されるサードパーティライブラリは1つだけです(Douglas CrockfordのJSON-js) 。 このページには、クローンオブジェクトのテンプレートフィールドと生成されたデータのフィールドの2つのフィールドがあり、ツリー形式で表示されます。 テンプレートフィールドでは、JSONが有効である必要があります。 生成されたデータは、このオブジェクトに囲まれています。
{ "id": 1, "jsonrpc": "2.0", "total": 5, // "result": [ // ] }
スクリプトはいくつかの変数を理解します:
- int $ incr (1からカウント)
- int $ randInt(a、b) (aからbまでの範囲のランダムな整数)
- boolean $ bool (ランダムなtrue / false)
- string $ firstName / $ lastName (ランダムなロシア語の名前/姓。現時点では、ランダムに100が選択されています)
- string $ company (100のうちランダムな会社名)
- string $ phone (ロシアのランダムな電話番号)
- string $ email (ランダムなメールアドレス。$ nameおよび$ companyを含むオブジェクトフィールドの値に応じて生成されます)
- 文字列 $日付 (ランダムな日付)
- 配列 フィールド名 ( 配列 内の要素の数は変数repeat:int countによって制御されます )
テンプレートには、任意のコンテンツを持つ任意のフィールドを追加できます-それらは変更されません。 ジェネレーターは、あらゆるレベルのオブジェクトのネストを理解します。変数を含むネストされたオブジェクトのすべてのフィールドについて、新しいデータが生成されます。
中央のツールバーは以下で構成されています:
- 生成された配列の長さを入力するフィールド
- 生成開始ボタン
- フィールドリセットボタン
- 新しいデータを含むフィールドのテキストを強調表示するためのボタン
PS
プロジェクトはまだ湿っていますが、時間を節約できます。 将来的には改善し、新しいパンを追加する予定です。 誰かがこのサービスが自分自身に役立つことを願っています。 ご清聴ありがとうございました!
UPD
オブジェクトの配列を生成する機能が追加されました。 サイズは変数repeat:int countによって制御されます 。 配列オブジェクトのすべてのフィールドには、他の変数を含めることができます。 新しいテンプレートで例を見ることができます。 先端をありがとうタリバン :)