私のアプリケーションには、ユーザーが Excel レポートを生成できるページがあります。この生成は比較的長い場合があります (10 秒から 5 分)。現在、ユーザーが[ Generate ] ボタンをクリックすると、ロード アイコン (待機中のポップアップ) を含むjQuery モーダル パネルが表示されます。
ここで、Excel 生成の現在のステップをグラフィカルに示したいと思います。たとえば、ユーザーがボタンをクリックすると、表示されるモーダル パネルは次のようになります。
+-------------------------------------+
| ... Please wait ... |
+-------------------------------------+
| We are preparing your Excel file. |
| |
| >> Finding unicorns in Database. |
| 2. Reading "Database for dummies" |
| 3. Downloading the Internet... |
| 4. Write fake data in Excel file. |
+-------------------------------------+
数秒後、モーダル パネルは次のようになります。
+-------------------------------------+
| ... Please wait ... |
+-------------------------------------+
| We are preparing your Excel file. |
| |
| 1. Finding unicorns in Database. |
| >> Reading "Database for dummies" |
| 3. Downloading the Internet... |
| 4. Write fake data in Excel file. |
+-------------------------------------+
ユーザーが Excel を使用できるようになるまで続きます。
これを実装する私の考えは、Ajax リクエストでサーバーを定期的にポーリングすることです。次に、サーバーは、ステップのリスト (少し汎用的にするため) とアクティブなステップのリストを含む JSON オブジェクトを返します。次に、このオブジェクトを解析して、ステップのリストを表示/更新します。
jQuery はそれを行うためのすべての要素を提供するため、ここでは技術的な問題は見当たりません。しかし、そのような要件に対応する jQuery プラグインが既に存在する可能性があります。1つ知っていますか?
私が開発しなければならない場合に備えて、推奨事項(避けるべき間違いなど)はありますか?
ありがとう。