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

今日、やったこと

POST練習ドリル

POST練習ドリル1、2解説

今日のホワイトボード

POST練習ドリル４のために

複数選択可能なチェックボックスを使っています。

HTML側

おなじグループの選択肢(<input>タグ)は同じname属性に

OnPost()メソッド

引数は配列に

図　チェックボックス

[解説]POST練習ドリル１

前回やったモノと同じです。

Item.cs

商品情報を受け渡すためのクラス。


Index.cshtml.cs

選択商品のリストのプロパティを用意する。


Index.cshtml

Index.cshtml.csの選択商品リストプロパティを使って商品選択用リストを作る。


[解説]POST練習ドリル２

練習ドリル１にサイズ選択のラジオボタンが追加。

ラジオボタンはグループから1つだけ選択可能。

Item.cs

練習ドリル１と同じ。


Size.cs

サイズ情報を受け渡すためのクラス。


Index.cshtml.cs

プロパティは

  • 選択商品リスト
  • 選択サイズリスト

の２つ。

やっていることは基本的にはドリル１と同じ。


Index.cshtml

Index.cshtml.csの選択商品リストプロパティ、選択サイズリストプロパティを使って商品選択用リスト、サイズ選択用ラジオボタンを作る。

[解説]POST練習ドリル４

ポイントは複数選択可能なチェックボックス。

OnPost()メソッドの引数は配列にする。

Topping.cs

トッピング情報受け渡し用クラス。


Index.cshtml.cs

トッピング一覧リストから選択されたトッピングのIDで検索する部分がポイント。


Index.cshtml

トッピングを選択していないときはなにも表示しないようにする。

  

次回は

確認テストをします。

このブログの人気の投稿

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 次回は テストをします。
続きを読む