5月31日（火）1、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

さきほどのStartup.csと同じ。


Item.cs

商品データ受け渡しのためのクラス。


Index.cshtml.cs



Index.cshml


おまけ　<textarea>タグ

複数行テキストを扱うことができる<textarea>タグがある。

図　<textarea>タグ


次回は

今日やったセッションオブジェクトにはbyte[]、int、string型のデータしか保存できない。

もっといろいろな型のデータを扱う方法をやります。



このブログの人気の投稿

6月7日（火）1、2コマ目

イメージ
今日の予習 ISessionを拡張 セッションオブジェクトはISessionクラス。データとして保存できるのは byte[] int string のみ。使いずらいので、ISessionクラスに拡張メソッドを追加して対応。 ISessionに以下の２つの拡張メソッドを追加しています。 T Get<T>(string key) void Set<T>(string key, T value) Tはセッションオブジェクトに格納するモノの型 。 今日、やったこと Sessionオブジェクトにいろいろな型のデータを格納する 今日のホワイトボード 拡張メソッドのGet<T> ()、Set<T> () 図　拡張メソッドのSet<T>()、Get<T>() 作成したサンプル セッションオブジェクトにSelectedItemクラスのListを格納する。 Startup.cs 前回と同じようにSessionオブジェクトを使うための設定を行う。 SelectedItem.cs 選択データ(商品名、松竹梅、数量）をまとめて格納するためのクラス。 SessionExtensions.cs 通常のSessionオブジェクトであるISessionにGet<T>()メソッド、Set<T>()メソッドを拡張メソッドとして追加する。 上のサンプルと同じ。 Index.cshtml.cs OnPost()メソッドにて、拡張メソッドのGet<T>()、Set<T>()を使っているところがポイント。 Set<T>()、Get<T>()のTにはセッションオブジェクトに格納するデータの型を指定する 。 Index.cshtml ここでも拡張メソッドのGet<T>()を使ってSessionオブジェクトから選択商品のリストを取得している。 プロジェクトと名前空間 プロジェクトを作成すると同名の名前空間（Java的に言えばパッケージ）ができる。プロジェクト右クリックで追加されたクラスはこの名前空間に属する...
続きを読む

6月28日（火）1、2コマ目

イメージ
今日、やったこと [確認テスト]拡張セッションクラスを使った課題(課題4) 削除ボタン追加 今日のホワイトボード 削除ボタンを追加する [ポイント]  ボタンが複数ある場合、どのボタンがクリックされたかを判断するには？ 図のように選択済み商品毎に削除ボタンを設けます。 図　削除ボタン追加 カートへボタン、削除ボタンと複数ボタンがありますが、 どのボタンをクリックしても、OnPost()メソッドが実行されます 。よって、 OnPost()ではどのボタンがクリックされたかを判定する 必要があります。 Startup.cs いままでどおり。 Sessionオブジェクトを使えるようにすること。 SessionExtensions.cs Sessionオブジェクトに拡張メソッドを追加。 いままでどおり。 Item.cs 商品情報受け渡し用クラス。 SelectedItem.cs 選択商品情報受け渡し用クラス。 Index.cshtml.cs OnPost()の引数に注目。 引数deleteは削除ボタンのvalue属性がセットされる。 string型にしているのは、削除ボタンがクリックされなかったとき（カートへボタンクリック時）にはnullがセットされる ため。これでカートへボタンがクリックされたか？削除ボタンがクリックされたか？を判定している。ちなみにもし、int型だと０がセットされる。 Index.cshtml 次回は この削除ボタンの評価用課題をやってもらいます。
続きを読む

6月14日（火）1、2コマ目

イメージ
今日、やったこと ISession拡張の練習問題 今日のソースコード 「razorページ練習9」 作成するモノは以下のイメージです。 図　「razorページ練習9」 Startup.cs Sessionオブジェクトを使うように設定。 SessionExtension.cs 以前と同じ。 Item.cs iPad情報(ID、商品名）をひとまとめにして扱うためのクラス。 SelectedItem.cs 選択したiPad情報(Itemクラス)、色をひとまとめにして扱うためのクラス。 Index.cshtml.cs Index.cshtml 「razorページ_課題3」 作成するモノのイメージです。 図　「razorページ 課題3」 Startup.cs Sessionオブジェクトが使えるように設定。 SessionExtension.cs いつもどおり。 Coffee.cs コーヒー情報（ID、商品名、価格）をひとまとめにして扱うためのクラス。 Size.cs サイズ情報（ID、名前、差額）をひとまとめにして扱うためのクラス。 SelectedItem.cs 選択商品情報（コーヒー、サイズ、数量）をひとまとめにして扱うためのクラス。 Index.cshtml.cs Index.cshtml 次回は 「razorページ 課題3」の続き（同じ商品が複数回選択されたときの対応）をやります。  
続きを読む