divユーザーが画像やテキストをまたは同様のコンテナにドラッグアンドドロップできるWebアプリケーションを作成したいと思います。次に、ユーザーが保存ボタンをクリックすると、アプリケーションはドロップされたアイテムのコンテンツとそれらのアイテムの位置情報を保存できるようになります。
最終的に、ユーザーは戻ってアプリケーションを開き、保存されたときとまったく同じ場所に画像とテキストを戻すことができるはずです。
これを達成するのに役立つ方法論またはフレームワークを誰かが知っているなら、それはありがたいです。
ユーザーが保存ボタンを押したら、現在の Web ページの動的な状態 (画像や位置のように聞こえます) を収集し、このユーザーを一意かつ安全に識別するユーザー ID のようなものをサーバーに送信する必要があります。ユーザーが次にこの Web ページをロードするときに、サーバーから取得した状態を Web ページに配置するか、クライアント側の JavaScript を使用してそのユーザーの状態をサーバーから取得し、ページを動的に変更して、希望の状態に合わせます。
ajax 呼び出しまたはポストのいずれかを使用して、状態をサーバーに保存できます。ajax 呼び出しを使用して、クライアントの JavaScript からサーバーから状態を取得できます。または、状態がサーバーによって Web ページに既に配置されている場合は、そこで参照するだけです。