6月13日(火)1、2コマ目
今日、やったこと
カートクラスを追加
今日のホワイトボード
Razorページ 課題5
問題は削除ボタンがクリックされたとき。
どの行がクリックされたかを判別する必要がある。
コーヒーのID等では判別できない(サイズ等が違う同じコーヒーがあるため)。
そこで、各行の商品に行番号(注文番号)を付与する。
Cartクラスを新たに用意してこの辺の処理を担当してもらう。
![]() |
| 図 Razorページ課題5のヒント |
Program.cs
いままでどおり。
SessionExtentions.cs
いままでどおり。
Coffee.cs
Razorページ課題4と同じ。
Size.cs
Razorページ課題4と同じ。
Option.cs
Razorページ課題4と同じ。
SelectedItem.cs
ほぼRazorページ課題4と同じだが、Idプロパティが追加されている。
このIdプロパティが各商品に付与される行番号(注文番号)。
Cart.cs
選択済み商品を扱うショッピングカートのようなクラス。
選択済み商品を格納するリストや、このリストに商品を追加するメソッド、削除するメソッドが用意されている。
選択済み商品リストに商品を追加するさい、行番号(注文番号)を付与して追加する。
Index.cshtml.cs
商品の追加、削除はCartクラスにて行うため、すっきりした。
Index.cshtml
削除ボタンのvalue属性には各商品の行番号(注文番号)をセットする。
次回は
テストをします。
