ASP.NET の最初のプログラム例: Hello World
ASP.NET Hello World プログラムと例
単純な「hello world」アプリケーションを実装する方法の例を見てみましょう。 このためには、以下の手順を実装する必要があります。
ステップ1) 最初のステップでは、Visual Studio で新しいプロジェクトを作成します。Visual Studio を起動したら、メニュー オプションの [新規] -> [プロジェクト] を選択する必要があります。
ステップ2) 次のステップでは、プロジェクト タイプとして ASP.Net Web アプリケーションを選択します。 ここでは、プロジェクトの名前と場所についても言及する必要があります。
- プロジェクト ダイアログ ボックスには、さまざまな種類のプロジェクトを作成するためのさまざまなオプションが表示されます。左側の Web オプションをクリックします。
- 前の手順で [Web] オプションをクリックすると、ASP.Net Web アプリケーションのオプションが表示されます。 このオプションをクリックします。
- 次に、アプリケーションに名前を付けます。この場合は DemoApplication です。 アプリケーションを保存する場所も提供する必要があります。
- 最後に、「OK」ボタンをクリックして、Visual Studio でプロジェクトを作成します。
ステップ3) 次の画面では、作成する必要がある ASP.net Web アプリケーションのタイプを選択する必要があります。 ここでは、単純な Web フォーム アプリケーションを作成します。
- まず、プロジェクトの種類として「空」を選択します。 これにより、理解しやすい基本的なアプリケーションから始めることができます。
- 「Web フォーム」オプションを選択します。 これにより、基本フォルダーが追加されます。 これらは、基本的な Web フォーム アプリケーションに必要です。
- 最後に、「OK」ボタンをクリックして、Visual Studio でアプリケーションを作成できるようにします。
上記の手順に従うと、Visual Studio で以下の出力が得られます。
出力:-
ソリューション エクスプローラーで、DemoApplication ソリューションを確認できます。 このソリューションには、上に示すように 2 つのプロジェクト ファイルが含まれます。 現時点では、プロジェクトの主要なファイルの XNUMX つは 'Global.asax.cs'。 このファイルにはアプリケーション固有の情報が含まれています。 このファイルでは、すべてのアプリケーション固有の変数をデフォルト値に初期化します。
ステップ4) 次に、Web フォーム ファイルをプロジェクトに追加します。 これは、プロジェクトの Web 固有のコードがすべて含まれるファイルです。
- DemoApplication プロジェクトを右クリックし、
- コンテキスト メニューから [追加] -> [Web フォーム] を選択します。
ステップ5) 次の画面では、Web フォームの名前を指定するよう求められます。
- Web フォームの名前を付けます。 この例では、「Demo」という名前を付けています。
- [OK]ボタンをクリックします。
Visual Studio は自動的にデモ Web フォームを作成し、それを Visual Studio で開きます。
ステップ6) 次のステップでは、「Hello World」を表示するコードを追加します。 これは、Demo.aspx ファイルにコードを XNUMX 行追加するだけで実行できます。
<html xmlns="www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <%Response. Write( "HeIIo World"); %> </div> </form> </body> </html>
コードの説明:-
- Response オブジェクト ASP.Net ユーザーに情報を送り返すために使用されます。 したがって、この例では、Response オブジェクトのメソッド「Write」を使用して、「Hello World」というテキストを書き込みます。 <% および %> マーカーは、ASP.net 固有のコードを追加するために使用されます。
上記の手順をすべて実行し、プログラムを実行すると、 Visual Studioの次のような出力が得られます。
出力:-
出力から、ブラウザに「Hello World」が表示されたことがはっきりとわかります。