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

今日、やったこと

  • [確認テスト]POST確認テスト1
  • [確認テスト]POST確認テスト2

今日の確認テスト

正解例をあげておきます。

POST確認テスト1 

Question.cs

各質問項目のデータは

  • ID
  • 質問

のセットなので、このQuestionクラスで

  • サイズ
  • 色
  • 理由

の質問項目データを扱う。


Index.cshtml.cs

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

コンストラクタで質問データを用意し、OnPost()で回答(各質問のID)から質問データを探す。


Index.cshtml

回答データプロパティのうち、理由データはnullの場合、ループをまわす際にエラーとなる。そのため、回答データプロパティがnullでないときだけ、回答データを表示する必要がある。


POST確認テスト2

”文字の色やサイズを変更する”に戸惑うかもしれないが、<table>タグにクラスをつけるだけ。

ポイントは指定された行数、列数の表を作るところ。でも、2重ループになるだけでそんなにややこしくはない。

Item.cs

  • フォントサイズ、フォント色はともに、
  • ID
  • 表示データ
  • クラス

なので、このItemクラスで両方とも扱う。


Index.cshtml.cs

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


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