5月19日（木）1、2コマ目

今日、やったこと

[演習]<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


次回は

練習４、練習５の解説と実技テストをします。

このブログの人気の投稿

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 特に難しいところはないかと。  次...
続きを読む