Création d’un site ASP.NET Core (1.1) Web Application MVC à partir d’un template vide

Vous pourrez découvrir ici comment créer une application web MVC en .Net Core. Nous allons commencer l’application depuis un template vide. Ainsi vous pourrez voir comment ajouter les éléments que vous avez réellement besoin. Cela évitera d’avoir dès le début toutes les dépendances que vous n’avez pas forcément besoin.

Pour ce faire, nous allons créer un projet de type ASP.NET Core Web Application(.Net Core)

Ensuite dans le menu déroulant sélectionnez ASP.NET Core 1.1. C’est ici que nous allons sélectionner le template vide.

Votre projet est maintenant créé. Si vous allez dans l’object Startup, vous pourrez voir que l’on écrit dans Response ce que l’on désire afficher.

A ce niveau ci, vous pouvez déja lancer votre site. Et vous verrez votre Hello World. Vous venez de faire votre première application ASP.NET Core mais sans MVC.

Nous allons donc maintenant rajouter la partie MVC. Dans un premier temps, il vous faudra ajouter le package Nuget Microsoft.AspNetCore.Mvc. Pensez a bien installer la dernière version stable.

Maintenant que le nécessaire est installé, nous allons configurer dans la classe Startup l’utilisation de MVC. Il vous faudra ajouter dans la méthode Configure ceci


app.UseMvc(routes =>
{
    routes.MapRoute(
    name:"default",
    template:"{controller=Home}/{action=Index}/{id?}");
});

Esnuite dans la méthode ConfigureServices ajoutez ceci


services.AddMvc();

Dans votre projet ajoutez un répertoire Controllers. Ensuite sur votre répertoire (clic droit) ajouter un nouvel élément. Choisissez MVC Controller Class faites OK.

Votre premier controleur est ajouté. Nous allons donc créer la vue associée à ce premier controleur. Pour cela sur votre projet ajoutez un répertoire Views. Dans ce répertoire créer un sous répertoire Home qui correspond au nom du controleur. Ensuite sur votre répertoire (clic droit) ajouter un nouvel élément. Cette fois choisissez MVC View Page, garder le nom Index.cshtml.

Nous avons donc créé les éléments Controleur et Vue du design patern MVC (Modéle Vue Controleur). Donc nous allons maintenant créer la partie Modèle. Pour cela sur votre projet ajoutez le répertoire Models. Nous allons créer un simple objet (Person). Sur votre répertoire Models ajouter un nouvel élément de type Class (nom : Person).

Voici la classe Person


public class Person
{
    public int ID { get; set; }

    public string LastName { get; set; }

    public string FirstName { get; set; }
}

Nous allons donc utiliser cet objet dans le controleur pour ensuite le passer à la vue.


public class HomeController : Controller
{
    // GET: /<controller>/
    public IActionResult Index()
    {
        Person person = new Person()
        {
            ID = 1,
            LastName = "Michel",
            FirstName = "Cedric"
        };
        return View(person);
    }
}

Dans votre vue créée plus tôt (Home/Index) nous allons utiliser cet objet et l’afficher grâce au moteur de vue Razor.


@model AspNetCoreBlogTutorial.Models.Person
@{
    ViewData["Title"] = "Index";

}



<h2>
Home
</h2>





Hello @Html.DisplayFor(model => model.FirstName) @Html.DisplayFor(model => model.LastName) from our View


Lancez votre application :

Grâce à tout cela, vous venez de faire une application application Web en ASP.NET Core MVC :).

Vous pouvez trouver la solution complète sur GitHub dans la branche site-création.

Dans le prochain article, nous parlerons d’EntityFrameworkCore en Code First.

Cet article a été réalisé avec la collaboration d’Emmanuel Di Nicola

Une réflexion sur “Création d’un site ASP.NET Core (1.1) Web Application MVC à partir d’un template vide

Répondre

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google

Vous commentez à l'aide de votre compte Google. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur la façon dont les données de vos commentaires sont traitées.