!!!ASP.NET 2005 Web サイトおよびページの作成 [ASP.NET 2005][ASP.NET][Visual Studio] *http://msdn.microsoft.com/ja-jp/library/ms178093(v=VS.80).aspx !!!Web サイトおよびページの作成 !!ファイル システム Web サイトを作成する !ファイル システム Web サイト *ローカル ハード ディスク上の任意のフォルダまたはローカル エリア ネットワーク上の任意の共有場所に保存 *サイトを開発またはテストするのに、インターネット インフォメーション サービス (IIS: Internet Information Services) アプリケーションを作成する必要がありません *Web のコピー または Web サイトの発行ツールを使用して、ファイル システム Web サイトから[ファイルを配置|http://msdn.microsoft.com/ja-jp/library/5c12ykae(v=VS.80).aspx]できる。 *アプリケーションの保存場所を指す IIS 仮想ディレクトリを作成して、ライブ Web サイトとして[ファイルを公開するという方法|http://msdn.microsoft.com/ja-jp/library/d6cw6cfs(v=VS.80).aspx]もある。 !!Webサイト作成 *ファイル - 新規作成 - Webサイト から、ASP.NET Web サイト を選択 *格納場所と、言語を選択し、OK ""選択したプログラミング言語は Web サイトでの既定として設定。ページごとに設定することも可能。 {{ref_image asp01.jpg}} !!Web サイトに新しいページ(Web フォーム)を追加 !Web サイトを右クリックし、新しい項目の追加 をクリック {{ref_image asp02.jpg}} !Web フォームを選択し、命名、言語を選択し、「別のファイルにコードを書き込む」チェックをOFFにする。 ""ここでは、コードと HTML が同じページにある、単一ファイルのページを作成する。ASP.NET ページのコードは、同じページ上に置くことも、[別のクラス ファイルに入れることもできる|http://msdn.microsoft.com/ja-jp/library/kxbhbb82(v=VS.80).aspx] {{ref_image asp03.jpg}} !デザインタブに切り替えて、ページをWYSIWYGライクに編集することができる {{ref_image asp04.jpg}} !Ctrl + F5 で実行 *タスクトレイにアイコンが表示される。 {{ref_image asp05.jpg}} *実行される {{ref_image asp06.jpg}} ""プロパティページから動作を変更できる *サイトのプロパティページ − 開始オプション {{ref_image asp16.jpg}} !!!コントロールの追加とプログラミング !!ツールボックスでから TextBox、Button、Labelをページにドラッグ {{ref_image asp07.jpg}} !!コントロールを選択し、プロパティウィンドウからプロパティを設定 {{ref_image asp08.jpg}} !!サーバー コントロール *ソース ビューに変更すると、追加したコントロールは、runat="server" となっており、同じくrunat="server"のForm要素に囲まれている。 ""サーバーサイドのコードは、
要素と ""その他にも、イベント ハンドラを作成する方法がいくつかあります !実行 {{ref_image asp09.jpg}} !!コードを管理するための 2 つのモデル(コードの分離) !単一ファイル モデル *表示される要素とコードは、同じファイルに格納されます *上記の例参照 !分離コードモデル *表示される要素は 1 つのファイルに格納され、コードは "分離コード" ファイルと呼ばれる別のファイルに格納 ""作成者の好みと利便性で選択。作業にはほとんど差がない。パフォーマンスは同じ。[詳細|http://msdn.microsoft.com/ja-jp/library/015103yb(v=VS.80).aspx] !!分離コードでのページ作成 !別のファイルにコードを書き込む チェック ボックスがオンになっていること {{ref_image asp10.jpg}} !2つのファイルが作成される {{ref_image asp11.jpg}} !単一ファイル同様に、画面をデザインし、ボタンをダブルクリックすると、別ファイルにコードが生成される。 {{ref_image asp12.jpg}} using System; using System.Data; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; public partial class WebPageSeparated : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void Button1_Click(object sender, EventArgs e) { // この行を追記する Label1.Text = TextBox1.Text + ", welcome to Visual Web Developer!"; } } !デザインとコードをバインドしているのは、デザインソースの先頭行 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebPageSeparated.aspx.cs" Inherits="WebPageSeparated" %> !コード ファイル *コード ファイルには、クラス定義に似たコードが記述る。 *ただし、正確なクラス定義とは異なる "部分クラス" *ページを構成する完全なクラスの一部のみが定義。 *実行時に、ASP.NET により、ユーザーが記述したコードを含む別の部分クラスが作成される *完全なクラスが、ページの表示に使用される基本クラスとして使用される