1月14日（金）1、2コマ目

今日、やったこと

C#でWebアプリケーション（Razorページ）

今日のホワイトボード

Webアプリケーションとは

広義ではクライアントとサーバー間の通信プロトコルがHTTP(またはHTTPS) を使うクライアント・サーバーアプリケーション。

狭義では通信プロトコルがHTTP(またはHTTPS)に加えて、クライアントにWebブラウザを使うクライアント・サーバーアプリケーション。

図　Webアプリケーション


HTMLだけでは

HTMLには繰り返しや条件分岐ができないため、動的なページ(表示ごとに内容が異なる)の生成ができない。

そこで、動的にページ生成をする仕組みがいろいろと用意されている。これから使うRazorページもその１つ。


Razorページを使う

①プロジェクト作成

VisualStudioを起動して「ASP.Net Coreアプリケーション」のプロジェクトを作成する。

図　「ASP.Net Coreアプリケーション」プロジェクト作成

作成する際に以下の画面で「HTTPS用の構成」のチェックをはずすことに注意。

図　「HTTPS用の構成」のチェックをはずす


②Startup.cs編集

「ASP.Net Core アプリケーション」プロジェクトは、デフォルトではRazorページは使うことができない。Startup.csを編集してRazorページを使えるようにする。

図　Startup.cs編集


③Razorページ追加

RazorページはPagesフォルダ以下に配備するように決められている。

まずはPagesフォルダを作成。

次に、PagesフォルダにRazorページを追加する。

図　Pagesフォルダ作成


Razorページを追加すると、

  • ～.cshtml
  • ～.cshtml.cs

のペアができる。


コードブロック

～.cshtml内で@{ }の中にはC#のコードが書ける。

なお、{ }内のHTMLタグはそのまま出力される。

コードブロックには

@if(){ }

@for(){}

@foreach(){ }

などがある。

図　コードブロック


コードナゲット

HTMLにC#の変数を埋め込む際に使う。@変数名　のように使う。

また、@(  )と書くと、( )内を先に処理して、その結果を埋め込む。


練習問題

練習１

偶数行の背景色を変える。

図　練習１


練習２

secondPage.cshtmlという名前で保存した。このページを表示するには下図のとおり、

　http://localhost:xxxx/secondPage

とリクエストする。

図　index.cshtml以外を表示する場合

3項演算子

コードナゲットと組み合わせて使うと、プログラムがすっきりする。

図　3項演算子



このブログの人気の投稿

1月28日（金）1、2コマ目

イメージ
Razorページ＋DBアクセス　練習問題 プロジェクト名：db_ex1 Employeeクラス db_ex0と同じ。 EmployeeDAOクラス Index.cshtml.cs Index.cshtml  プロジェクト名：db_ex2 Employeeクラス db_ex0と同じ。 EmployeeDAOクラス Index.cshtml.cs Index.cshtml  プロジェクト名：db_ex3 Employeeクラス db_ex0と同じ。 EmployeeDAOクラス Index.cshtml.cs Index.cshtml  プロジェクト名：db_ex4 Summaryクラス EmployeeDAOクラス Index.cshtml.cs Index.cshtml  プロジェクト名：db_ex5 Summaryクラス db_ex4と同じ。 EmployeeDAOクラス Index.cshtml.cs Index.cshtml  プロジェクト名：db_ex6 Employeeクラス db_ex0と同じ。 EmployeeDAOクラス Index.cshtml.cs Index.cshtml  以上、解答例でした。 今日のホワイトボード 練習問題のヒントを少し。 Listからforeachに要素を順にとりだす 〇キーワードvar 変数itemにはList＜Item＞型のlistの要素を１つずつ順に代入される。 listの要素はItemクラス型なので、変数itemに代入される値もItemクラス型。 宣言のさい、代入値から明らかに型が決まる場合、型を指定せずvarで宣言可能。 図　foreachで要素を順にとりだす SQLのあいまい検索 ワイルドカードを忘れていると思い、おさらい。 図　SQLのあいまい検索 予告 次回あたりから確認実技テストをやります。
続きを読む

10月28日（木）1コマ目

