Ad Code

Responsive Advertisement

adsense

ASP.NET MVC – Data Model

AhmedOumezzine 14:46
Dans cet article, nous allons discuter de la construction de modèles. Un modèle stocke les données récupérées en fonction des commandes du contrôleur et affichées dans la vue.

Model est une collection de classes dans laquelle vous travaillerez avec des données et une logique métier. Par conséquent, les modèles sont essentiellement des conteneurs métier spécifiques à un domaine. Il est utilisé pour interagir avec la base de données. Il peut également être utilisé pour manipuler les données afin de mettre en œuvre la logique métier.

On commence par une exemple simple de Vue en créant un nouveau projet ASP.Net MVC. Ajoutons un modèle.

Étape 1 - Cliquez avec le bouton droit sur le dossier Modèles dans l'explorateur de solution et sélectionnez Ajouter → Classe.

Vous verrez la boîte de dialogue Ajouter un nouvel élément.
Sélectionnez Classe et entrez Employee.cs dans le champ de nom.


Étape 2 - Ajoutez des propriétés à la classe Employee en utilisant le code suivant.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MVCSimpleApp.Models {
   public class Employee{
      public int ID { get; set; }
      public string Name { get; set; }
      public DateTime JoiningDate { get; set; }
      public int Age { get; set; }
   }
}

Mettons à jour le fichier EmployeeController.cs en ajoutant une méthode supplémentaire, qui retournera la liste des employés.
[NonAction]
public List<Employee> GetEmployeeList(){
   return new List<Employee>{
      new Employee{
         ID = 1,
         Name = "Allan",
         JoiningDate = DateTime.Parse(DateTime.Today.ToString()),
         Age = 23
      },
  
      new Employee{
         ID = 2,
         Name = "Carson",
         JoiningDate = DateTime.Parse(DateTime.Today.ToString()),
         Age = 45
      },
  
      new Employee{
         ID = 3,
         Name = "Carson",
         JoiningDate = DateTime.Parse(DateTime.Today.ToString()),
         Age = 37
      },
  
      new Employee{
         ID = 4,
         Name = "Laura",
         JoiningDate = DateTime.Parse(DateTime.Today.ToString()),
         Age = 26
      },
   };
}

Étape 3 - Mettre à jour la méthode d'action d'index comme indiqué dans le code suivant.

public ActionResult Index(){
   var employees = from e in GetEmployeeList()
   orderby e.ID
   select e;
   return View(employees);
}
Cliquez avec le bouton droit de la souris dans l'action Index et sélectionnez Ajouter une vue. Il affichera la boîte de dialogue Ajouter une vue et ajoutera le nom par défaut.
Sélectionnez la liste déroulante Liste dans le menu déroulant Modèle et la liste déroulante Employé dans le modèle, puis décochez la case "Utiliser une page de présentation" et cliquez sur le bouton "Ajouter".

Il va ajouter du code par défaut pour vous dans cette vue.
@model IEnumerable<MVCSimpleApp.Models.Employee>
@{
   Layout = null;
}

<!DOCTYPE html>
<html>
   <head>
      <meta name = "viewport" content = "width = device-width" />
      <title>Index</title>
   </head>
 
   <body>
      <p>@Html.ActionLink("Create New", "Create")</p>
         <table class = "table">
         <tr>
            <th>
               @Html.DisplayNameFor(model => model.Name)
            </th>
    
            <th>
               @Html.DisplayNameFor(model => model.JoiningDate)
            </th>
    
            <th>
               @Html.DisplayNameFor(model => model.Age)
            </th>
    
            <th></th>
         </tr>
   
         @foreach (var item in Model) {
            <tr>
               <td>
                  @Html.DisplayFor(modelItem => item.Name)
               </td>
     
               <td>
                  @Html.DisplayFor(modelItem => item.JoiningDate)
               </td>
     
               <td>
                  @Html.DisplayFor(modelItem => item.Age)
               </td>
     
               <td>
                  @Html.ActionLink("Edit", "Edit", new { id = item.ID }) |
                  @Html.ActionLink("Details", "Details", new { id = item.ID }) |
                  @Html.ActionLink("Delete", "Delete", new { id = item.ID })
               </td>
     
            </tr>
         }
   
      </table>
   </body>
</html>

Étape 4 - Exécutez cette application et vous recevrez la sortie suivante.


Une liste des employés sera affichée.

Ad Code

Responsive Advertisement