0

私は現在、Backbone.js と Middleman を使用して静的サイト (バックエンドやサーバーのものはありません) を開発しています。このサイトには動的コンテンツはなく、プレーンな HTML コードのみです。ただし、ページ間の遷移と Javascript 効果がいくつかあります。

したがって、バックボーン ルーターを履歴に利用し、バックボーン ビューを使用してビューを DOM に動的に追加したいと考えています。ここまでは順調ですね。

ここで、Backbone が使用できるように、サイトの HTML 部分をどこに保存するかを考えていました。インライン スクリプト タグを使用すると煩雑になると思うので、別の HTML ファイルに置き換えたいと考えています。これで、requirejs を介して HTML ファイルを動的に読み込むことができましたが、すべての HTML を 1 つの JS ファイルにまとめて、誰かが初めてページにアクセスしたときに読み込む方がよいと思います。

どうすればこのようなことができるでしょうか? または、誰かがより良い解決策を持っていますか?

4

3 に答える 3

1

個人的には、バックボーンのすべての部分を異なるフォルダーに分けています。そのため、テンプレートについては、テンプレートフォルダー内の個別のファイルにそれぞれと1つを配置しました。そうすれば、すべてを開発しながらクリーンになります。「テキスト」を使ってロードします！require.jsの機能。

プロジェクトを開発したいときは、require.jsの最適化部分を使用して、すべてのファイルを最小化して結合します。

お役に立てば幸いです。

于 2012-09-11T09:09:41.820 に答える
1

HTML5 アプリケーションを開発している場合は、アプリケーションのオフライン キャッシュを使用して、必要なすべての HTML ファイルとその他のリソースを取得できます。これには、キャッシュ マニフェスト ファイルの作成が含まれます。

次の Web サイトには、オフライン機能とマニフェスト ファイルの作成に関する適切な説明が記載されています: http://diveintohtml5.info/offline.html。

于 2012-09-11T07:01:00.137 に答える
0

多くの研究の後、私はこのようにしています：

  • テンプレートをテンプレート フォルダーに .jst.ejs として保存します。
  • それらをスプロケットに含めます
  • JST を使用してテンプレートをロードする

バックボーンでは、ビュー クラスを使用して新しいビューを拡張し、テンプレートを使用します。

App.Views.Layout.Logo = Backbone.Views.extend({
  template: JST['templates/layout/logo'],
  el: "#logo",
});
于 2012-09-26T11:02:29.597 に答える