オンライン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によって制御されます 。 配列オブジェクトのすべてのフィールドには、他の変数を含めることができます。 新しいテンプレートで例を見ることができます。 先端をありがとうタリバン :)

Source: https://habr.com/ru/post/J132286/


All Articles