６月２日(火)1、2コマ目
今日、やったこと
- [練習問題]チェックボックス＋複数ボタン
- [練習問題 解説]チェックボックス＋複数ボタン
- [サンプルアプリケーション作成]ショッピングサイト的なサイト
今日のホワイトボード
[練習問題 解説]チェックボックス＋複数ボタン
追加仕様
同じ色が重複して選択されても、１つしか表示しない。
|
| 図 追加仕様（重複選択時） |
正解例をあげておきます。
Color.cs
色情報を扱うためのクラス。
Index.cshtml.cs
OnPost()の引数について
〇選択された色
チェックボックスは複数選択可。よって、配列に。
また、選択されないこともある。よって、null許容に。
〇ボタン
ボタンは機能で分類すると、追加と削除の２種類。
削除ボタンクリック時は、削除対象のIDが渡される。
選択ボタン、削除ボタンで送信データが異なるため、引数も別に。
また、ボタンは１つしかクリックできない。クリックされないほうはnullに。よって、null許容に。
Index.cshtml
listのnullチェックと要素数チェックは以下を参考に。
Listがnullチェック＋要素数チェック
list != null && list.Count >
0でもいいけど、？演算子を使うとシンプルに。
|
| 図 nullチェック＋要素数チェック |
[サンプルアプリケーション作成]ショッピングサイト的なサイト
今までの内容を使って、ショッピングサイトを作る。
今日は途中までつくった。
Program.cs
Sessionオブジェクトが使えるように設定。いままでとおり。
SessionExtensions.cs
Item.cs
コーヒー、食べ物情報の受け渡し用クラス。
SelectedItem.cs
選択されたコーヒー、食べ物情報の受け渡し用クラス。
小計は、読み取り専用のプロパティで取得できるようにした。
|
| 図 プロパティ |
Cart.cs
ショッピングカート的なクラス。
選択したコーヒー、食べ物に関する処理はここにまとめている。
|
| 図 Cartクラス |
Index.cshtml.cs
OnPost()の引数が多いので注意。
Index.cshtml
今のところはややこしいことはないかと。
次回は
1画面に複数ボタンの評価用課題作成。
今日のつづき。
