オンラインJSONジェネレーター

画像 ご挨拶!



私は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": [ //  ] }
      
      





スクリプトはいくつかの変数を理解します:



テンプレートには、任意のコンテンツを持つ任意のフィールドを追加できます-それらは変更されません。 ジェネレーターは、あらゆるレベルのオブジェクトのネストを理解します。変数を含むネストされたオブジェクトのすべてのフィールドについて、新しいデータが生成されます。



中央のツールバーは以下で構成されています:



PS


プロジェクトはまだ湿っていますが、時間を節約できます。 将来的には改善し、新しいパンを追加する予定です。 誰かがこのサービスが自分自身に役立つことを願っています。 ご清聴ありがとうございました!



UPD


オブジェクトの配列を生成する機能が追加されました。 サイズは変数repeat:int countによって制御されます 。 配列オブジェクトのすべてのフィールドには、他の変数を含めることができます。 新しいテンプレートで例を見ることができます。 先端をありがとうタリバン :)



All Articles