2010-12-01 14 views
1

私のmvcアプリケーションで構造体jqueryfilesの最善の方法は何ですか? 今、私はすべてのスクリプトをスクリプトフォルダに持っており、それは難しいですが、 の概要があります。私のmvcプロジェクトのjqueryの構造

// thanks

答えて

3

私たちは、私の最後のプロジェクトでは、以下の構造を使用:

Scripts 
| 
|- jQuery 
|- Libraries 
|- Infrastructure 
|- PageSpecific 

をjQueryのjQueryと任意のプラグインを含んでいました。ライブラリには他の第三者のライブラリ(underscore.jsなど)が含まれていました。インフラストラクチャには共有JavaScriptモジュールが含まれています。 1つは完全なユーティリティ関数、もう1つはサーバー側のアカウント管理通信などを処理するためのものです。Pag​​eSpecificには、イベントハンドラとページ固有のロジックを結ぶコードが含まれていました。

1

ScriptsフォルダにJavaScriptファイルを保存する方法があります。必要に応じて、[Scripts]フォルダ内のサブフォルダを使用することができます。

0

ウェブアプリケーション内でCSSファイルとJavaScriptを整理しておくことをお勧めします。

  • アプリケーションのルートフォルダに2つのメインフォルダ 'styles'と 'scripts'があります。
  • これらのフォルダのそれぞれの中に、 'jquery'、 'blueprint'などのようなアプリ内の特定のモジュールを反映するサブフォルダを作成し、そこにそれらのファイルを配置します。
2

HTML5 BoilerplateにはJavaScript用の構造がいくつかあります。他の開発者がプロ​​ジェクトでそれを打つ前に遭遇する可能性が少なくともあるので、私が行うことは、その上に構築される可能性があります。

Boilerplateには、すべてのJavaScript、jQueryとModernizrだけを持つ "libs"という名前の別のディレクトリ、およびすべてのサードパーティライブラリを配置するよう指示された "mylibs"ディレクトリが含まれている "js"サブディレクトリがあります(例えば、jQueryテンプレートやLawnchair用のライブラリ)。

js 
    libs 
    mylibs 
    plugins.js 
    script.js 

短いプラグインをplugins.jsで連結し、基本的なスクリプトをscript.jsに追加することをお勧めします。もちろん、それは大規模なプロジェクトではうまくいかないでしょうが、少なくともjs、js/libs、js/mylibs構造体で始めましょう。現時点では、対応する名前(blahblah.html + blahblah.js)のHTMLファイルごとにJavaScriptを使用していますが、長期的にはそれ以上の構造が必要です。

関連する問題