web-dev-qa-db-ja.com

libman（ライブラリマネージャー）asp.net Core 2.1でMicrosoft.jQuery.Unobtrusive.Ajaxを使用するにはどうすればよいですか？

控えめなajaxを使用して、部分ビューを更新しようとしています。 https://docs.Microsoft.com/en-us/aspnet/coreによれば、残念ながら、Bowerが動作していない（？）または推奨されていないため、パッケージをインストールしようとしたときに問題に遭遇しました。 /client-side/bower?view=aspnetcore-2.1 。代わりに、Libmanの使用を推奨しています。

https://www.c-sharpcorner.com/article/unobtrusive-ajax-and-jquery-for-partial-updates-in-asp-net-mvc/ の手順に従いました。

だから、私はnuget Microsoft.jQuery.Unobtrusive.Ajax-packageをインストールしましたが、libmanでajax-packageをどのように参照しますか？

私はこれを見ました ASP.NET Core MVCプロジェクト内でMicrosoft.JQuery.Unobtrusive.Ajaxを参照する方法 答えですが、Bowerの使用方法のみを示しています。

c#jqueryajaxasp.net-coreasp.net-core-mvc
16
Erik Sellberg

Npmを使用できます。 Webプロジェクトのルートにpakage.jsonファイルを追加します

{
  "version": "1.0.0",
  "name": "your-system",
  "devDependencies": {
    "jquery-ajax-unobtrusive": "^3.2.4"
  },
  "exclude": [
  ]
}

これで、ライブラリに関連するすべてのものがnode_modules/jquery-validation-unobtrusive。

Node_moduleフォルダーはプロジェクトの一部ではないため、Show All Filesすべてのフォルダーを表示します。

enter image description here

その後、ファイルをjsフォルダーにコピーするのではなく、常に最新バージョンのライブラリーが必要な場合は、バンドル構成を使用できます。これを実行します：

Install-Package BuildBundlerMinifier -Version 2.8.391

その後、jsonファイルを作成します-bundleconfig.json Webプロジェクトのルート

[ 
  {
    "outputFileName": "wwwroot/js/myjs.min.js",
    "inputFiles": [
      "node_modules/jquery-ajax-unobtrusive/jquery.unobtrusive-ajax.min.js"
    ]
  }

]

これにより、すべてのビルドで作成されますmyjs.min.jswwwrootのjsフォルダー内のファイル

6
mybirthname

私も最初はLibManに苦労しました。 LibManのGUI部分があることを指摘するこのガイド を見つけました。 「プロジェクトの右クリックメニュー->追加->クライアント側ライブラリ」でLibManのUI部分を使用すると、必要なファイルを定義してプロバイダーを簡単に変更するためのより良い方法を見つけることができました。

私はほとんどのファイルをcdnjsから取得することになりましたが、次のようにjpkg-ajax-unobtrusiveをunpkgから取得するように設定しました。

{
    "provider": "unpkg",
    "library": "[email protected]",
    "destination": "wwwroot/lib/jquery-ajax-unobtrusive/"
}
9
Pinski

@mybirthnameによる答えは素晴らしいです。別の方法は、libman cliを使用することです。次のコマンドを使用してlibmanをインストールできます。

dotnet tool install --global Microsoft.Web.LibraryManager.Cli

これで、jquery、jquery-validation-unobtrusiveなどを好きなようにインストールできます。

libman.jsonを初期化するには：

libman init

jquery-validation-unobtrusiveの依存関係をインストールするには：

> libman install jquery-validation-unobtrusive
Destination [lib\jquery-validation-unobtrusive]:
lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js written to disk
lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js written to disk
Installed library "[email protected]" to "lib\jquery-validation-unobtrusive"

jqueryの依存関係をインストールするには：

> libman install jquery
Destination [lib\jquery]:
lib/jquery/core.js written to disk
lib/jquery/jquery.js written to disk
lib/jquery/jquery.min.js written to disk
lib/jquery/jquery.min.map written to disk
lib/jquery/jquery.slim.js written to disk
lib/jquery/jquery.slim.min.js written to disk
lib/jquery/jquery.slim.min.map written to disk
Installed library "[email protected]" to "lib\jquery"

[編集]

jquery-ajax-unobtrusiveをnpmにインストールするには、まだcdnjsにないので、unpkgプロバイダーを使用できます。

unpkgはnpmのすべてのための高速でグローバルなコンテンツ配信ネットワークです

libman install -p unpkg jquery-ajax-unobtrusive
7
itminus

Microsoftは、クライアント側ライブラリの管理に関するヘルプドキュメントを作成しました。

https://docs.Microsoft.com/en-us/aspnet/core/client-side/libman/libman-vs?view=aspnetcore-2.2

Visual Studioの[クライアント側ライブラリの追加]ダイアログを使用する手順があります。ソリューションエクスプローラーで、ファイルを追加するプロジェクトフォルダーを右クリックします。 [追加]> [クライアント側ライブラリ]を選択します。 [クライアント側ライブラリの追加]ダイアログが表示されます。

0
Himalaya Garg