ASP.NET-最初の例

ASP.NETページは、HTMLコントロール、テキスト、および画像に加えて、多数のサーバーコントロールで構成されています。ページの機密データとページ上のさまざまなコントロールの状態は、そのページ要求のコンテキストを形成する非表示フィールドに保存されます。

ASP.NETランタイムは、ページインスタンスとその状態の間の関連付けを制御します。 ASP.NETページは、Pageのオブジェクトであるか、Pageから継承されます。

ページ上のすべてのコントロールは、親Controlクラスから継承された関連コントロールクラスのオブジェクトでもあります。ページが実行されると、すべてのコンテンツコントロールとともにオブジェクトページのインスタンスが作成されます。

ASP.NETページは、拡張子.aspxで保存されたサーバー側ファイルでもあります。本質的にモジュール式であり、次のコアセクションに分割できます。

ページディレクティブ
コードセクション
ページレイアウト

ページディレクティブ

ページディレクティブは、実行するページの環境を設定します。 @Pageディレクティブは、ASP.NETページパーサーおよびコンパイラが使用するページ固有の属性を定義します。ページディレクティブは、ページの処理方法と、ページについてどの前提をとる必要があるかを指定します。

名前空間のインポート、アセンブリの読み込み、およびカスタムタグ名と名前空間プレフィックスを使用した新しいコントロールの登録が可能です。

コードセクション

コードセクションは、ページおよびコントロールイベントのハンドラーと、必要な他の機能を提供します。 ASP.NETはオブジェクトモデルに従うことを述べました。現在、これらのオブジェクトは、ユーザーがボタンをクリックしたり、カーソルを移動したりするなど、ユーザーインターフェイスでイベントが発生したときにイベントを発生させます。これらのイベントが往復する必要がある応答の種類は、イベントハンドラー関数でコーディングされます。イベントハンドラは、コントロールにバインドされた関数にすぎません。

コードセクションまたはコードビハインドファイルは、これらすべてのイベントハンドラルーチン、および開発者が使用するその他の機能を提供します。ページコードは、バイナリアセンブリの形式でプリコンパイルおよび展開できます。

ページレイアウト

ページレイアウトは、ページのインターフェイスを提供します。サーバーコントロール、テキスト、インラインJavaScript、およびHTMLタグが含まれています。

次のコードスニペットは、C＃で記述されたページディレクティブ、コードセクション、およびページレイアウトを説明するサンプルASP.NETページを提供します。

<!-- directives -->
<% @Page Language="C#" %>

<!-- code section -->
<script runat="server">

   private void convertoupper(object sender, EventArgs e)
   {
      string str = mytext.Value;
      changed_text.InnerHtml = str.ToUpper();
   }
</script>

<!-- Layout -->
<html>
   <head>
      <title> Change to Upper Case </title>
   </head>

   <body>
      <h3> Conversion to Upper Case </h3>

      <form runat="server">
         <input runat="server" id="mytext" type="text"/>
         <input runat="server" id="button1" type="submit" value="Enter..." OnServerClick="convertoupper"/>

         <hr/>
         <h3> Results: </h3>
         <span runat="server" id="changed_text"/>
      </form>

   </body>

</html>

このファイルをWebサーバーのルートディレクトリにコピーします。通常、c：\ iNETput \ wwwrootです。ブラウザからファイルを開いて実行すると、次の結果が生成されます。

ASP.NET最初の例 ASP.NET最初の例

Visual Studio IDEを使用する

Visual Studio IDEを使用して同じ例を開発してみましょう。コードを入力する代わりに、コントロールをデザインビューにドラッグするだけです。

ASP.NET最初の例2

コンテンツファイルは自動的に開発されます。追加する必要があるのは、次のようなButton1_Clickルーチンだけです。

protected void Button1_Click(object sender, EventArgs e)
{
   string buf = TextBox1.Text;
   changed_text.InnerHtml = buf.ToUpper();
}

コンテンツファイルのコードは次のとおりです。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs"
   Inherits="firstexample._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

   <head runat="server">
      <title>
         Untitled Page
      </title>
   </head>

   <body>

      <form id="form1" runat="server">
         <div>

            <asp:TextBox ID="TextBox1" runat="server" style="width:224px">
            </asp:TextBox>

            <br/>
            <br/>

            <asp:Button ID="Button1" runat="server" Text="Enter..." style="width:85px" onclick="Button1_Click"/>
            <hr/>

            <h3> Results: </h3>
            <span runat="server" id="changed_text"/>

         </div>
      </form>

   </body>

</html>

デザインビューを右クリックし、ポップアップメニューから[ブラウザで表示]を選択して、例を実行します。これにより、次の結果が生成されます。

ASP.NET最初の例3

Asp.net-first-example

ASP.NET-最初の例

ページディレクティブ

コードセクション

ページレイアウト

Visual Studio IDEを使用する

目次