Partager via


Introduction au didacticiel NerdDinner

par Scott Hanselman

Télécharger le PDF

La meilleure façon d’apprendre une nouvelle infrastructure est de créer quelque chose avec elle. Ce tutoriel explique comment créer une application petite, mais complète, à l’aide de ASP.NET MVC 1, et présente certains des concepts de base qui la sous-tendent.

Si vous utilisez ASP.NET MVC 3, nous vous recommandons de suivre les didacticiels Prise en main Avec MVC 3 ou MVC Music Store.

Tutoriel NerdDinner

La meilleure façon d’apprendre une nouvelle infrastructure est de créer quelque chose avec elle. Ce tutoriel explique comment créer une petite application, mais complète, à l’aide de ASP.NET MVC, et présente certains des concepts de base qui la sous-tendent.

L’application que nous allons générer est appelée « NerdDinner ». NerdDinner offre un moyen simple pour les gens de trouver et d’organiser des dîners en ligne:

Capture d’écran de la page de l’application Nerd Dinner. La page Héberger un dîner s’affiche.

NerdDinner permet aux utilisateurs inscrits de créer, modifier et supprimer des dîners. Il applique un ensemble cohérent de règles de validation et d’entreprise dans l’application :

Capture d’écran de la page de l’application Nerd Dinner. La page Modifier le dîner s’affiche.

Les visiteurs peuvent utiliser une carte basée sur AJAX pour rechercher les prochains dîners organisés près d’eux :

Capture d’écran de la page de carte basée sur Nerd Dinner AJ A X.

Cliquer sur un dîner les amène à une page de détails où ils peuvent en savoir plus à ce sujet :

Capture d’écran de la page web Nerd Dinner avec des détails sur le dîner A S P dot NET Study Group.

S’ils sont intéressés à assister au dîner, ils peuvent se connecter ou s’inscrire sur le site:

Capture d’écran de la page Nerd Dinner Log On.

Ils peuvent ensuite cliquer sur un lien RSVP basé sur AJAX pour participer à l’événement :

Capture d’écran de la page Nerd Dinner Study Group. Le bouton RS VP se trouve en bas.

Capture d’écran de la page de détails nerd Dinner. Un message indiquant Merci, nous vous voyons s’afficher s’affiche.

Implémentation de NerdDinner

Nous allons commencer notre application NerdDinner en utilisant la commande Fichier-Nouveau> projet dans Visual Studio pour créer un projet MVC ASP.NET. Nous ajouterons ensuite de manière incrémentielle des fonctionnalités et des fonctionnalités. En cours de route, nous aborderons :

  1. Comment créer un projet ASP.NET MVC
  2. Comment créer une base de données
  3. Comment créer un modèle avec des validations de règles métier
  4. Comment utiliser des contrôleurs et des vues pour implémenter une interface utilisateur de liste/détails
  5. Comment fournir la prise en charge de l’entrée de formulaire de données CRUD (créer, lire, mettre à jour, supprimer)
  6. Comment utiliser ViewData et implémenter des classes ViewModel
  7. Comment réutiliser l’interface utilisateur à l’aide de pages master et de composants partiels
  8. Comment implémenter une pagination de données efficace
  9. Comment sécuriser des applications à l’aide de l’authentification et de l’autorisation
  10. Comment utiliser AJAX pour fournir des mises à jour dynamiques
  11. Comment utiliser AJAX pour implémenter des scénarios de mappage
  12. Comment activer les tests unitaires automatisés

Vous pouvez créer votre propre copie de NerdDinner à partir de zéro en effectuant chaque étape que nous passons pas à pas dans ce chapitre. Vous pouvez également télécharger une version complète du code source ici : NerdDinner sur GitHub. Vous pouvez également éventuellement télécharger une version PDF gratuite de ce didacticiel si vous souhaitez lire le didacticiel hors connexion.

Vous pouvez utiliser Visual Studio 2008 ou Visual Web Developer 2008 Express gratuit pour générer l’application. Vous pouvez utiliser SQL Server ou la SQL Server Express gratuite pour la base de données.

Vous pouvez installer ASP.NET MVC, Visual Web Developer 2008 Express et SQL Server Express (tous gratuits) à l’aide de la version 2 du Microsoft Web Platform Installer

Commençons maintenant....

Maintenant que nous avons abordé ce qu’est NerdDinner, nous allons retrousser nos manches et écrire du code.

Nous allons commencer par utiliser Fichier-Nouveau> projet dans Visual Studio pour créer l’application NerdDinner.