WebMatrix 上級チュートリアル (8): データを削除する Web ページを作成する-CSSチュートリアル-php.cn

WebMatrix 上級チュートリアル (8): データを削除する Web ページを作成する

黄舟

リリース： 2016-12-26 17:05:24

オリジナル

1164 人が閲覧しました

ここまでで、お気に入りの映画のデータ駆動型リストを作成し、スタイルを設定し、データベースに新しい映画を追加したり、既存の映画を編集したりする機能を追加しました。このアプリケーション作成プロセスの次のステップは、ユーザーがデータベースからレコードを削除できるようにすることです。

はじめに: Microsoft WebMatrix は、インターネット上で Web サイトを作成、カスタマイズ、公開するために使用できる無料のツールです。

WebMatrix を使用すると、ウェブサイトを簡単に作成できます。オープンソースアプリケーション (WordPress、Joomla、DotNetNuke、Orchard など) から始めることができ、WebMatrix がアプリケーションのダウンロード、インストール、構成のタスクを処理します。または、すぐに始めるのに役立つ多くの組み込みテンプレートを使用して、自分でコードを作成することもできます。どちらを選択しても、WebMatrix は、Web サーバー、データベース、フレームワークなど、Web サイトの実行に必要なものをすべて提供します。 Web ホストで使用するものと同じスタックを開発デスクトップで使用することで、Web サイトをオンラインにするプロセスが簡単かつスムーズになります。
http://web.ms/webmatrix からダウンロードできます。
WebMatrix、CSS、HTML、HTML5、ASP.NET、SQL、データベースなどの使い方と、簡単な Web アプリケーションの作成方法をわずか数時間で学ぶことができます。内容は次のとおりです:
Web アプリケーション開発とデータについて話すと、CRUD という用語を聞いたことがあるかもしれません。 CRUD は、Create、Retrieve、Update、および Delete の略で、WebMatrix で行うことを正確にまとめています。

Web ページの追加削除

まず、新しい CSHTML Web ページを作成し、「DeleteMovie.cshtml」という名前を付けて追加します。

HTML を置き換えます。その中に次のコードが含まれています:

<h1>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>

ログイン後にコピー

このコードは 2 つのボタンを持つ基本的なフォームを作成します。送信ボタンは HTTP POST をトリガーします (前のセクションの編集 Web ページと同じように)、映画リストにリダイレクトする別のボタン

EditMovie.cshtml Web ページと同様に、この Web ページが呼び出され、削除するムービーの ID であるパラメータが渡されます。ムービー @Movie.Name を削除してもよろしいですか?」、Movie.Name の値はサーバーによって挿入されるため、この値を取得する方法をサーバーに伝える必要があります。これを行うには、前と同様に、入力パラメーターを取得するコードをページの先頭に追加します。

@{  
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;  
}

ログイン後にコピー

ここでは、(DeleteMovie.cshtml?id= を使用して) パラメーターが Web ページに渡され、この ID がデータベースの検索を実行し、このレコードを取得するために使用されていることがわかります。これで、ページをレンダリングするときにムービーの名前を取得してレンダリングできるようになります。がデータベース内の有効な ID である場合は、この画面が表示されます。 :

[いいえ] ボタンをクリックすると、dataMovies.cshtml Web ページにリダイレクトされます。[はい] をクリックすると、まだコードが書き込まれていないため、何も起こりません。削除操作を処理します。 WebMatrix 上級チュートリアル (8): データを削除する Web ページを作成する

データベースからレコードを削除するには、DELETE FROM = という構文を使用して実行できます。 id= を削除するには、2 のムービーの場合、次のように記述できます:

お気に入りから削除 WHERE ID=2、ユーザーが「はい」ボタンをクリックすると、フォームが送信され、削除操作が実行されます。以下に示すように、ポストバックでこのタスクを実行します。これにより、ムービーが削除され、リスト Web ページにリダイレクトされ、削除されたことがわかります

DeleteMovie.cshtml の完全なコードは次のとおりです:

@{  
  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>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>

ログイン後にコピー

から削除 Web ページを呼び出します映画リスト

これで、削除ページが機能するようになりました。これを映画リストページに接続して、ユーザーがリストから項目を削除してその削除をリクエストできるようにします。

映画リスト Web ページで、各リスト項目にハイパーリンクを追加するだけです。ハイパーリンクは DeleteMovie.cshtml Web ページにリンクし、現在の映画の ID を渡します。

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>

ログイン後にコピー

このページを実行して、削除されたワークフローを確認します。まず第一に、これは新しい dataMovies.cshtml です:

上記は、WebMatrix の上級チュートリアル (8): データ Web ページのコンテンツの作成と削除です。その他の関連コンテンツについては、PHP 中国語に注意してください。ウェブサイト (m.sbmmt.com)! WebMatrix 上級チュートリアル (8): データを削除する Web ページを作成する