ホームページ > ウェブフロントエンド > jsチュートリアル > ASP.NET MVC プロジェクトでの RequireJS ライブラリの使用例_JavaScript ヒント

ASP.NET MVC プロジェクトでの RequireJS ライブラリの使用例_JavaScript ヒント

WBOY
リリース: 2016-05-16 15:15:33
オリジナル
1957 人が閲覧しました

RequireJS は、フロントエンドのモジュラー開発用の人気のあるツールであり、require.js という名前の Javascript ライブラリ ファイルです。
RequireJs の主な機能:

(1) Web ページの応答が失われないように、js ファイルの非同期読み込みを実装します。

(2) モジュール間の依存関係を管理して、コードの作成とメンテナンスを容易にします。

フロントエンドのモジュラー開発には多くのツールがあり、一般に 2 つのカテゴリに分類されます。1 つは dojo v1.8 以降の組み込みのモジュラー開発コンポーネントを備えたハイエンド ツールです。 .js が必要です。sea.js はモジュール開発に焦点を当てたツールです。

モジュール分割のルールから、主に AMD と CMD の 2 つのカテゴリに分類されます。Dojo と require.js は前者に従い、sea.js は CMD 仕様に従います。

require は単一ページのアプリケーションでは適切に機能しますが、従来の複数ページのアプリケーションの場合、require の使用はやや混乱し、不便になる可能性があります。

この記事では、ASP.NET MVC の構造に require を適用する方法を説明し、半自動圧縮を実現する圧縮スクリプトを提供します。

別の js コード
一般に、ASP.NET MVC のルートはビューに対応し、ビューのファイル構造は次のようになります。


Views
 |--Shared
 |--_layout.cshtml
 |--Home
 |--Index.cshtml
 |--Blog
 |--Create.cshtml
 |--Edit.cshtml
 |--Detail.cshtml
 |--Index.cshtml
ログイン後にコピー
_layout.cshtml は全ページで共有されているものとします。通常の状況では、_layout で jQuery、ブートストラップなどのパブリック js ライブラリを参照するため、他のページがこれらのライブラリを再度参照する必要がなく、コーディング効率が向上します。ただし、異なるページは最終的に異なる js、特にページ自体の機能を実装するカスタム js に依存することになるため、他のページの特別な js を参照するか、次のような js をページ内に直接記述する必要があります。コードはビューによく表示されます:

<script type="text/javascript">
 $(function(){...});
</script>
ログイン後にコピー
これにより、ページが混乱し、ページの
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート