Introduction à ASP.NET MVC
par Rick Anderson
Une version mise à jour de ce didacticiel est disponible ici à l’aide de Visual Studio 2013. Le nouveau tutoriel utilise ASP.NET MVC 5, qui fournit de nombreuses améliorations par rapport à ce didacticiel.
Ce tutoriel vous apprend les principes de base de la création d’une application web ASP.NET MVC 4 à l’aide de Microsoft Visual Studio Express 2012 ou de Visual Web Developer 2010 Express Service Pack 1. Visual Studio 2012 est recommandé. Vous n’aurez rien à installer pour suivre ce didacticiel. Si vous utilisez Visual Studio 2010, vous devez installer les composants ci-dessous. Vous pouvez tous les installer en cliquant sur les liens suivants :
- Prérequis de Visual Studio Web Developer Express SP1
- Programme d’installation DE WPI pour ASP.NET MVC 4
- LocalDB
- SSDT
Si vous utilisez Visual Studio 2010 au lieu de Visual Web Developer 2010, installez le programme d’installation WPI pour ASP.NET MVC 4 et les prérequis : Visual Studio 2010
Un projet Visual Web Developer avec du code source C# est disponible pour accompagner cette rubrique. Téléchargez la version C#.
Dans le didacticiel, vous exécutez l’application dans Visual Studio. Vous pouvez également rendre l’application disponible sur Internet en la déployant sur un fournisseur d’hébergement. Microsoft offre un hébergement web gratuit pour jusqu’à 10 sites web dans un compte d’essai Gratuit Windows Azure. Pour plus d’informations sur le déploiement d’un projet web Visual Studio sur un site web Windows Azure, consultez Créer et déployer un site web ASP.NET et SQL Database avec Visual Studio. Ce tutoriel montre également comment utiliser Migrations Entity Framework Code First pour déployer votre base de données SQL Server sur windows Azure SQL Database (anciennement SQL Azure).
Ce tutoriel a été écrit par Rick Anderson ( @RickAndMSFT ).
Contenu
Notes
Une version mise à jour si ce didacticiel est disponible ici à l’aide de Visual Studio 2013. Le nouveau tutoriel utilise ASP.NET MVC 5, qui fournit de nombreuses améliorations par rapport à ce didacticiel.
Vous allez implémenter une application simple de référencement de films qui prend en charge la création, l’édition, la recherche et le référencement de films à partir d’une base de données. Voici deux captures d’écran de l’application que vous allez générer. Il inclut une page qui affiche une liste de films d’une base de données :
L’application vous permet également d’ajouter, de modifier et de supprimer des films, ainsi que d’afficher des détails sur les films individuels. Tous les scénarios de saisie de données incluent une validation pour s’assurer que les données stockées dans la base de données sont correctes.
Mise en route
Commencez par exécuter Visual Studio Express 2012 ou Visual Web Developer 2010 Express. La plupart des captures d’écran de cette série utilisent Visual Studio Express 2012, mais vous pouvez suivre ce didacticiel avec Visual Studio 2010/SP1, Visual Studio 2012, Visual Studio Express 2012 ou Visual Web Developer 2010 Express. Sélectionnez Nouveau projet dans la page Démarrer .
Visual Studio est un environnement ide ou un environnement de développement intégré. Tout comme vous utilisez Microsoft Word pour écrire des documents, vous utiliserez un IDE pour créer des applications. Dans Visual Studio, une barre d’outils en haut affiche les différentes options disponibles. Il existe également un menu qui fournit une autre façon d’effectuer des tâches dans l’IDE. (Par exemple, au lieu de sélectionner Nouveau projet dans la page Démarrer , vous pouvez utiliser le menu et sélectionner Fichier>Nouveau projet.)
Création de votre première application
Vous pouvez créer des applications en utilisant Visual Basic ou Visual C# comme langage de programmation. Sélectionnez Visual C# sur la gauche, puis ASP.NET application web MVC 4. Nommez votre projet « MvcMovie », puis cliquez sur OK.
Dans la boîte de dialogue Nouveau projet ASP.NET MVC 4 , sélectionnez Application Internet. Laissez Razor comme moteur d’affichage par défaut.
Cliquez sur OK. Visual Studio a utilisé un modèle par défaut pour le projet ASP.NET MVC que vous venez de créer. Vous disposez donc d’une application opérationnelle pour l’instant sans rien faire ! Il s’agit d’un simple projet « Hello World ! » et c’est un bon endroit pour démarrer votre application.
Dans le menu Déboguer, sélectionnez Démarrer le débogage.
Notez que le raccourci clavier pour démarrer le débogage est F5.
F5 entraîne le démarrage de Visual Studio IIS Express et l’exécution de votre application web. Visual Studio lance ensuite un navigateur et ouvre la page d’accueil de l’application. Notez que la barre d’adresse du navigateur indique localhost
et non quelque chose comme example.com
. Cela est dû au fait que localhost
pointe toujours vers votre propre ordinateur local, qui dans ce cas exécute l’application que vous venez de créer. Lorsque Visual Studio exécute un projet web, un port aléatoire est utilisé pour le serveur web. Dans l’image ci-dessous, le numéro de port est 41788. Lorsque vous exécutez l’application, vous verrez probablement un numéro de port différent.
Dès la sortie de la boîte, ce modèle par défaut vous donne les pages Accueil, Contact et À propos. Il fournit également une prise en charge de l’inscription et de la connexion, ainsi que des liens vers Facebook et Twitter. L’étape suivante consiste à modifier le fonctionnement de cette application et à en apprendre un peu plus sur ASP.NET MVC. Fermez votre navigateur et modifions du code.
Commentaires
https://aka.ms/ContentUserFeedback.
Bientôt disponible : Tout au long de 2024, nous allons supprimer progressivement GitHub Issues comme mécanisme de commentaires pour le contenu et le remplacer par un nouveau système de commentaires. Pour plus d’informations, consultezEnvoyer et afficher des commentaires pour