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

今日、やったこと OnGet()メソッドとOnPost()メソッド コンストラクタ 今日のホワイトボード 前回うっかりしてさらっと話をしたHTTPのPOSTコマンドでのリクエスト時に実行されるOnPost()メソッドの話をしました。 ついでにHTTPのGETコマンドリクエスト時のOnGet()メソッドや、クラスのコンストラクタについても話をしました。 なにげにWebアプリケーションの基本中の基本の話です。JavaやPHPなどでも通用する話です。 ～.cshtml.csの２つのメソッド クライアントからのリクエスト時に実行されるOnGet()メソッド(GETコマンド用)、OnPost()メソッド(POSTコマンド用)がある。 図　～.cshtml.csのOnGet()、OnPost() [注意!!]OnPost()メソッドを使うときは ～.cshtmlに 　 @addTagHelper  *, Microsoft.AspNetCore.Mvc.TagHelpers が必要！！  Index.cshtml Index.cshtml.cs <form>タグとOnPost() そもそも、HTTPのPOSTコマンドはクライアントで入力、選択し、ボタンをクリックしたときに、サーバーにPOSTコマンドでリクエストする。 このとき、入力内容や選択内容がサーバーに一緒に送信される。 サーバー側で入力内容や選択内容を受け取るにはOnPost()メソッドの引数を使う。 <input>タグや<select>タグのname属性値とOnPost()メソッドの引数名が一致していれば、自動的に引数に入力内容や選択内容がセットされる。 図　<form>タグとOnPost()メソッドの引数 Index.cshtml Inde...

今日、やったこと 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.プロパティ名 でアクセ...