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

今日、やったこと

  • Razorページのおさらい
  • OnPost()メソッド

今日のホワイトボード

Razorページのおさらい１

forコードブロック、コードナゲットを使いました。

図　作ったもの

Program.cs

Razorページが使えるように設定する。


Index.cshtml

コードブロック、コードナゲットで動的なページが作れる。


Razorページのおさらい２

～.cshtmlから～.cshtml.csのプロパティにアクセスすることができる。

 

図　～.cshtml.csのプロパティにアクセスできる

Page2.cshtml.cs


Page2.cshtml


OnPost()メソッド

POSTコマンドでリクエストされると、～.cshtml.csのOnPost()メソッドが実行される。

<form></form>ないの<input>タグや<select>タブで入力、選択した内容はOnPost()メソッドの引数として受け取ることができる。

なお、引数名はname属性と同じにする必要がある。


その１

テキストボックス入力値を取得する。

図　起動直後

図　入力->ボタンクリック

Index.cshtml


Index.cshtml.cs


その２

テキストボックス入力値、選択リスト選択値を取得する。

図　起動直後

図　入力・選択、ボタンクリック後

Index.cshtml


Index.cshtml.cs





このブログの人気の投稿

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