ページ

2011年11月25日金曜日

◆ASP.NET MVC でHelloWorld

 

以下のサイトを参考にしながら自分なりに勉強してみる。
連載:ASP.NET MVC入門 - @IT

新しいプロジェクトの作成

image

使っているVisualStudioのバージョンやインストールしているMVCモジュールのバージョンによってMVC2だったりMVC3だったりする。(ここではVisualStudio2010の素の状態を使っている)

デフォルトのフォルダ構成

2011-11-21 10h46_402011-11-21 10h49_26

コントローラークラスを作る

    1. 「ソリューションエクスプローラー」で「Controllers」フォルダを右クリックして「追加」「コントローラー」を選択。
      image
    2. 「コントローラーの追加」ダイアログで「コントローラー名」を指定する。
      xxxxControllerという名前にする必要がある。
      image
    3. 「Controllers」フォルダにコントローラーソースが追加される。
      image
      「AccountController」と「HomeController」はテンプレートが追加したもの。
    4. Viewを返す。
      デフォルトでActionResultオブジェクトを返すIndexメソッドが定義されるので、その中でとりあえずViewメソッドを呼んでやるとIndexメソッドに対応したIndex.aspxがブラウザに返るという仕組みのようだ。
      Viewメソッドは継承元のControllerクラスで定義されている。
      ActionResultは抽象クラスなので実際には、それを実装したViewResultオブジェクトを返している。

ビューを作る

Index.aspxを返すコントローラークラスが出来たので、あとはIndex.aspxの実体をViewとして作ってあげる。

    1. 追加された「HelloWorldController」クラスの「Index」メソッド上で右クリックして「ビューの追加」を選択する。
      2011-11-21 11h18_59
    2. 表示されたダイアログでオプションを全てOFFにした状態で「Index」ビューを追加する。
      2011-11-21 11h22_28
    3. 「Views」フォルダーに下にコントローラーと同名のフォルダが作られ、「Index.aspx」ページが追加される。
    4. デフォルトで以下のようなシンプルなHTMLの雛形が作られるので、とりあえず「Hello World!!」だけ追加してみた。
      <html xmlns="http://www.w3.org/1999/xhtml" >
      <head runat="server">
      <title>Index</title>
      </head>
      <body>
      <div>
      Hello World !!
      </div>
      </body>
      </html>

    5. コントローラーとViewの関係を簡単にまとめるとこんな感じだろうか。2011-11-25 11h25_02

動作確認



ここまでとりあえずF5キーを押して動作を確認すると、最初はひな形で作られた以下の画面が表示されるので、適切なドレスに変更する。
2011-11-25 11h59_56


今回の場合は、こんな感じになる。
2011-11-25 12h02_49

0 件のコメント:

コメントを投稿

私が最近チェックした記事