ASP.NET 4.5 Web Forms と Visual Studio 2017 を使用したはじめに

  • [アーティクル]

このチュートリアル シリーズでは、ASP.NET 4.5 と Microsoft Visual Studio 2017 を使用して ASP.NET Web Forms アプリケーションを構築する方法について説明します。

はじめに

このチュートリアル シリーズでは、Visual Studio 2017 と ASP.NET 4.5 を使用して ASP.NET Web Forms アプリケーションを作成する方法について説明します。 Wingtip Toys という名前のアプリケーションを作成します。オンラインでアイテムを販売する簡略化されたネットショップ Web サイトです。 シリーズ中は、新しい ASP.NET 4.5 機能が強調表示されます。

対象読者

ASP.NET Web Formsを初めて使用する開発者は、このチュートリアル シリーズの対象ユーザーです。

次の領域に関する知識が必要です。

  • オブジェクト指向プログラミング (OOP) と言語
  • Web 開発 (HTML、CSS、JavaScript)
  • リレーショナル データベース
  • n 層アーキテクチャ

これらの領域を確認するには、次の内容を検討することを検討してください。

アプリケーション機能

このシリーズで紹介する ASP.NET Web フォームの機能は次のとおりです。

  • Web アプリケーション プロジェクト (Web サイト プロジェクトではない)
  • Web フォーム
  • マスター ページ、構成
  • ブートストラップ
  • Entity Framework Code First、LocalDB
  • 要求の検証
  • 厳密に型指定されたデータ コントロール
  • モデル バインド
  • データの注釈
  • 値プロバイダー
  • SSL と OAuth
  • ASP.NET ID、構成、および承認
  • 目立たない検証
  • ルーティング
  • ASP.NET エラー処理

アプリケーションのシナリオとタスク

チュートリアル シリーズのタスクは次のとおりです。

  • 新しいプロジェクトの作成、確認、実行
  • データベース構造の作成
  • データベースの初期化とシード処理
  • スタイル、グラフィックス、マスター ページを使用して UI をカスタマイズする
  • ページとナビゲーションの追加
  • メニューの詳細と製品データの表示
  • ショッピング カートの作成
  • SSL と OAuth のサポートの追加
  • 支払い方法の追加
  • 管理者ロールとユーザーをアプリケーションに含める
  • 特定のページとフォルダーへのアクセスを制限する
  • Web アプリケーションへのファイルのアップロード
  • 入力検証の実装
  • Web アプリケーションのルートの登録
  • エラー処理とエラー ログの実装

概要

このチュートリアル シリーズは、プログラミングの概念に精通している人を対象としていますが、ASP.NET Web Formsは初めてです。 ASP.NET Web Formsに既に慣れている場合でも、このシリーズは新しい ASP.NET 4.5 機能について学習するのに役立ちます。 プログラミングの概念や ASP.NET Web Formsに慣れていない読者については、ASP.NET Web サイトの「はじめに」セクションで提供される追加のWeb Formsチュートリアルを参照してください。

このチュートリアル シリーズで提供される ASP.NET 4.5 には、次の機能が含まれています。

  • 多くの ASP.NET フレームワーク (Web Forms、MVC、Web API) のサポートを提供するプロジェクトを作成するための単純な UI。

  • ブートストラップ、レイアウト、テーマ、応答性の高いデザイン フレームワーク。

  • ASP.NET ID は、すべての ASP.NET フレームワークで同じように動作し、IIS 以外の Web ホスティング ソフトウェアと連携する新しい ASP.NET メンバーシップ システムです。

  • Entity Framework 6

    Entity Framework の更新により、次の処理が可能になります。

    • 厳密に型指定されたオブジェクトとしてデータを取得および操作する
    • データに非同期的にアクセスする
    • 一時的な接続エラーを処理する
    • ログ SQL ステートメント

ASP.NET 4.5 機能の完全な一覧については、「Visual Studio 2013 リリース ノートの ASP.NET and Web Tools」を参照してください。

Wingtip Toys サンプル アプリケーション

次のスクリーンショットは、このチュートリアル シリーズで作成した ASP.NET Web Forms アプリケーションのスクリーンショットです。 Visual Studio でアプリケーションを実行すると、次の Web ホーム ページが表示されます。

Wingtip Toys - 既定のページ

新しいユーザーとして登録することも、既存のユーザーとしてサインインすることもできます。 上部のナビゲーションには、データベースの製品カテゴリとその製品へのリンクがあります。

[ 製品] を選択すると、使用可能なすべての製品が表示されます。

