クラッシュコース101
10 モジュール
5 週

記録の編集

クリックでコピー

Webアプリケーションでレコードを編集する方法


これで編集を開始する準備が整いました。都市を含むテーブルを例にとって、これをやってみましょう。おそらく、都市は人口に関する更新情報を受け取り、情報的な説明が変わり、あるいは名前も変わっていることでしょう。これを行うには、テーブル内にモーダルウィンドウを開くボタンを作成し、編集を行うためのモーダルウィンドウ自体も作成する必要があります。

レコードを編集するためのモーダル

一般に、このプロセスは、オリジナルの新規レコードの作成方法と非常によく似ています。また、そこでボタンを押すとモーダルウィンドウが表示され、必要なデータを入力していきました。しかし、作成時にはモーダルの入力欄はすべて空欄でした。作成する投稿のIDを知る必要はありません。すべてのデータは、手動で入力するか、自動的に割り当てられました。さて、編集のためには、厳密に定義されたレコードを開き、そのデータを正確に取得する必要があります。


まず、編集ボタンをセットアップすることから始めましょう。そのタスクは、グローバル変数に投稿IDを書き込み、モーダルな編集ウィンドウを開くことです。対応するビジネスプロセスを作成しましょう。作成されたグローバル変数は、ユニークな名前でブロックの一般的なリストにあることが確認できます。


その後、モーダル編集ウィンドウ自体を設定する必要があります。視覚的には、先に作成したデータベースに新しいレコードを追加するためのモーダルウィンドウと(名前を除いて)何も変わりません。重要な違いは、このウィンドウが開かれたときに開始しなければならないビジネス プロセスにあります。


そのタスクは、新しい都市のレコードを作成するときに以前に行われたことのほとんど鏡像である。グローバル変数から都市IDを取り出し、データベースから情報を取得して、適切な入力フィールドに分配することが必要である。



レコードのパッチ

この後、ビジネスプロセスを作成することによって Saveボタンを設定するだけです。このプロセスでは、新しい都市を作成するために使用されるプロセスと同様のものを作成します。唯一の違いは、グローバル変数からの ID の使用と、リクエストのタイプです。 PATCHの代わりに POST.


これで、編集ボタンをクリックすると、データベースから目的のレコードの詳細情報を開き、任意のフィールドを変更し、変更を保存することができます。

グローバル変数を使うことで、今どのレコードを編集すべきかという情報を保存し、そのIDを記録し、必要に応じて参照することができるようになりました。同時に、グローバル変数のおかげで、アプリケーションの速度が向上しました。そうでなければ、このデータをデータベースに保存し、それに対して追加の要求をする必要があったからです。

Was this article helpful?
まだ答えをお探しですか?