programing

Microsoft 사용 방법jQuery.방해가 되지 않는.아약스 with libman (라이브러리 매니저) asp.net 코어 2.1?

muds 2023. 8. 29. 21:01
반응형

Microsoft 사용 방법jQuery.방해가 되지 않는.아약스 with libman (라이브러리 매니저) asp.net 코어 2.1?

나는 나의 부분적인 견해를 업데이트하기 위해 방해가 되지 않는 아약스를 사용하려고 노력하고 있습니다.https://learn.microsoft.com/en-us/aspnet/core/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/ 의 단계를 따랐습니다.

그래서 나는 너겟 마이크로소프트를 설치했습니다.jQuery.방해가 되지 않는.Ajax-package, 하지만 libman과 함께 Ajax-package를 어떻게 참조합니까?

저는 마이크로소프트를 어떻게 참조하는지 보았습니다.제이쿼리.방해가 되지 않는.내 ASP 내의 Ajax.NET Core MVC 프로젝트 답변이지만 Bower 사용 방법만 보여줍니다.

저도 처음에는 LibMan과 싸웠습니다.LibMan에 GUI 부분이 있다는 것을 알려주는가이드를 찾았습니다."프로젝트 오른쪽 클릭 메뉴 -> 추가 -> 클라이언트 사이드 라이브러리"에서 LibMan의 UI 부분을 사용하여 원하는 파일을 정의하고 제공자를 쉽게 변경할 수 있는 더 나은 방법을 찾을 수 있었습니다.

대부분의 파일을 cdnjs에서 가져오게 되었지만 unkg에서 가져오도록 jquery-ajax-unobtrusive를 설정했습니다.

{
    "provider": "unpkg",
    "library": "jquery-ajax-unobtrusive@3.2.6",
    "destination": "wwwroot/lib/jquery-ajax-unobtrusive/"
}

@mybirthname의 답변은 훌륭합니다.그렇게 하는 또 다른 방법은 libman cli를 사용하는 것입니다.다음 명령을 사용하여 libman을 설치할 수 있습니다.

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

이제 jquery, jquery-validation-untubrusive 등을 원하는 대로 설치할 수 있습니다.

시작하기 위해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 "jquery-validation-unobtrusive@3.2.10" 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 "jquery@3.3.1" to "lib\jquery"

[편집]

설치하기jquery-ajax-unobtrusivenpm에는 아직 cdnjs에 없기 때문에 unkg 공급자를 사용할 수 있습니다.

unkg는 npm의 모든 것을 위한 빠르고 글로벌한 컨텐츠 전달 네트워크입니다.

libman install -p unpkg jquery-ajax-unobtrusive

NPM을 사용할 수 있습니다.패키지를 추가합니다.웹 프로젝트 루트에 있는 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의 웹 에서.

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

]

하면 빌드에 됩니다.myjs.min.js을 js 더의파에 합니다.wwwroot

Microsoft는 클라이언트 측 라이브러리 관리에 대한 도움말 문서를 작성했습니다.

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

Visual Studio에서 'Add Client-Side Library(클라이언트 측 라이브러리 추가) 대화 상자'를 사용하는 단계가 있습니다.솔루션 탐색기에서 파일을 추가할 프로젝트 폴더를 마우스 오른쪽 버튼으로 누르십시오.[추가] > [클라이언트-사이드 라이브러리]를 선택합니다.클라이언트측 라이브러리 추가 대화상자가 나타납니다.

언급URL : https://stackoverflow.com/questions/52091425/how-do-i-use-microsoft-jquery-unobtrusive-ajax-with-libman-library-manager-asp

반응형