投稿

ラベル(Razor)が付いた投稿を表示しています

7月28日(火)1、2コマ目

イメージ
今日の予習 C#のクラスについて 以下のサイトが一応参考になる。 C#のクラスとオブジェクト(Microsoft Docs) が、簡単なひな型を作ると以下のようになる。 今日、やったこと (結局、ほぼ)前回のおさらい 今日のホワイトボード C#のクラスについて 基本的にはJavaと同じ感じ。 図 Javaのクラス、C#のクラス 注意点を以下にまとめました。 Javaのフィールド、setter・getterは .Netではプロパティを使う。プロパティを用意することで、フィールドとsetter・getterが用意される。なお、プロパティ名は1文字目は大文字。(文法的なルールではない) フィールド名 1文字目は_。(文法的なルールではない) メソッド名 1文字目は大文字。(文法的なルールではない) ~.cshtml.csから~.cshtmlへデータを渡す ~.cshtml.csにプロパティを用意する。~.cshtmlから~.cshtml.csのプロパティにアクセスしてデータ取得。 図 ~.cshtml.csから~.cshtmlにデータを渡す 〇~.cshtml.cs側 プロパティを用意 〇~.csthml ~.cshtml.csのプロパティにアクセスするには Model.プロパティ名 でアクセス可能。 注意!! HTMLに埋め込む場合は、以下のようにコードナゲットを使うこと。 @Model.プロパティ名 ~.cshtmlのフォームデータを~.cshtml.csのOnPost()メソッドを受け取る OnPost()メソッドの引数経由で受け渡し可能。 なお、 引数名はフォーム内のvalue属性指定値と同じにする こと。 また、~.cshtmlに @addTagHelper *,Mi...

7月7日(火)1、2コマ目

イメージ
今日、やったこと Razorページ 今日のホワイトボード Webアプリケーションをつくるには 静的なHTMLだけでは無理。 ちまたにはHTMLにプログラミング要素が追加できる手段がいくつか用意されている。 この授業ではASP.NET Coreで用意されているRazorページを利用する。 Razorページのプロジェクトフォルダ Startup.csの編集が必要。 RazorページはPagesディレクトリ以下に配備。 Razorページを追加すると以下の2つのファイルができる。 〇~.cshtml HTMLにコードブロックやコードナゲットを使って、C#のプログラムや変数をHTMLに埋め込むことができる。 〇~.cshtml.cs ~.cshtmlからGETやPOSTコマンドを送信されたときのプログラムをここに記述する。 コードブロック・コードナゲット ~.cshtmlにHTMLとともに記述できる。 〇コードブロック C#のプログラムを書く。 〇コードナゲット 変数、プロパティやメソッド実行結果を埋め込む。 明示的なRazor式 たとえば、変数cntの値をHTMLに埋め込みたいなら、コードナゲットでできる。   <p>@cnt</p> 出力結果は(変数cntが2の場合)  2 となる。 しかし、変数cntの値を+1した結果をHTMLに埋め込みたい場合、以下のように書くと   <p>@cnt+1</p> 出力結果は(変数cntが2の場合)  2+1 となる。 計算した結果のように  式を実行した結果  をHTMLに埋め込みたい場合は、 明示的なRazor式 を使う。   <p> @(cnt+1) </p> @( ) のカッコ内に式を書くと、その結果を埋め込むことができる。 意外と便利な3項演算子 3項演算子は以下のように書く。   条件式 ? 式1 : 式2 まず、条件式を評価。 結果が真なら式1を、偽なら式2を実行し、結果を変えす。 ちまたでは見づらいからやめたほうがいいとか言われている。 ifの代わりとして使わない(式1、式2が長くなりやすい) ネストさせない(式1または式2でさらに3項演算子) を守れば使ってもいいのではと思っている。 以下のようにテーブルの各行の背景色を交互に入れ替えたいときのよう...