10月20日(月)1コマ目

今日、やったこと

ViewModelをつかう

今日のホワイトボード

コントローラーからビューにデータを渡す方法

今までは　ViewData　を使っていた。


ViewDataは

  • キーを間違えると実行時エラー
  • キャストを間違えると実行時エラー

のように、実行時エラーが発生する可能性がある。

※実行しないとエラーかどうかがわからないのはやめたい

図　ViewDataの問題点


そこで、　ViewModel　を使う。

ViewModelはコントローラーからビューに渡すデータをひとまとめにできるクラス。

ビュー側では

  • @modelでビューモデルの型を指定する
  • Modelでビューモデルにアクセスできる

図　ViewModel


前回の検索アプリケーションから改造したファイルをあげておきます。

[モデル]Models/SearchViewModel.cs

コントローラーからビューに渡すデータをまとめて扱うためのクラス。


[コントローラー]Controllers/SearchController.cs

ビューモデル(SearchViewModelクラス)のインスタンスを、ビューに渡すには　retuen View( model )　のように、引数で渡す。


[ビュー]Views/Search/Index.cshtml

@modelでコントローラーから渡されるビューモデルの型を指定する。

Modelでビューモデルのインスタンスにアクセス可

 

練習問題のヒント

選択リストに　「選択してください」　を追加する。

図　選択リストに「選択してください」を追加


次回は

練習問題5の解説と新ネタLINQ。

このブログの人気の投稿

1月19日(月)1コマ目

 今日、やったこと [練習問題]ASP.NET Core MVC + LINQ 第1段階～第4段階 今日のホワイトボード 練習問題の正解例をあげておきます。 [練習問題]ASP.NET Core MVC + LINQ 第1段階 [Model]Models/Area.cs [Model]Models/WeatherData.cs [Model]Models/WeatherDataViewModel.cs [Model]Data/WeatherDataDbContext.cs [Controller]Controllers/WeatherDataController.cs [View]Views/WeatherData/Index.cshtml [練習問題]ASP.NET Core MVC + LINQ 第2段階 [Model]Models/Area.cs コンストラクタを追加。 [Model]Models/WeatherData.cs 第1段階と同じ。 [Model]Models/WeatherDataViewModel.cs 最低気温・最高気温用プロパティを追加。 [Model]Data/WeatherDataDbContext.cs 第1段階と同じ。 [Controller]Controllers/WeatherDataController.cs 観測地で最低気温・最高気温を検索する機能を追加。 [View]Views/WeatherData/Index.cshtml 観測地で最低気温・最高気温を検索する機能を追加。 [練習問題]ASP.NET Core MVC + LINQ 第3段階 [Model]Models/Area.cs 第2段階と同じ。 [Model]Models/WeatherData.cs 第1段階と同じ。 [Model]Models/TempData.cs 観測地の最低気温、最高気温を受け渡しするためのクラス。 [Model]Models/WeatherDataViewModel.cs 各観測地の最低気温・最高気温のリストのプロパティを追加。 [Mod...
続きを読む

10月27日(月)1コマ目

イメージ
今日、やったこと [練習問題　解説]練習問題5(ViewModelを使う) LINQ 今日のホワイトボード [練習問題　解説]練習問題5(ViewModelを使う) コントローラからビューにデータを渡す際、ViewDataではなく、ViewModelを使う。 ソースコードをあげておきます。 [モデル]Models/Maker.cs  製造メーカーマスタテーブル対応クラス。 [モデル]Models/Genre.cs  製造ジャンルマスタテーブル対応クラス。 [モデル]Models/Camera.cs  製品マスタテーブル対応クラス。 [モデル]Models/SearchViewModel.cs  ViewModelクラス。このクラスを使って、コントローラからビューにデータを渡すときは、このクラスを使う。 [コントローラ]Controllers/SearchController.cs コントローラからビューに渡すデータは、SearchViewModelクラスをつかっている。 [ビュー]Views/Search\Index.cshtml @model 　でコントローラから渡されるViewModelの型を指定。 コントローラから渡されたViewModelは　 Model 　でアクセス可能。 LINQ LINQは、.Netでコレクションのデータを操作するためのライブラリ。 メソッド構文とSQLに似たクエリ構文がある。この授業では、クエリ構文を使う。 今まで使っていたEntityFrameworkCore＋LINQでDBアクセスを行う。 サンプルプログラム DBアクセスに関する部分は今まで作ってきたMVCモデルのアプリケーションとほぼ同じ。 Webにするほどではないので、コンソールアプリで作成した。 パッケージのインストール 今までと同じように、"NuGetパッケージの管理"で以下の２つのパッケージをプロジェクトにインストール。 Microsoft.EntityFrameworkCore Oracle.EntityFrameworkCore [モデル]Group.cs ...
続きを読む

1月26日(月)1、2コマ目

イメージ
今日、やったこと [評価用課題作成]ASP.NET Core MVC + LINQ(検索サイト) ASP.NET Core MVC + EntityFramework Core(更新サイト) 今日のホワイトボード [評価用課題作成]ASP.NET Core MVC + LINQ(検索サイト) 正解例をあげておきます。 [Model]Models/Area.cs 観測地マスタテーブル情報受け渡し用クラス 前回 の練習問題と同じ。 [Model]Models/WeatherData.cs 観測データテーブル情報受け渡し用クラス 前回 の練習問題と同じ。 [Model]Models/Result.cs 検索結果1件分を受け渡しするときに使うクラス。 [Model]Models/WeatherDataViewModel.cs コントローラーからビューへデータを渡す際に使うクラス。 [Model]Data/SushiDbContext.cs DBアクセス担当クラス。 前回 の練習問題と同じ。 [Controller]Controllers/WeatherDataController.cs クライアントからのリクエスト受付のためのクラス。 GETコマンドリクエスト時は何もすることはない。 ビューに渡すデータもない。 -> return View() [View]Views/WeatherData/Index.cshtml ASP.NET Core MVC + EntityFramework Core(更新サイト) 以前はプログラム中にSQLを書いて、SQL実行して、DB変更、登録、削除を行っていた。 EntityFrameworkを使えば、プログラム中にSQLを書かずにDB更新ができる。 このEntityFrameworkCoreはO/Rマッピングツールの１つで、O(=Object=クラス)とR(=Relation=リレーショナルDB)の仲介をしてくれる。 O/Rマッピングツールを使ってDB更新を行ってみる。 図　DB更新 画面は以下のように、商品を編集可能な一覧表示する。 図　画面 入力、選択項目が多い、可変から、コントローラーの引数で受け取ることは厳...
続きを読む