イメージ
今日、やったこと C#練習問題4の解説 今日のホワイトボード C#練習問題４の解説をしました。 改めて解答例も挙げておきます。 正解例をあげておきます。 4-1 Employeeクラス 解説 これは特に問題はないと思います。 4-2 Ex4_2クラス 解説 図　Employeeクラス型の配列の初期化 Employeeクラス型の配列listの初期化方法について話をしました。 配列listの各要素に代入されるのは Employeeクラスのインスタンスへの参照情報 です。 配列でも変数でもxxクラス型なら、代入される値は参照情報です 。 C的に言えば、ポインタ変数です。 参照情報が代入される変数を参照型と呼びます。 参照型変数はそこに代入されている値（参照情報）の先に利用する値があります 。 そのため、値を取り出すには ①変数代入値確認=>参照情報を取得 ②取得した参照情報の先を確認=>ほしいデータがある の2ステップになります。 intやdoubleはプリミティブ型と呼び、代入値が利用したい値です。 4-3 Ex4_3クラス 解説 ポイントはソートでしょうか。 いわゆるバブルソートってやつです。 降順でソートなので、小さい値を見つけて、配列の後ろへ送るイメージです。 図　降順でソート　その１ 図　降順でソート　その２ 配列listから取り出した要素(Employeeクラスのインスタンス）のSalaryプロパティの参照は以下のようにできます。 図　配列listのi番目の要素のSalaryプロパティを参照する 4-4 Divisionクラス 解説 これも特に問題はないと思います。 4-5 Employeeクラス 解説 図　EmployeeクラスのDivisionプロパティ Divisionプロパティですが、Divisionクラス型です。 よって、部署名を取得するにはDivisionプロパティ(Divisionクラス型)のさらにNameプロパティを参照します。 4-6 Ex4_6クラス 解説 図　Employeeクラスのコンストラクタの第4引数はDivisionクラス型 Employeeクラスコンストラクタの4番目の引数はDivisionクラス型です。 よって、渡す値はDivis...
続きを読む

10月15日（木）1コマ目

イメージ
今日、やったこと アクセス修飾子 プロパティ コンストラクタ 今日のホワイトボード Cとの違い （古典的な）Cは関数の最初で変数宣言をする必要がある（コンパイルエラー）。 C#は関数の途中でも変数宣言が可能。 よって、変数スコープを限定するために図のようにしてください。 図　変数宣言の違い アクセス修飾子 とりあえず private と public だけおさえてください。 privateをつけたフィールドやメソッドは同じクラス内のみアクセス可能。 publicをつけたフィールドやメソッドはどこからでもアクセス可能。 図　アクセス修飾子 プロパティ フィールドの悪進修飾子は一般的にprivateに クラス外から変更ができないようにprivateにする。 だが、クラス外からアクセスするための手段を用意する必要があるため、publicなメソッドを用意する。 図　フィールドのprivateにすると、アクセス用メソッドが必要 フィールド＋アクセス用メソッド=>プロパティ C#にはこのアクセス用メソッドのかわりにプロパティがある。 例 　// フィールド 　private int id; 　// プロパティ 　 public int Id { 　　set{ 　　　　// ここでフィールドに値をセット 　　　　// 変数valueはプロパティに代入された値 　　　　id = value; 　　} 　　get { 　　　　// ここでフィールドの値を返す 　　　　return id; 　　} 　} フィールドに値をセットするだけ、フィールドの値を取得するだけなら、プロパティは以下のように省略可能。 さらに、フィールドも用意してくれる。 例 　 // idフィールドは不要 　// プロパティ 　 public int Id { set; get; } 図　フィールド＋アクセス用メソッドをプロパティで置き換え コンストラクタ インスタンス生成時に実行される 。 メソッドのようだが、戻り値なし（指定すらできない）。 メソッド名に相当する部分をクラス名と同じにする 。 例 class Item { 　　// Itemクラスのコンストラクタ 　　 public Item() 　　{ 　　　　// プロパティの初期化処理等を行う 　　} コンストラクタは引数の違い（数、型）で複数用意で...
続きを読む