ウェブ上で選択した複数行の内容をボタン１つでデータベースの更新をしたい

Question

現在、テキスト入力欄とセレクトボックスが1行でそれが300行くらいあるウェブページがあります。現在の仕様は入力や選択があればその都度データベースの更新が自動でなされる仕様です。しかし、いちいち更新していては時間がかかり過ぎるので複数行変更して最後にボタンを一度押せば一括で更新出来るようにしたいのですが可能でしょうか？当方、素人につき厚かましいですがここをこう変更するという感じで実際のプログラムをご指導いただけると非常に助かります。それでは宜しくお願いいたします。m(_ _)m MySQL5.1テーブル名zaiko　zaiko.html　zaiko.php　controller-zaiko.js の構成です。以下現在の仕様です。〇●〇zaikoテーブルの構成〇●〇名前　データ型　照合順序　1 id　varchar(9)　utf8_unicode_ci 　2 name　varchar(100)　utf8_unicode_ci 　3 nouki　text　utf8_unicode_ci 　4 date text　utf8_unicode_ci 　5 item text　utf8_unicode_ci 　6 time timestamp 　on update 〇●〇zaiko.html〇●〇在庫

〇●〇zaiko.php〇●〇 query("SELECT * FROM zaiko ORDER BY id ASC"); echo json_encode($st->fetchAll(PDO::FETCH_ASSOC)); break; case 'POST': $in = json_decode(file_get_contents('php://input'), true); if (isset($in['id'])) { $st = $pdo->prepare("UPDATE zaiko SET date=:date,item=:item,name=:name,nouki=:nouki,time=:time WHERE id=:id"); } else { $st = $pdo->prepare("INSERT INTO zaiko(date,item,name,nouki) VALUES(:date,:item,:name,:nouki)"); } $st->execute($in); break; } 〇●〇controller-zaiko.js〇●〇 var app = angular.module('app', ['ngResource']); app.controller('MainCtrl', function($scope, $resource, $window) { var zaiko = $resource('zaiko.php', {id: '@id'}); $scope.zaiko = zaiko.query(); $scope.add = function() { zaiko.save($scope.new_zaiko, function() { $window.location.reload(); }); }; $scope.koshin = function() { zaiko.save($scope.new_zaiko, function() { alert("更新しました。"); $window.location.reload(); }); }; }); app.controller('DetailCtrl', function($scope, $window) { $scope.update = function() { $scope.zaiko.$save(function() { alert("更新しました。"); $window.location.reload(); $.keepPosition.reload(); }); }; $scope.delete = function() { $scope.zaiko.$save(function() { alert("削除しました。"); $window.location.reload(); }); }; });

lv4u · Accepted Answer

追伸です。

質問のシステムはたぶん、インターネットに公開しないのシステムと思えるのでいいのですが、外部からアクセスできるＷｅｂシステムの場合、セキュリティを重視して作成しないと、サイトが攻撃されてしまいます。

そして、クロスサイトスクリプティング(CSS)やクロスサイトリクエストフォージュリ(CSRF)などにたいする脆弱性対策をきちんとＷｅｂシステムに作りこむのは、コーディングが増えて大変な作業になります。
（だから、サイトがサイバー攻撃を受けても、コード修正による対策は困難な作業になりがちです）

そういうセキュリティ面からも、ASP.NET MVC などのフレームワークを使って、サイト構築すれば、自動生成されたコードにセキュリティ対策のコードが埋め込まれたりするので、お勧めです。

C#ではなく、PHPでも同様なフレームワークがあれば、それを選ばれてもいいかもしれません。

lv4u · Answer

>>しかし、いちいち更新していては時間がかかり過ぎるので複数行変更して最後にボタンを一度押せば
一括で更新出来るようにしたいのですが可能でしょうか？

やりたいことを行うプログラムを作れば可能だと思います。

たとえば

１）１つの画面で複数行のデータを一度に更新するには、１つのデータに対応して、画面のテキストボックス等を１つ対応させて入力する。
１画面で２０データの表示なら、２０組のデータが画面に表示されることになる。

２）更新ボタンを押すと、サーバ側では、受け取った画面のデータ（たとえば２０組データ）を順番に処理し、データベース更新処理を行う。

普通にコーディングすると、コーディング量がかなり増えて大変になるかもしれません。

ただし、適切なフレームワークを使うことにより、コーディング量は大きく削減されます。
例えば、マイクロソフトのASP.NET MVCを使い、C#で開発すれば、クライアント側も、サーバ側も、複数明細行の更新処理が簡単にできるようです。
さらに、ASP.NET MVCは「エコシステム」の考え方で開発されているので、サーバ側のC#のコードを修正すると、それに連動するクライアント側のJavaScriptのコードが自動的に修正されたりして、とても楽です。

ただ、フレームワークの勉強しないと使いこなせませんが・・・。

ウェブ上で選択した複数行の内容をボタン１つでデータベースの更新をしたい

追伸です。

>>しかし、いちいち更新していては時間がかかり過ぎるので複数行変更して最後にボタンを一度押せば

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング