interface Web
tutoriel CSS
Tutoriel avancé WebMatrix (8) : Création d'une page Web de suppression de données
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=@{
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=
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
