javascript - ExtJSプロジェクトを整理するための最良の方法

Question

非常に軽量なJSONPHPサービスでサポートする予定のExtJSアプリケーションの開発を始めたところです。それ以外はスタンドアロンになります。私の質問は、必然的に存在するファイルとクラスを整理するための最良の方法は何ですか？誰もが大規模なExtJSプロジェクト（数千行）の経験があります。

Answer 1

ここから始めますhttp://blog.extjs.eu/know-how/writing-a-big-application-in-ext/

このサイトでは、アプリケーションを構築する方法の概要を紹介しています。

現在、これらのアイデアを 2 つの ASP.NET MVC / ExtJS アプリケーションで使用しています。

Answer 2

アプリケーションの開発中は、ファイルとフォルダーの構造はあまり重要ではありません。おそらく、リリース コードを最小限に抑えて、完了したら単一の JS ファイルに貼り付けたいと思うでしょう。自動化されたハンドラーまたはビルド スクリプトがおそらくこれに最適です ( http://extjs.com/forum/showthread.php?t=44158を参照)。

とは言っても、ExtJS フォーラムのどこかで、クラスごとに 1 つのファイルを使用することをお勧めするという記事を読んだことがあり、私自身の経験からそれを証明できます。

Answer 3

ユーザーはアプリケーションがロードされるのを待つことをいとわないので、通常はアプリケーションの最初の起動時にすべての JS をロードします。必要に応じて JS ファイルを読み込んで評価することは不要であることをお勧めします。特に、本番環境にデプロイする前にすべての JS が縮小される場合はそうです。

名前空間、ファイルごとに 1 つのクラス、および明確に定義され、十分に文書化されたクラス階層をお勧めします。

Answer 4

新しい大きなプロジェクトを開始するとき、モジュール化することにしました。通常、大規模なプロジェクトでは、すべてのモジュールが特定のユーザーによって使用されるわけではないため、必要に応じてモジュールをロードします。プロジェクトに 50 個以上のモジュールがある場合、ユーザーが 10 個のみで作業している可能性が高いです。

このようなアーキテクチャにより、初期コードを比較的小さくすることができます。

モジュールはサーバーに保存され、AJAX 呼び出しによってロードされ、AJAX コールバックで responseText が評価されます。これに関する唯一の問題は、モジュール内にも格納できるモジュールの依存関係を追跡する必要があることです。Module というクラスがあり、すべての新しいモジュール インスタンスがタスク内に存在するかどうかをチェックします。まだ存在しない場合は、サーバーからロードします。