ASP.NET MVCによるWindows Azureアプリケーション開発

正式リリースされたWindows Azureの力（4）

7. 結果ページとなるビュー（Views/Home/Index.aspx）を追加する

　画像ファイルのアップロードとブロブへの登録が成功した時に表示される、結果ページのビューを新たに作成します。

　ソリューションエクスプローラーで、［MvcWebRole1］プロジェクト内の［Views］フォルダー内の［Home］フォルダーを右クリックし、［追加］の［ビュー］をクリックします。表示された［ビューの追加］ダイアログボックス内の［ビュー名］ボックスの値を、［Result］に変更します。［マスターページを選択する］チェックボックスがオンになっていることを確認し、［追加］ボタンをクリックします（図9）。すると、Views/Home/Result.aspxファイルが作成されます。

図9　［ビューの追加］ダイアログボックス

8. ビュー（Views/Home/Result.aspx）を修正する

　前の手順7.で作成したビュー（Views/Home/Result.aspx）に、リスト3のようにコードを追加します（太字部分）。

リスト3　ビューの修正（Views/Home/Result.aspx）

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Result
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>Result</h2>

    <p>以下の画像を、ブロブにアップロードしました。</p>

    <table border="1">
    <tr>
    <th>画像</th>
    <th>ファイル名</th>
    <th>タイトル</th>
    </tr>
    <tr>
    <td>
        <img src="<%: ViewData["uri"] %>" height="100" alt="" />
    </td>
    <td>
        <%: ViewData["fileName"] %>
    </td>
    <td>
        <%: ViewData["title"] %>
    </td>
    </tr>
    </table>

</asp:Content>

　コントローラー（Controllers/HomeController.cs）のViewDataプロパティに格納されたデータを使用して、<table>タグ内に画像データ、タイトル、オリジナルファイル名を表示します。

　これで、サンプルアプリケーションが完成しました。