Web Program でボタンのクリックを検出

Visual Studio .NET2005 を使って、Web Program でボタンのクリックを検出します。

前田稔(Maeda Minoru)の超初心者のプログラム入門

プロジェクトの設定

  1. 初めてのソフトは、慣れるまでに苦労します。 (^_^;)
    後から考えると「何であんなことでつまずいたのだろう」と思うことも、しばしばあります。 (;_;)
    そんなとき役に立つのが、難しいことを抜きにした要点を捕らえた説明です。
    前回に続き [TextBox] と [Button] を使った場合を例にして説明しましょう。
  2. Visual Studio .NET2005 を起動します。
    ファイル/新規作成/プロジェクト/Visual C#/ASP.NET Webアプリケーションから新規のプロジェクト(Web)を作成します。
  3. 自動的にテンプレートに基づいて、幾つかのファイルが作成されます。
    右側のソリューションエクスプローラに表示されている主要なファイルの説明です。
    1. Default.aspx
      画面表示(HTML)のソースコードです。
      デザインタブをクリックすると、Web ページの画面が表示されます。
      画面とファイルは関連付けられていて、片方を修正すればもう片方に反映します。
    2. Default.aspx.cs
      Default.aspx のソースコードです。
      ファイル名を「aspxファイル名.cs」とするのが慣例です。
    3. Default.aspx.designer.cs
      Default.aspx で使われているコントロールを定義します。
      デザイン画面でコントロールを貼り付けると、その定義が自動的に追加されます。
      このファイルは、プログラマが触ることはほとんどありません。
  4. タブをデザイン画面に切り替えて [TextBox] を貼り付けます。
  5. 続いて [Button] を貼り付けます。
  6. Button をダブルクリックして、ソースコードを表示します。
    Button1_Click 関数に次のコードをタイプします。
        protected void Button1_Click(object sender, EventArgs e)
        {
            TextBox1.Text = "Button がクリックされました";
        }
        
  7. Debug ボタンをクリックすると、Localhost へアップロードされて、Web ページが表示されます。
    Visual Studio .NET を使うと ASP.NET のサーバーを準備しなくても、テストが行えるようです。
    詳しいことはネットで調べて下さい。
  8. ソースファイルの名前には、規定値が使われています。
    名前を変更するときは、ソリューションエクスプローラから Default.aspx の名前を直接編集して下さい。
    Default.aspx に含まれるファイルの名前も自動的に変更されます。

サーバーにアップロード

  1. Visual Studio .NET で作成したソースと、私が契約した ASP.NET 対応サーバーのバージョンが合わないようです。
    WebMatrix で作成したプログラムは、そのままアップロード出来たのですが、今回のプログラムは修正が必要です。
    おそらく Visual Studio .NET2005 で作成されるソースコードの方が新しいのでしょう。
  2. Default.aspx の最初に行に書かれている CodeBehind= を Src= に変更します。
  3. 次に default.aspx.designer.cs を参照して、コントロールが定義されている行を default.aspx.cs に追加します。
    TextBox や Button など、ほとんどのコントロールを貼り付けると default.aspx.designer.cs に反映します。
    今回のように TextBox と Button を貼り付けた場合です。
        public partial class _Default : System.Web.UI.Page
        {
            protected System.Web.UI.WebControls.TextBox TextBox1;
            protected System.Web.UI.WebControls.Button Button1;
    
            protected void Page_Load(object sender, EventArgs e)
            {
    
  4. 次のファイルをアップロードして下さい。
    default.aspx.designer.cs はアップロードする必要はありません。
    1. default.aspx
    2. default.aspx.cs
  5. 私が借りているページから default.aspx を呼び出すリンクです。
    "http://www.maeda.dev-asp.net/default.aspx"

【NOTE】

プロジェクトに必要な最低限のファイルです。
他のファイルは削除しても、Visual Studio が自動的に復元してくれます。
*.csproj をダブルクリックすると、保存したプロジェクトが立ち上がります。
  1. Properties フォルダ
  2. *.aspx
  3. *.aspx.cs
  4. *.aspx.designer.cs
  5. *.csproj

超初心者のプログラム入門(C# on-line game)