1月13日（金）2コマ目

今日、やったこと

  • ASP.NETプロジェクト作成
  • [Razorページ]コードブロック
  • [Razorページ]コードナゲット

今日のホワイトボード

HTMLの限界

HTMLには繰り返しや条件分岐がないため、動的なページを作ることはできない。

※動的なページ＝表示毎に内容が異なるようなページ

図　HTMLでは静的なページしか作れない


動的なページを作るために

動的なページを作るためにはプログラムを動かす必要がある。

サーバー側のアプリケーションサーバーでプログラムを動かし、HTMLを生成する。

図　サーバー側でプログラムを動かしHTMLを生成する


アプリケーションサーバーで動かすプログラム

現在、いろいろなプログラミング言語を使うことができる。

図　サーバー側で実行可能な言語

授業ではC#を使う。

C#で動的ページを作成するには、Microsoftが用意しているASP.NETを使う。

ASP.NETには動的ページを作成する手段がいくつか用意されているが、授業ではRazorページを使う。


ASP.NETのプロジェクト作成

①テンプレート「ASP.NET Core Webアプリケーション(空)」を選択

②プロジェクト名、保存場所を指定

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

※忘れがちなので、注意！！

図　ASP.NETのプロジェクト作成


ASP.NETのプロジェクト作成後

プロジェクト作成後、以下のながれでRazorページを追加する。

①設定

プロジェクトを作成後、まずは設定を行う。デフォルトではRazorページが利用できないため、設定が必要。

②Razorページ保存用フォルダ作成

RazorページはPagesフォルダに作成することになっているため、Pagesフォルダを作成する。

③Razorページ追加

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

図　プロジェクト作成後


Razorページを追加すると

Pagesフォルダに1ペアのファイルが作成される。

～.cshtml HTMLにC#のコードを埋め込むことができる
～.cshtml.cs C#のクラス。～.cshtmlにデータを渡すことができる。

しばらくの間は～.cshtmlだけ編集。


[～.cshtml]コードブロック

～.cshtmlにC#のコードを埋め込むことができる。

図　コードブロック


[～.cshtml]コードナゲット

～.cshtmlにC#の変数やメソッド（の戻り値）を埋め込むことができる。

図　コードナゲット


[～.cshtml]forコードブロック

～.cshtmlにC#のforループを埋め込むことができる。

図　forコードブロック


次回は

Razorページのつづきです。




 

このブログの人気の投稿

10月3日（木）1コマ目

イメージ
今日、やったこと 練習問題のつづき 今日のホワイトボード 先週配布したC#の練習問題をひきつづきやってもらいました。 おさらいの際に、C#の配列をメモリと絡めて話をしました。 C言語では 　int array[10]; と書けば、int型が10個連続するエリアがメモリ上に確保され、変数名arrayでアクセスできます。 この確保されたエリア（変数名arrayでアクセスできるエリア)に配列データが保存されます。 C#では 　int[] array; で確保されるエリアには配列データを保存されません。 　array = new int[10]; でint型が10個連続するエリアが確保されます。このエリアに配列データが保存されます。 変数arrayにはこのエリアへアクセスするための参照情報が保存されます。 よって、変数arrayはCのポインタ変数と同じです。 C#では今後、この実はポインタ変数が結構登場します。 図　配列（CとC#の違い) 次回は 練習問題の解説をします。
続きを読む

10月27日（木）1コマ目

イメージ
今日、やったこと コンストラクタ 今日のホワイトボード コンストラクタとは 一見、メソッド。でもメソッドではない。 [実行するには] メソッドのように呼び出すことができない。インスタンス生成時に自動的に呼び出される。 [メソッド名は] クラス名と同じにしなければならない。 [引数は] 可能。 [戻り値は] なし。型指定もできない。voidも指定できない。 図　コンストラクタ 図　コンストラクタの実行 コンストラクタを作ってみる Time.cs コンストラクタでメッセージを表示する。 Test.cs Main()メソッドのあるクラス。Timeクラスのインスタンス生成時にコンストラクタが実行される。 上記プログラムを実行すると、 　 コンストラクタが実行されました 　 9時15分 　　　　　　　　　　　 と表示される。 コンストラクタでの処理 コンストラクタの一般的な利用として、プロパティの初期化があります。 Time.cs Hour、Minuteプロパティをコンストラクタで初期化します。 Test.cs ここでは生成したTimeクラスのインスタンのHour、Minuteプロパティを変更していません。 上記プログラムを実行すると、 　 コンストラクタが実行されました 　 10時20分 　　　　　　　　　 　 と表示される。コンストラクタで初期化された値が表示されます。 コンストラクタを複数定義する 同じクラス内に 引数の数、型が異なれば複数のコンストラクタ を定義できます。 ...
続きを読む

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

イメージ
今日、やったこと 練習問題のつづき+解説 クラス 今日のホワイトボード 練習問題の解答例＋解説 練習問題1-1 Console.Write()とConsole.WriteLine() Write()メソッドは改行なし、WriteLine()メソッドは改行ありです。 図　Write()メソッドとWriteLine()メソッド 練習問題1-2 とくに指定はしていませんが、配列に代入するフィボナッチ数列の値はループを使って、計算した結果を代入してほしいです。 練習問題1-3 練習問題1-4 10進数=>2進数へ変換するには、答えが0になるまで、2で割り、余りが各けたの数、答えが次に２で割る数でした。これをプログラムに置き換えればOKです。 図　ループ処理 練習問題1-5 2の補数がちょっとややこしいかもしれません。 が、基数変換同様、処理の流れをプログラムに置き換えればできます。 図　２の補数へ変換するながれ 練習問題1-6 解答例はバブルソートで並び替えています。 クラスはCの構造体と同じ？ クラスはCの構造体と見た目はよく似ています。 構造体のメンバ変数とクラスのフィールドは同じようなモノだと思ってください。 構造体は変数を宣言すれば、構造体メンバにアクセスできます。 が、クラスは変数を宣言しただけでは、フィールドにアクセスすることができません。 図　Cの構造体とC#のクラス クラスは変数を宣言するだけではエリアが確保されない クラスは変数を宣言するだけでは、クラス内のフィールドの値を保存するためのエリアが確保されません。 キーワードnewを使ってエリアを確保する必要があります。（配列と同じイメージ） 図　キーワードnewを使ってクラス用のエリアを確保する インスタンス生...
続きを読む