Visual Studio の初心者向けデモ (Silverlight 編)

初心者用のセミナーなどでは Visual Studio の開発生産性を示すデモがよく行われます。
Windows フォーム編WPF 編に引き続き、
Silverlight 上のグリッドを特定のテーブルにバインドさせるだけの簡単なサンプルを作成する手順について記述します。
Northwind データベースの Products テーブルを対象とします。
Windows フォームとは違って、データの保存はできません。
  1. Visual Studio を起動する。
  2. (1) [ファイル] – [新規作成] – [プロジェクト] をクリックし、
         テンプレートから [Silverlight アプリケーション] を選択して [OK] をクリックする。
    (2) [WCF RIA サービスを有効にする] チェック ボックスをオンにし、[OK] をクリックする。
      → ソリューションおよびプロジェクトが作成される。
  3. (1) [プロジェクト] – [新しい項目の追加] をクリックし、
         テンプレートから [ADO.NET Entity Data Model] を選択して [追加] をクリックする。
    (2) [次へ] をクリックする。
    (3) [新しい接続] をクリックする。
    (4) [localhost\SQLEXPRESS] サーバーの [Northwind] データベースを選択して [OK] をクリックする。
    (5) [次へ] をクリックする。
    (6) [Products] テーブルを選択し、[生成されたオブジェクトの名前を複数化または単数化する] チェック ボックスを
         オンにして [完了] をクリックする。
      → SilverlightApplication1.Web プロジェクトに Model1.edmx が作成される。
  4. [ビルド] – [ソリューションのビルド] をクリックする。
  5. (1) [プロジェクト] – [新しい項目の追加] をクリックし、テンプレートから [Domain Service Class] を選択して [追加] をクリックする。
    (2) [Product] の [Enable editing] チェック ボックスをオンにして [OK] をクリックする。
      → SilverlightApplication1.Web プロジェクトに DomainService1.cs が作成される。
  6. MainPage.xaml を表示させ、[データ] – [データ ソースの表示] をクリックする。
      → [データ ソース] ウィンドウが表示される。
  7. [データ ソース] ウィンドウの [Product] を MainPage.xaml にドラッグ アンド ドロップする。
      → DataGrid が配置される。
  8. productDataGrid を右クリックし、[レイアウトのリセット] – [すべて] をクリックする。
      → productDataGrid の領域が最大限に広がる。

  9. [デバッグ] – [デバッグなしで開始] をクリックする。
      → 作成されたアプリケーションが起動する。

 
バージョン情報
Silverlight 4
.NET Framework 4
Visual Studio 2010 + Silverlight 4 Tools
 
参照

コメント / トラックバック2件 to “Visual Studio の初心者向けデモ (Silverlight 編)”

  1. Visual Studio の初心者向けデモ (WPF 編) « Do Design Space Says:

    […] Studio 2010   参照 Visual Studio の開発生産性を示すデモ (Windows フォーム編) Visual Studio の開発生産性を示すデモ (Silverlight 編)   カテゴリー: クライアント技術. タグ: Visual Studio, WPF. コメントする […]

  2. Visual Studio の初心者向けデモ (Windows フォーム編) « Do Design Space Says:

    […] Visual Studio 2005, 2008, 2010   参照 Visual Studio の開発生産性を示すデモ (WPF 編) Visual Studio の開発生産性を示すデモ (Silverlight 編)   カテゴリー: クライアント技術. タグ: Visual Studio, Windows フォーム. […]


コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。