Q&A
どのプロジェクトテンプレートを使ってるのかぐらい書きましょう。
提示されているコードもほぼ何も書いてない状態です。
丸投げじゃなくて作れるところまで作りましょう。
https://teratail.com/help/question-tips
JSON形式で取得した配列データをHTMLでテーブルに表示させたい。
こんにちは。
現在、C#を使用してPDFの画面作成を行っております。
PDFの画面にはHTMLを使用して画面のレイアウトを修正している状況です。
そこでJSON形式で取得した配列データをHTMLのテーブルに表示しようとしていますが、うまくいきません。
どこから手を付ければいいかもわからない状況です。
以下のことを要件を踏まえて作成のアドバイスをいただけないでしょうか。
・JSONで取得するpeoplelist以下のデータ数(配列数)は固定数ではない。
以下が今回HTMLで作成したい> 引用テキスト図です。
| 名前 | 出身 | 趣味 |
|---|---|---|
| 田中 | 東京 | サッカー |
| 佐藤 | 名古屋 | 野球 |
| 鈴木 | 大阪 | バスケ |
取得するJSON形式のデータ "pepolelist": [ { "name": "田中" "place": "東京" "taste":"サッカー" } { "name": "佐藤" "place": "名古屋" "taste":"野球" } { "name": "鈴木" "place": "大阪" "taste":"バスケ" }
C#のコード var date; //上記のデータが格納されている string[]pepolelist = date.peopepolelist StringBuilder sbBuilder = new StringBuilder();
//ここHTMLのタグを入れていくことになります <html><body> </body></html>
環境
OS windows
visualstadio2017
使用ライブラリ PDF for .NET
よろしくお願いいたします。
何を作っているのですか？ C# が出てくるということは ASP.NET Web Forms アプリとか ASP.NET MVC アプリですか？ であればどっちか書いてください。そして ASP.NET のタグを付けてください。また、開発環境（OS, .NET, Visual Studio のバージョン、CORE か .NET Framework のどちらかなど）を書くようにしてください。
やりたいことの全体のシナリオ・ストーリーを書いてください。（例：ASP.NET MVC アプリで、ブラウザに表示された画像のボタンをクリックすると、Ajax を使ってサーバーから JSON 文字列を取得できる。その JSON 文字列を使ってブラウザに表を描画する・・・あくまで例です。質問者さんのやりたいことをこのような形で書いてください）
> 使用ライブラリ PDF for .NET
グレープシティの製品ですよね？ であれば、グレープシティのサポートに聞いてはいかがですか？
ここ Teratail で、たまたまそれを使って質問者さんがやりたい HTML コードを作るということをした経験のある人が通りかかって、親切に答えてくれるのを待って、期待する回答が得られるかどうか・・・
ただ、提示されている JSON 文字列から、table, th, tr, td タグを含めた html ソースの文字列を生成できれば後は質問者さんの方で処理できるということであれば、どのような table, th, tr, td タグ構造にすればいいかを詳しく書いてもらえば、答えられる人は多いと思いますが。
回答1件
0
ベストアンサー
アドバイスを、ということなので、JSON をクラスオブジェクトに変換するところまで説明します。
クラスオブジェクトに変換したらあとはなんとかなりますよね？
(1) JSON がおかしいのできれいなジャイアンJSONに整形しましょう。
「JSONきれい ～JSON整形ツール～」
https://tools.m-bsys.com/development_tooles/json-beautifier.php
(2) 整形した JSON 文字列をクリップボードにコピーしてクラスを作成します。
Visual Studio 2015 以上であれば、コードエディタを表示しておき
メニューから「編集」→「形式を選択して貼り付け」→「JSONをクラスとして貼り付ける」
で、こんなクラスができるはずです。
C#
1public class Rootobject 2{ 3 public Pepolelist[] pepolelist { get; set; } 4} 5 6public class Pepolelist 7{ 8 public string name { get; set; } 9 public string place { get; set; } 10 public string taste { get; set; } 11}
(3) System.Runtime.Serialization をプロジェクトの参照設定に追加します。
(4) JSON をクラスオブジェクトに変換(デシリアライズ)します。
「【C#】DataContractJsonSerializerでJSONを扱う」
https://husk.hatenablog.com/entry/2018/07/22/114301
の中の「2. デシリアライズ（JSON > Object）用メソッドを作成」から
C#
1public static T ToObject<T>(string json) 2{ 3 using (MemoryStream ms = new MemoryStream(Encoding.UTF8.GetBytes(json))) 4 { 5 var serializer = new DataContractJsonSerializer(typeof(T)); 6 return (T)serializer.ReadObject(ms); 7 } 8}
をコピーしてください。
(5) ToObject メソッドを実行して Rootobject クラスオブジェクトを作成します。
C#
1 var rootObject = ToObject<Rootobject>(JSONのデータ);
あとは、rootObject.Pepolelist を列挙して HTML を作成してください。
投稿2019/08/14 08:25
編集2019/08/14 10:53
総合スコア2626
あなたの回答
tips
プレビュー
