4月13日（木）1、2コマ目

今日、やったこと

  • GETコマンドとPOSTコマンドリクエスト時の違い
  • インスタンス生成
  • リクエスト時の処理

今日のホワイトボード

GETコマンドでリクエストすると

デバッグ実行やブラウザにURLを入力してページを表示する、リンクをクリックするとHTTPのGETコマンドでリクエストする。

GETコマンドでリクエストされるとOnGet()メソッドが動く。

図　GETコマンドでリクエスト=>OnGet()が動く


POSTコマンドでリクエストすると

ボタンクリックすると、HTTPのPOSTコマンドでリクエストする。

このとき、<form></form>内で入力、選択した内容も一緒に送信される。

POSTコマンドでリクエストするとOnPost()メソッドが動く。

クライアントから送信されたデータはOnPost()の引数で受け取ることができる。

なお、引数名とname属性値を一緒にする必要がある。

図　POST困んでリクエスト=>OnPost()が動く


インスタンス生成

ちょこちょこ登場するインスタンス生成とは、メモリ上にクラスに必要なエリアを確保すること。

下図では、　new Item()　でItemクラスのインスタンスを生成している。

図　Itemクラスのインスタンス生成

XXクラス型の変数はXXクラスに必要なサイズではない。インスタンス生成されて確保されたXXクラスのエリアへの参照情報が格納される。ポインタ変数。


下図では　ItemList.Add( )　でItemListに　Itemクラスのインスタンスを追加している。

Add()の引数には　new Item(xx, xx, xx)　となっている。Itemクラスのインスタンスを生成し、Add()メソッドに渡している。

図　ListクラスのItemListにItemクラスのインスタンスを追加


リクエスト時の処理

.Netでは、リクエスト毎にOnGet()やOnPost()のあるクラスのインスタンスを生成している。

1回目のリクエスト（下図ではGETコマンドでリクエスト）

①IndexModelクラスのインスタンスが生成

②OnGet()メソッドが動く

ここでItemListプロパティにListクラスのインスタンスが生成、セットされ、Itemクラスのインスタンスが追加される。

2回目のリクエスト（下図ではPOSTコマンドでリクエスト）

①IndexModelクラスのインスタンスが生成

②OnPost()メソッドが動く

OnGet()が動いていないため、ItemListプロパティはnullのまま。よって、エラー発生！！

図　リクエスト毎にインスタンスが生成される


エラー発生版

Item.cs

商品情報受け渡し用クラス。

商品情報の文字列を生成するToString()メソッドがある。

なお、ToString()メソッドには override をつける必要あり。（理由はそのうち話します）

 

Index.cshtml.cs

OnGet()メソッドにてItemListプロパティのインスタンス生成、要素追加をしている。


Index.cshtml

とくにややこしいことはないかと。


エラー解消版

変更したのはIndex.cshtml.cs。

コンストラクタ追加

コンストラクタにてOnGet()メソッドでやっていたItemListプロパティのインスタンス生成、要素追加



このブログの人気の投稿

6月27日（火）1、2コマ目

