Tutoriel avancé WebMatrix (8) : Création d'une page Web de suppression de données

Jusqu'à présent, vous avez créé une liste de films préférés basée sur les données, vous l'avez stylisée et vous avez ajouté la possibilité d'ajouter de nouveaux films à la base de données et de modifier des films existants. La prochaine étape du processus de création de cette application consiste à offrir aux utilisateurs la possibilité de supprimer des enregistrements de la base de données.

Introduction : Microsoft WebMatrix est un outil gratuit qui peut être utilisé pour créer, personnaliser et publier des sites Web sur Internet.

WebMatrix vous permet de créer facilement des sites Web. Vous pouvez commencer avec une application open source (telle que WordPress, Joomla, DotNetNuke ou Orchard) et WebMatrix se chargera de télécharger, d'installer et de configurer l'application pour vous. Ou vous pouvez écrire le code vous-même à l'aide des nombreux modèles intégrés qui vous aideront à démarrer rapidement. Quel que soit votre choix, WebMatrix fournit tout ce dont votre site Web a besoin pour fonctionner, y compris des serveurs Web, des bases de données et des frameworks. En utilisant la même pile sur votre bureau de développement que celle que vous utiliseriez sur votre hébergeur Web, le processus de mise en ligne de votre site Web est simple et fluide.
Vous pouvez le télécharger depuis http://web.ms/webmatrix.
Vous pouvez désormais apprendre à utiliser WebMatrix, CSS, HTML, HTML5, ASP.NET, SQL, bases de données, etc. et à écrire des applications Web simples en quelques heures seulement. Il se lit comme suit :
En parlant de développement d'applications Web et de données, vous avez peut-être entendu parler du terme CRUD. CRUD signifie Créer, Récupérer, Mettre à jour et Supprimer, qui résume exactement ce que vous faites avec WebMatrix

Ajouter des pages Web supprimées

Tout d'abord, créez une nouvelle page Web CSHTML et nommez-la DeleteMovie.cshtml. . Remplacez le code HTML par ce qui suit :

Ce code crée une page Web de base avec 2 boutons. Le formulaire, le bouton Soumettre déclenche un HTTP POST (tout comme la page Web d'édition de la section précédente). et un autre bouton vous redirige vers la liste des films lorsque vous cliquez dessus

<h1 id="Delete-nbsp-a-nbsp-movie">Delete a movie</h1>  
<p>Are you sure you want to delete the movie <strong>@Movie.Name ?</strong></p>  
<form action="" method="post">  
    <input type="submit" value="Yes"/>  
    <input type="button" value="No" onclick="window.location = dataMovies.cshtml" />  
</form>

tout comme le fait la page Web EditMovie.cshtml. La page Web sera appelée et passera un paramètre, qui est l'ID du film à supprimer. Dans le texte « Êtes-vous sûr de vouloir supprimer le film @Movie.Name ? », la valeur de Movie.Name sera insérée par le serveur. Nous devons indiquer au serveur comment obtenir cette valeur : Pour ce faire, comme. avant, ajoutez du code Razor en haut de la page pour obtenir les paramètres d'entrée

Ici, vous pouvez voir que le paramètre est passé comme "id" donné à une page Web (en utilisant DeleteMovie.cshtml). ?id=), cet identifiant est utilisé pour rechercher un film spécifique. Effectuez une requête dans la base de données et obtenez l'enregistrement de ce film. Vous pouvez désormais obtenir le nom du film et le rendre lors du rendu de la page.

@{  
var id=Request["id"];  
var SQLSELECT = "SELECT * FROM Favorites where ID=@0";  
var db = Database.Open("Movies");  
var Movie = db.QuerySingle(SQLSELECT,id);  
var MovieName=Movie.Name;  
}

Exécutez DeleteMovie.cshtml?id= et vous verrez cet écran, en supposant que est un identifiant valide dans la base de données :

Si vous cliquez sur le bouton "Non", vous serez redirigé vers la page Web dataMovies.cshtml. Si vous cliquez sur "Oui", rien ne se passera car aucun code n'a été écrit pour gérer la suppression

Pour supprimer des enregistrements de la base de données, utilisez la commande SQL DELETE. Cela peut être fait en utilisant la syntaxe suivante DELETE FROM WHERE =, donc si vous souhaitez supprimer le film avec l'id=. 2, Vous pouvez écrire :

DELETE FROM Favorites WHERE ID=2, lorsque l'utilisateur clique sur le bouton "Oui", le formulaire sera soumis et l'opération de suppression aura lieu, nous pouvons effectuer cette tâche lors de la publication comme montré ci-dessous : Cela supprimera le film, nous redirigeant vers la page Web de la liste afin que nous puissions le voir disparu

Voici le code complet pour DeleteMovie.cshtml :

Appelé. de la liste de films. Page de suppression

@{  
  var id=Request["id"];  
  var SQLSELECT = "SELECT * FROM Favorites where ID=@0";  
  var db = Database.Open("Movies");  
  var Movie = db.QuerySingle(SQLSELECT,id);  
  var MovieName=Movie.Name;  
  if(IsPost)  
      {  
      var SQLDELETE = "DELETE FROM Favorites WHERE ID=@0";  
      db.Execute(SQLDELETE,id);  
      Response.Redirect("dataMovies.cshtml");  
      }  
  }  
     
  <h1 id="Delete-nbsp-a-nbsp-movie">Delete a movie</h1>  
  <p>Are you sure you want to delete the movie <strong>@Movie.Name ?</strong></p>  
  <form action="" method="post">  
  <p><input type="submit" value="Yes"/>  
  <input type="button" value="No" onclick="window.location = &#39;dataMovies.cshtml&#39;" /></p>  
  <br/>  
  </form>

Maintenant que nous avons une page de suppression fonctionnelle, nous la connectons à la page Web de la liste de films afin que l'utilisateur puisse supprimer un élément de la liste et demander sa suppression.

Sur la page de la liste des films, ajoutez simplement un lien hypertexte à chaque élément de la liste, où le lien hypertexte renvoie à la page DeleteMovie.cshtml, en lui transmettant l'identifiant du film actuel.

Voici le code complet de dataMovies.cshtml :

Exécutez cette page et consultez le workflow de suppression. Tout d'abord, voici le nouveau dataMovies.cshtml :

 @{   
 var db= Database.Open("Movies");   
 var sqlQ = "SELECT * FROM Favorites";    
 var data = db.Query(sqlQ);    
 }   
<div id="movieslist">   
<ol>    
@foreach(var row in data){    
<li>   
<a href="@row.Name>EditMovie.cshtml?id=@row.id">@row.Name, @row.Genre, @row.ReleaseYear    
</a>    
<a href="DeleteMovie.cshtml?id=@row.id">Delete</a>  
</li>  
}  
</ol>  
<a href="AddMovie.cshtml">Add a new movie</a>  
</div>

Ce qui précède est le didacticiel avancé WebMatrix (8) : Création et suppression du contenu des pages Web de données. Pour en savoir plus. contenu associé, veuillez faire attention à PHP Chinese Net (www.php.cn) !