Prise en main avec ASP.NET 4.5 Web Forms et Visual Studio 2017

Cette série de tutoriels vous montre comment créer une application ASP.NET Web Forms avec ASP.NET 4.5 et Microsoft Visual Studio 2017.

Introduction

Cette série de tutoriels vous guide tout au long de la création d’une application ASP.NET Web Forms à l’aide de Visual Studio 2017 et ASP.NET 4.5. Vous allez créer une application nommée Wingtip Toys , un site web de vitrine simplifié qui vend des articles en ligne. Au cours de la série, les nouvelles fonctionnalités ASP.NET 4.5 sont mises en évidence.

Public cible

Les développeurs qui débutent ASP.NET Web Forms sont le public cible de cette série de tutoriels.

Vous devez avoir quelques connaissances dans les domaines suivants :

• Programmation orientée objet (POO) et langages
• Développement web (HTML, CSS, JavaScript)
• Bases de données relationnelles
• Architecture multiniveau

Pour passer en revue ces domaines, envisagez d’étudier le contenu suivant :

• Mise en route de Visual C#
• Développement web, HTML, CSS, JavaScript, SQL, PHP, JQuery
• Base de données relationnelle
• Architecture multitier

Fonctionnalités de l’application

Les fonctionnalités de formulaire web ASP.NET présentées dans cette série sont les suivantes :

• Projet d’application web (et non projet de site web)
• Web Forms
• Pages maîtres, Configuration
• Bootstrap
• Entity Framework Code First, LocalDB
• Validation des demandes
• Contrôles de données fortement typés
• Liaison de modèle
• Annotations de données
• Fournisseurs de valeurs
• SSL et OAuth
• identité, configuration et autorisation ASP.NET
• Validation discrète
• Routage
• Gestion des erreurs ASP.NET

Scénarios d’application et tâches

Les tâches de la série de tutoriels sont les suivantes :

• Création, révision et exécution d’un projet
• Création d’une structure de base de données
• Initialisation et amorçage d’une base de données
• Personnalisation de l’interface utilisateur avec des styles, des graphiques et une page master
• Ajout de pages et de navigation
• Affichage des détails du menu et des données de produit
• Création d’un panier d’achat
• Ajout de la prise en charge SSL et OAuth
• Ajout d’un mode de paiement
• Inclusion d’un rôle d’administrateur et d’un utilisateur à l’application
• Restriction de l’accès à des pages et dossiers spécifiques
• Chargement d’un fichier dans l’application web
• Implémentation de la validation des entrées
• Inscription d’itinéraires pour l’application web
• Implémentation de la gestion des erreurs et de la journalisation des erreurs

Vue d’ensemble

Cette série de tutoriels s’adresse à une personne familiarisée avec les concepts de programmation, mais qui ne connaît pas ASP.NET Web Forms. Si vous êtes déjà familiarisé avec ASP.NET Web Forms, cette série peut toujours vous aider à découvrir les nouvelles fonctionnalités ASP.NET 4.5. Pour les lecteurs qui ne sont pas familiarisés avec les concepts de programmation et les ASP.NET Web Forms, consultez les didacticiels Web Forms supplémentaires fournis dans la section Prise en main du site Web ASP.NET.

Le ASP.NET 4.5 fourni dans cette série de tutoriels comprend les fonctionnalités suivantes :

• Interface utilisateur simple pour la création de projets qui offre la prise en charge de nombreux frameworks ASP.NET (Web Forms, MVC et API web).

• Bootstrap, une infrastructure de disposition, de thèmes et de conception réactive.

• ASP.NET Identity, un nouveau système d’appartenance ASP.NET qui fonctionne de la même façon dans toutes les infrastructures ASP.NET et fonctionne avec des logiciels d’hébergement web autres qu’IIS.

• Entity Framework 6

  Une mise à jour d’Entity Framework vous permettant de :

  • Récupérer et manipuler des données en tant qu’objets fortement typés
  • Accéder aux données de manière asynchrone
  • Gérer les erreurs de connexion temporaires
  • Instructions LOG SQL

Pour obtenir une liste complète des fonctionnalités ASP.NET 4.5, consultez ASP.NET et Web Tools pour Visual Studio 2013 notes de publication.

Exemple d’application Wingtip Toys

Les captures d’écran suivantes proviennent de l’application ASP.NET Web Forms que vous créez dans cette série de tutoriels. Lorsque vous exécutez l’application dans Visual Studio, la page d’accueil web suivante s’affiche.

Vous pouvez vous inscrire en tant que nouvel utilisateur ou vous connecter en tant qu’utilisateur existant. La navigation supérieure contient des liens vers les catégories de produits et leurs produits à partir de la base de données.