今日、やったこと [確認テスト]Razorページ課題8（前回のつづき） [確認テスト]おまけ1（〇×ゲーム) 今日の課題 [確認テスト]Razorページ課題8 ポイントはコーヒーとたべものの2つあるカートへボタン。 正解例をあげておきます。 Program.cs Sessionを使えるように。 SessionExtentions.cs いままでどおり。 Item.cs 商品(コーヒー、食べ物)情報受け渡し用クラス。  SelectedItem.cs 選択済み商品情報受け渡し用クラス。 Cartクラスの選択済み商品リストに追加される際に、注文番号プロパティOrderNumberプロパティ）に値がセットされる。このOrderNumberプロパティは同じCartクラスのインスタンスではオンリーワンになる。この値で選択済み商品リストから商品を特定する。 Cart.cs ショッピングカートのようなクラス。 選択済み商品を保存するItemListプロパティ(List<SelectedItem>クラス)、注文番号候補を保存するOrderNumberプロパティがある。 Index.cshtml.cs OnPost()メソッドでどのボタンがクリックされたかを判断するところがポイント。 Index.cshtml [確認テスト]おまけ1 3x3のマスの情報やどっちの順番（〇の順番、×の順番）など、○×ゲームの流れを管理するGameクラスがポイント。 あと、授業ではやってないEnum（列挙型）も使っている。Enumは定数のセット集みたいなもの。 MaruBatsuEnum.cs 列挙型。定数のセット集。 各マスに表示される、〇、×、空白にそれぞれ定数を設定。この列挙型にまとめている。 Game.cs ○×ゲームの各情報（各マスの情報、順番）を扱う。 Index.cshtml.cs 起動すると、GETコマンドでリクエストするため、OnGet()が動く。 3x3の各マス（実態はボタン）をクリックするとOnPost()が動く。 Index.cshtml 3x3の各マスの実態はボタン。 クリックすると、各マスの位置情報(...
続きを読む

6月20日（火）1、2コマ目

イメージ
今日、やったこと Cartクラスを使う [確認テスト]Razorページ 課題8 今日のホワイトボード [アプリケーション作成]Cartクラスを使う 前回紹介した、選択済み商品を扱うためのショッピングカートのようなCartクラスを使ったアプリケーションを作成。 図　作成したアプリケーション Program.cs いままでとおり。Sessionオブジェクトを使えるように。 SessionExtentions.cs いままでとおり。 Udon.cs うどん情報を受け渡すためのクラス。 SelectedItem.cs 選択済み商品情報受け渡し用クラス。 このクラスに選択済み商品リストから商品を識別するための注文番号プロパティ（OrderIDプロパティ）を追加。 Cart.cs ショッピングカートのようなクラス。 OrderIdプロパティは注文番号候補を保存するプロパティ。 選択済み商品リスト(ItemListプロパティ）に商品を追加する際、OrderIdプロパティから注文番号を生成し、選択商品のOrderIDプロパティにセット。 Index.cshtml submitボタンが、カートへボタンと削除ボタンの複数ある。 どのボタンがクリックされたかがわかるように 　カートへボタンのname属性は"cart"、value属性は"cart" を設定している。カートへボタンをクリックした際はOnPost()の引数cartには”cart"がセットされ、削除ボタンクリック時には引数cartはnullになる。 図　どのボタンがクリックされたか判断する 引数cartでカートへボタンがクリックされたか、削除ボタンがクリックされたかがわかる。 Index.cshtml.cs カートへボタン、削除ボタンのどちらがクリックされてもOnPost()メソッドが動く。 引数cartでどちらがクリックされたかがわかるようにしている。 削除ボタンのvalue属性はリストの添え字でいいのでは 削除ボタンのvalue属性にわざわざ注文番号などは使わずに、リストの添え字を使ってもリスト中から１つの商品を識別できるような気がす...
続きを読む

7月4日（火）1、2コマ目

イメージ
今日、やったこと Razorページ＋ODP.NET 今日のホワイトボード 前回の確認テスト ボタンが複数個あるため、OnPost()ではどのボタンがクリックされたかを判別する必要がある。 図　課題のヒント ソースコードは 先週のサイト に掲載済み。 サンプル1 CS_グループマスタを全件検索した結果を表形式で表示。 Group.cs CS_グループマスタ検索結果を受け渡すためのクラス。 GroupDAO.cs CS_グループマスタテーブルアクセス用クラス。 Index.cshtml.cs Index.cshtml サンプル2  選択されたグループに属する商品を検索。 図　サンプル２ Group.cs グループ情報受け渡し用クラス。 サンプル1と同じ。 Item.cs 商品情報受け渡し用クラス。 とくにややこしくないと思うので省略。 GroupDAO.cs cs_グループマスタテーブルアクセス用クラス。 サンプル1と同じ。 ItemDAO.cs cs_商品マスタテーブルアクセス用クラス。 パラメーターマーカー利用。 Index.cshtml.cs 検索結果はプロパティで受け渡し。 Index.cshtml 特に問題ないかと。 サンプル3 xxx円以上、xxx円以下の商品を検索。 図　サンプル３ Item.cs 商品情報受け渡し用クラス。 今回はグループ情報も追加。Groupクラスも使っているが、Groupクラスは省略。 ItemDAO.cs パラメータマーカーを２つ利用。 Index.cshtml.cs Index.cshtml 次回は テストをします。
続きを読む