Wingtip Toys - 製品

特定の製品を選択すると、製品の詳細が表示されます。

Wingtip Toys - 製品詳細

ユーザーは、テンプレートの既定の機能Web Forms登録してサインインできます。 このチュートリアルでは、既存の Gmail アカウントを使用してサインインする方法についても説明します。 さらに、管理者としてサインインして、データベースに製品を追加したり、データベースから製品を削除したりできます。

Wingtip Toys - サインイン

ユーザーとしてサインインしたら、ショッピング カートに製品を追加し、PayPal でチェックアウトできます。 サンプル アプリケーションは、PayPal の開発者サンドボックスで動作するように設計されています。 実際のお金の取引は行われません。

Wingtip Toys - ショッピング カート

PayPal は、アカウント、注文、支払い情報を確認します。

Wingtip Toys - PayPal

PayPal から戻ったら、注文を確認して完了できます。

Wingtip Toys - Order Review

前提条件

開始する前に、次のソフトウェアがコンピューターにインストールされていることを確認します。

.NET Frameworkは自動的にインストールされます。

このチュートリアル シリーズでは、Microsoft Visual Studio Community 2017 を使用します。 または Microsoft Visual Studio 2017 を使用して、このチュートリアル シリーズを完了できます。

Visual Studio に関する次の点に注意してください。

  • Microsoft Visual Studio 2017 および Microsoft Visual Studio Community 2017 は、このチュートリアル シリーズ全体で Visual Studio と呼ばれます。

  • Visual Studio 2017 は、既にインストールされている古いバージョンの横にインストールされます。 以前のバージョンで作成されたサイトは、Visual Studio 2017 で開き、以前のバージョンで開き続けることができます。

  • Visual Studio を初めて起動するときは、 Web 開発 設定を選択したと見なされます。 詳細については、「 方法: Web 開発環境の設定を選択する」を参照してください。

前提条件をインストールしたら、このチュートリアル シリーズに示されている Web プロジェクトの作成を開始する準備が整いました。

サンプル アプリケーションのダウンロード

完成したサンプル アプリケーションは、MSDN サンプル サイトからいつでもダウンロードできます。

ASP.NET 4.5 Web Forms と Visual Studio 2013 を使用したはじめに - Wingtip Toys (C#)

このダウンロードには、次の項目があります。

  • WingtipToys フォルダー内のサンプル アプリケーション。
  • WingtipToys フォルダーの WingtipToys-Assets フォルダーにサンプル アプリケーションを作成するために使用されるリソース。

ダウンロードは .zip ファイルです。 このチュートリアル シリーズで作成された完成したプロジェクトを確認するには、.zip ファイル内の C# フォルダーを見つけて選択します。 C# フォルダーを Visual Studio プロジェクトの操作に使用するフォルダーに保存します。 既定では、Visual Studio 2017 プロジェクト フォルダーは次のとおりです。

C:\Users\<username>\source\repos

C# フォルダーの名前を WingtipToys に変更します。

Note

Projects フォルダーに WingtipToys という名前のフォルダーが既にある場合は、 C# フォルダーの名前を WingtipToys に変更する前に、その既存のフォルダーの名前を一時的に変更します。

完成したプロジェクトを実行するには、 WingtipToys フォルダーを開き、 WingtipToys.sln ファイルをダブルクリックします。 Visual Studio 2017 でプロジェクトが開きます。 次に、ソリューション エクスプローラーの Default.aspx ファイルを右クリックし、[ブラウザーで表示] を選択します。

ASP.NET Web Formsクイズを実行してコンテンツを確認する

チュートリアル シリーズを完了したら、クイズを行って知識をテストし、主要な概念を強化します。 各質問には、説明と追加のガイダンスへのリンクが記載されています。

チュートリアルのサポートとコメント

質問とコメントについては、ASP.NET 4.5 Web Forms と Visual Studio 2013 - Wingtip Toys (C#) サンプル ページのはじめにに含まれている Q と A セクションを使用します。

このチュートリアル シリーズに関するコメントは大歓迎です。 このチュートリアル シリーズを更新すると、改善のための修正や提案を検討するためのあらゆる努力が行われます。

エラーが発生した場合、対応するエラー メッセージがわかりにくい可能性があり、修正方法に関する適切な説明はありません。 ヘルプについては、ASP.NET フォーラムをチェックできます。 もう 1 つの優れたソースは、ASP.NET 4.5 Web Forms と Visual Studio 2013 - Wingtip Toys (C#) サンプル ページを含むはじめにの Q と A セクションです。

次へ