.Net実習 2022年度前期(2年)

今日、やったこと セッションオブジェクト 今日のホワイトボード セッションオブジェクトとは WebアプリケーションはHTTPプロトコルで動く。HTTPはリクエスト、レスポンスの1往復で完結するプロトコルで、複数回に渡るリクエスト、レスポンスのデータを保持する仕組みはない。 図　HTTPはステートレスなプロトコル このままではWebアプリケーションを構築できないので、複数回にわたるリクエスト、レスポンスでデータを共有できるセッションオブジェクトが用意されている。 Razorページでセッションオブジェクトを使うには 以下が必要。 Startup.csで設定 HttpContext.SessionのSetXX()メソッドでデータを保存 HttpContext.SessionのGetXX()メソッドでデータを取り出す Startup.cs 以下のソースを参考に。 Index.cshtml.cs SetXX()メソッドでデータを保存=>36行目 GetXX()メソッドでデータを取り出す=>20行目 Index.cshtml これは特にいうことはなし。 セッションオブジェクトはクライアント毎に用意される セッションオブジェクトはサーバー側でクライアント毎に用意される。 各クライアント毎のセッションオブジェクトにはユニークなセッションIDが付与される。 クライアント側にもこのセッションIDが保存され、リクエスト時に送信することで、サーバーはクライアントのセッションオブジェクトを識別している。 図　セッションオブジェクトはクライアント毎に用意される セッションオブジェクトのキーとデータ セッションオブジェクトにデータを保存する際、キーも一緒に指定することで、データとキーが紐づいた状態でセッションオブジェクトに保存される。 セッションオブジェクトからデータを取り出す際は、キーで指定する。 図　キーとデータ 練習問題(Razor_練習７) ソースコードを載せておきます。 Startup.cs さきほ...

今日、やったこと [確認テスト]POSTの確認テスト2 今日のテスト 解答例です。 Item.cs サイズ、色の選択データ受け渡しに利用。 Styleプロパティには選択時に<table>タグのclass属性に設定する値を格納。 Index.cshtml.cs Index.cshtml  

今日、やったこと post練習4、5の解説 post確認テスト1 今日のホワイトボード post確認テスト1 解答例です。 Question.cs Index.cshtml.cs Index.cshtml  

今日、やったこと [演習]<form>とPOSTの練習ドリル 今日のホワイトボード 箇条書き 箇条書きのHTMLタグは<ul>、<li>タグです。 <li>タグが箇条書きの要素です。 図　HTMLの箇条書き チェックボックス チェックボックスは同一グループから複数選択可能です。 図　HTMLのチェックボックスとOnPost()の引数 チェックボックス選択内容をOnPost()で受け取るには引数を配列にします 。 練習４ 練習3にチェックボックスが追加されました。 チェックボックスは複数選択ができる点に注意！！ Item.cs(Itemクラス) 練習１と同じ。 Size.cs(Sizeクラス) 練習2と同じ。 Topping.cs(Toppingクラス) トッピング情報を受け渡すためのクラス。   Index.cshtml.cs Index.cshtml 練習５ 練習４と同じようなかんじ。 Item.cs(Itemクラス) 練習１と同じ。 Size.cs(Sizeクラス) 練習2と同じ。 Topping.cs(Toppingクラス) 練習４と同じ。   Syrup.cs(Syrupクラス） シロップ情報を受け渡すためのクラス。 Index.cshtml.cs Index.cshtml 次回は 練習４、練習５の解説と実技テストをします。

今日、やったこと <form>タグとOnPost()メソッドの練習1～3 今日の練習問題 練習１ <select>タグの選択リストにて選択された商品を表示する。 Item.cs(Itemクラス)   Index.cshtml.cs OnPost()メソッドでPOSTコマンド送信時の処理ができる。 引数で選択商品が取得できる。 Index.cshtml @AddTagHelperを忘れずに。 練習２ 練習１＋ラジオボタンでサイズを選択。 ラジオボタンは<input type="radio">で作る。 同じ選択グループにはname属性に同じ名前を設定する。 図　ラジオボタン Item.cs(Itemクラス) 練習１と同じ。 Size.cs(Sizeクラス) Index.cshtml.cs Index.cshtml 練習３ 練習２＋テキストボックスで名前を入力。 テキストボックスは<input type="text">で作る。 Item.cs(Itemクラス) 練習１と同じ。 Size.cs(Sizeクラス) 練習2と同じ。 Index.cshtml.cs Index.cshtml