14

app.jsファイルを作成したところ、すべてが正常に機能していますが、ファイル全体の長さは現在450行であり、今後さらに大きくなります。

状態マネージャーコードまたはビューコードを別のファイル（states.jsやviews.jsなど）に分割して、すべてを少しきれいにするためのベストプラクティスはありますか？

また、その点について...ハンドルバーテンプレートを別のファイルに分割するための好ましい方法はありますか？私は現在、それらすべてを1つのhtmlファイルで定義しているところですが、これも少し扱いに​​くくなっています。

4

4 に答える 4

12

私は2週間前にまったく同じ質問に直面していましたが、requireJSでAMDを試したくありませんでした.

私を納得させた簡単な解決策は次のとおりです。

私の js フォルダーには 3 つのフォルダーがあります。「models」、「controllers」、および「views」で、js の「classes」が含まれています。また、すべての js ファイルをインポートする「index.html」があります (HTML5 ボイラープレートを使用して便利な index.html を取得します)。

明確にするために、私の index.html では、ファイルの最後に次のようなものがあります。

 <script src="js/app.js"></script>
 <script src="js/models/note.js"></script>
 <script src="js/controllers/notesController.js"></script>
 <script src="js/controllers/selectedNoteController.js"></script>
 <script src="js/views/menuView.js"></script>
 <script src="js/views/noteResumeView.js"></script>
 <script src="js/views/noteView.js"></script>
 <script src="js/views/createNoteView.js"></script>
 <script src="js/views/listeNotesView.js"></script>

この助けを願っています（そして、私はあなたの質問を誤解していませんでした）

于 2012-05-03T09:19:58.923 に答える
4

RequireJSを使用して、さまざまなファイルから ember アプリ (ハンドルバー テンプレートを含む) を読み込むことができます。

この回答では、設定方法と、設定方法を示すサンプル アプリへのリンクについて説明しています。このアプローチを私たちの Web サイトの 1 つに試してみたところ、うまくいきました。

于 2012-05-01T12:31:07.587 に答える
2

私は自分のプロジェクトにember-skeletonを使用しています。

開始するには、次の手順を実行します。

git clone https://github.com/interline/ember-skeleton.git my-app
cd my-app

bundle install
bundle exec rackup

そして、に行きますhttp://localhost:9292

また、さらなるビルド ツールとテンプレートについては、 wikiを参照してください。

于 2012-05-01T10:53:12.500 に答える
2

これを行う標準的な方法は、現在 ember-cli を使用することです。詳細については、http://www.ember-cli.com/をご覧ください。

于 2015-02-07T14:12:44.237 に答える