株式会社インデペンデンスシステムズ横浜システム開発エンジニアの西田五郎が運営しております。その他新規開発案件のご依頼をお待ちしております。APIでデータ蓄積というテーマで以下から始まるシリーズを書きました。以下のページが概要です。APIとは以下の各ページで事前準備的にMVCのそれぞれの個別のテーマについて書きました。APIテンプレートからプロジェクトを構築してデータ蓄積機能を実装しました。Piからの温度データ蓄積をテストしました。Piからの温度データ蓄積その結果が以下のグラフです。2時間ほどですが温度データの記録です。そのプロジェクト一式が以下です。(※単なるサンプルプログラムです。ご利用による不具合、不利益等について弊社は一切責任を負わないものとします。確かにグラフを表示するところまで出来ましたが、このグラフはデータベースを管理ツールから直接コピーペーストでExcelにコピーしてExcelでチャート表示したものです。Piからのデータが蓄積出来ているかどうかもデータベースを管理ツールで確認していました。これではさすがに機能が物足りないかなということでもう少し続きとして書いてみます。今回は最終的に以下のように表示するページを作成します。上記画像のような表示で温度データが蓄積されているかどうか確認出来るページを作成します。APIテンプレート(認証なし)から始めました。MVCのViewとControllerも使えます。MVCのViewとControllerで温度データ(のモデル)を表示してみます。上記のプロジェクト一式の状態からスタートします。コントローラとビューを追加します。アイテム]を選択します。コントローラ」を選択します。モデル関連の項目で温度データに関連するクラスを選択します。ビルド実行後、ビルドエラーがないことを確認して実行します。スタートページが表示されますので、以下のようなURL(※ポート番号は例です)を直接入力します。ポイントはもちろんコントローラの名称です。上で追加したコントローラの名称です。http://localhost:62205/TemperatureDatasDisplay以下のように表示されました。これで少なくとも温度データの表示が出来ました。これをカスタマイズしていきます。温度データの表示ページ(スキャフォールディング)のカスタマイズ項目名を表示します。上記の段階ではモデルのプロパティ名で表示されている項目名を日本語で表示されるようにします。ここではモデルのアノテーションで対応します。以下のように設定しました。}}以下のようになりました。ページタイトルとデータ操作のリンクの削除ViewsフォルダのTemperatureDatasDisplayフォルダ配下のIndex.cshtmlを編集します。タイトルを編集して、ここでは使わないであろうと思われる、Create、Edit、Detailを削除しました。</tr>}</table>ヘッダ部分の表示アプリケーション名の変更と温度データの一覧のページのリンクを追加します。ViewsフォルダのSharedフォルダ配下の_Layout.cshtmlを編集します。以下は該当部分のみです。</div>以下のように表示出来ました。データの並び替え温度データを最新の順に並ぶように修正します。こちらはコントローラを修正します。TemperatureDatasDisplayController.csです。}以下のように表示出来ました。実際には検索の機能も必要になると思いますが、ここでは温度データが蓄積出来ているかどうか確認出来ればということでここまでにします。最終的な今回のプロジェクトは以下です。(※単なるサンプルプログラムです。ご利用による不具合、不利益等について弊社は一切責任を負わないものとします。次回は今回の温度データのグラフ表示をするページを作成します。APIでデータ蓄積の7回目です。Identityフレームワーク)の3回目です。Azure(以下、Azureと表記します。SQLDBと表記します。Identityフレームワーク)の6回目です。前回は、メンバー専用エリアと管理者ページの各制限方法を確認しました。今回はロール管理を使ってみます。Identityフレームワーク)の9回目です。前回は、2要素認証を使ってみました。今回はパスワードリセットです。株式会社インデペンデンスシステムズ横浜システム開発エンジニアの西田五郎が運営しております。その他新規開発案件のご依頼をお待ちしております。