1. ホーム
  2. angularjs

[解決済み] AngularJSのフォルダ構造【非公開

2022-04-16 20:33:05

質問

大規模でスケーラブルなAngularJSアプリケーションのフォルダ構造をどのようにレイアウトするか?

どのように解決するのですか?

タイプ別ソート

左側は、アプリを種類別に整理したものです。小規模なアプリではそれほど問題ありませんが、ここでも探しているものを見つけるのが難しくなってきているのがわかります。特定のビューとそのコントローラを見つけたい場合、それらは異なるフォルダにあります。右のテクニックに移行するのはとても簡単なので、他にどのようにコードを整理したらよいかわからない場合は、ここから始めるとよいでしょう:機能別の構造。

機能で並べ替える(推奨)

右側では、プロジェクトを機能ごとに整理しています。レイアウトビューとコントローラはすべてlayoutフォルダに、管理コンテンツはadminフォルダに、そしてすべての領域で使用されるサービスはservicesフォルダに入ります。このようにすることで、ある機能を実現するためのコードを探すときに、それが一カ所に集約されることになります。サービスは、多くの機能を「サービス」するので、少し違います。私は、アプリが形になり始めると、この方法が好きです。

よくできたブログ記事ですね。 http://www.johnpapa.net/angular-growth-structure/

アプリの例 https://github.com/angular-app/angular-app