5月10日（火）1、2コマ目

今日、やったこと

<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


このブログの人気の投稿

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的に言えばパッケージ）ができる。プロジェクト右クリックで追加されたクラスはこの名前空間に属する...
続きを読む

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

イメージ
今日、やったこと 1年後期のおさらい 今日のホワイトボード 多分、忘れている（と思われる）C#でWebアプリケーション作成をちまちまとおさらいしました。 プロジェクト作成とそのあとの設定 プロジェクト作成、設定の流れは下図のとおり。 図　プロジェクト作成、設定 なお、Startup.csは以下の内容。 Startup.cs Razorページ追加 RazorページはPagesフォルダ以下に配置することになっている。 図　Razorページのアプリケーション作成 Razorページを１つ追加すると以下の２つのファイルが追加される。 　～.cshtml  HTMLにC#のプログラムや変数を埋め込むことができる 　～.cshtml.cs  cshtmlのGETやPOSTといった処理ができる 練習１ ポイントは.cshtmlに コードブロックでforループを作る コードナゲットでC#の変数を埋め込む の2点。 図　HTMLのおさらい Index.cshtml 練習３ ポイントは <style></style>でクラスのデザイン定義 <TD>タグでクラスを指定 の2点。 図　セルに背景色をつける Index.cshtml 練習５ .cshtml.csから.cshtmlへデータを渡す .cshtml.csのプロパティを.cshtmlはアクセスすることができる。 .cshtmlで.cshtml.csのプロパティにアクセスする際は 　 Model.プロパティ名 でアクセ...
続きを読む

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

今日のおたすけリンク 1年のときにやったODP.NET(C#からオラクルDBにアクセスするためのライブラリ）の情報です。 C#＋ODP.NETで全件検索 C#＋ODP.NETでパラメーターマーカーを使う 今日、やったこと [確認テスト]削除ボタンを追加 ODP.NET復習 今日のソースコード ODP.NET復習 1年のときに一度やったオラクルDBアクセスに利用するODP.NETの復習です。 準備 「参照の追加」でOracle.ManagedDataAccess.dllへの参照を追加すること。 Startup.cs いままでどおり。 Item.cs 商品情報受け渡し用クラス。 ItemDAO.cs オラクルDBのCS_商品マスタテーブルを全件検索するSeletAll()メソッドのみ。 Index.cshtml.cs コンストラクタでItemDAOクラスのSelectAl()メソッドを呼び出して商品情報を取得。 Index.cshtml とくに問題ないかと。 [確認テスト]Razorページ確認テスト5 前回の確認テスト4に削除ボタンを追加するだけです。 Startup.cs セッションオブジェクトが使えるようにしてください。 SessionExtensions.cs いつもどおりです。 Coffee.cs コーヒー情報受け渡し用クラスです。 Size.cs サイズ情報受け渡し用クラスです。 Option.cs オプション情報受け渡し用クラスです。 SelectedItem.cs 選択済み商品情報受け渡し用クラスです。今回のポイントになるクラスです。 差額を反映した価格を返すPriceプロパティやオプションの一覧を取得するOptionNameプロパティを追加しています。 また、同じ商品が選択されたか否かを判定するためのIsSame()メソッドをこのクラスに作りました。 Index.cshtml.cs ややこしそうなモノはSelectedItemクラスに作ったので、これは結構シンプルになる。 Index.cshtml 特に難しいところはないかと。  次...
続きを読む