Si vous sélectionnez Produits, tous les produits disponibles s’affichent.

Si vous sélectionnez un produit spécifique, les détails du produit s’affichent.

En tant qu’utilisateur, vous pouvez vous inscrire et vous connecter avec Web Forms fonctionnalité par défaut du modèle. Ce tutoriel explique également comment se connecter à l’aide d’un compte Gmail existant. En outre, vous pouvez vous connecter en tant qu’administrateur pour ajouter et supprimer des produits de la base de données.

Une fois connecté en tant qu’utilisateur, vous pouvez ajouter des produits au panier d’achat et effectuer un paiement avec PayPal. L’exemple d’application est conçu pour fonctionner dans le bac à sable des développeurs de PayPal. Aucune transaction monétaire réelle n’a lieu.

PayPal confirme vos informations de compte, de commande et de paiement.

Après votre retour de PayPal, vous pouvez passer en revue et terminer votre commande.

Prérequis

Avant de commencer, vérifiez que les logiciels suivants sont installés sur votre ordinateur :

• Microsoft Visual Studio 2017 ou Microsoft Visual Studio Community 2017.

Le .NET Framework est installé automatiquement.

Cette série de tutoriels utilise Microsoft Visual Studio Community 2017. Vous pouvez utiliser cela ou Microsoft Visual Studio 2017 pour suivre cette série de tutoriels.

Notez ce qui suit à propos de Visual Studio :

• Microsoft Visual Studio 2017 et Microsoft Visual Studio Community 2017 sont appelés Visual Studio dans cette série de didacticiels.

• Visual Studio 2017 est installé en regard de toutes les versions antérieures déjà installées. Les sites créés dans les versions antérieures peuvent être ouverts dans Visual Studio 2017 et continuer à s’ouvrir dans les versions précédentes.

• La première fois que vous avez démarré Visual Studio, il est supposé que vous avez sélectionné les paramètres de développement web . Pour plus d’informations, consultez Guide pratique pour sélectionner paramètres d’environnement de développement web.

Après avoir installé les prérequis, vous êtes prêt à commencer à créer le projet web présenté dans cette série de tutoriels.

Téléchargement de l'exemple d'application

Vous pouvez télécharger l’exemple d’application terminé à tout moment à partir du site d’exemples MSDN :

Prise en main avec ASP.NET 4.5 Web Forms et Visual Studio 2013 - Wingtip Toys (C#)

Ce téléchargement comporte les éléments suivants :

• Exemple d’application dans le dossier WingtipToys .
• Ressources utilisées pour créer l’exemple d’application dans le dossier WingtipToys-Assets dans le dossier WingtipToys .

Le téléchargement est un fichier .zip . Pour voir le projet terminé créé par cette série de didacticiels, recherchez et sélectionnez le dossier C# dans le fichier .zip. Enregistrez le dossier C# dans le dossier que vous utilisez pour travailler avec des projets Visual Studio. Par défaut, le dossier projets Visual Studio 2017 est le suivant :

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

Renommez le dossier C#WingtipToys.

Notes

Si vous avez déjà un dossier nommé WingtipToys dans votre dossier Projects, renommez temporairement ce dossier existant avant de renommer le dossier C#wingtipToys.

Pour exécuter le projet terminé, ouvrez le dossier WingtipToys et double-cliquez sur le fichier WingtipToys.sln . Visual Studio 2017 ouvre le projet. Ensuite, cliquez avec le bouton droit sur le fichier Default.aspx dans Explorateur de solutions, puis sélectionnez Afficher dans le navigateur.

Participez à un questionnaire ASP.NET Web Forms pour passer en revue le contenu

Après avoir terminé la série de tutoriels, répondez à un questionnaire pour tester vos connaissances et renforcer les concepts clés. Chaque question fournit une explication et des liens vers des conseils supplémentaires.

• ASP.NET Web Forms Questionnaire

Support et commentaires du tutoriel

Pour les questions et commentaires, utilisez la section Q et R incluse dans la Prise en main avec ASP.NET Web Forms 4.5 et Visual Studio 2013 - Wingtip Toys (C#).

Les commentaires sur cette série de tutoriels sont les bienvenus. Lorsque cette série de tutoriels est mise à jour, tous les efforts sont déployés pour prendre en compte des corrections ou des suggestions d’amélioration.

Si une erreur se produit, les messages d’erreur correspondants peuvent prêter à confusion, sans explication correcte sur la façon de la corriger. Pour obtenir de l’aide, vous pouvez case activée les forums ASP.NET. Une autre bonne source est la section Q et R de la Prise en main avec ASP.NET Web Forms 4.5 et Visual Studio 2013 - Wingtip Toys (C#).

Next