First Creation : 2006/02/19

Last Update: 2006/02/19

Top > Menu - VD > ASP.NET 第一回

いろいろな出力方法

Hello, World の表示方法を何パターンか紹介。

いろいろな Hello, World !

属性 Text に入力

前回紹介した方法のソース。asp:Label の Text に Hello, World ! と入っているのが分かる。

なお、asp:Label は <form runat="server"> タグの外に記述してもいいが、内側に記述しなければ動作しない WEB コントロールもある。

ASP.NET はほとんどの処理をサーバ側で行うことを前提に作られているので、<form runat="server> は <body> の次あたりにおくクセをつけるといいだろう。

<%@ Page Language="C#" %>

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

<script runat="server">
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
  <title>Hello, World ! - サーバコントロール</title>
</head>
<body>
  <form id="form1" runat="server">
    <div>
      <h1>
        ASP.NET で Hello,World を表示させる</h1>
      <p>
        <asp:Label ID="Label1" runat="server" Text="Hello, World !"></asp:Label></p>
    </div>
  </form>
</body>
</html>

サンプル

プロパティで表示

Label1 の Text が空になっているが、<script runat="server"> 内に記述されたスクリプトで Hello, World ! と出力されるケースだ。

まずページが読み込まれたときに、Page_Load 内の処理が実行され、Label1.Text = "Hello, World !"; と書き込まれる。

これは、Label1 というページ内でユニークな ID の Text プロパティに、"Hello, World !" と入力しなさいと言う命令文だ。

<%@ Page Language="C#" %>

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

<script runat="server">
  void Page_Load(object sender, EventArgs e)
  {
    Label1.Text = "Hello, World"; 
  }
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
  <title>Hello, World ! - サーバコントロール</title>
</head>
<body>
  <form id="form1" runat="server">
    <div>
      <h1>
        ASP.NET で Hello,World を表示させる 2</h1>
      <p>
        <asp:Label ID="Label1" runat="server" Text=""></asp:Label></p>
    </div>
  </form>
</body>
</html>

サンプル

なお、 protected void Page_Load(object sender, EventArgs e) という関数は、Visual Web Developer をデザインモードにして、BODY の空白(何も書かれていないところ)を W クリックすると、自動的に記述される。

埋め込み型スクリプトで表示

HTML 中にスクリプトを埋め込むには、<% %> を使う。

Response.Write で文字を出力している。

<%@ Page Language="C#" %>

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

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
  <title>Hello, World ! - サーバコントロール</title>
</head>
<body>
  <form id="form1" runat="server">
    <div>
      <h1>
        ASP.NET で Hello,World を表示させる 3</h1>
      <p>
        <% Response.Write("Hello, World !"); %></p>
    </div>
  </form>
</body>
</html>

サンプル

前へ上へ通行止め