ASP.NET zarządzania biblioteką klienta Core LibMan

Środowiska

Visual Studio

• Visual Studio 2019

Rdzeń ASP.NET

• 3.1

Zarządzanie biblioteką klienta

Podczas tworzenia nowego projektu ASP.NET Core folder wwwroot/lib zawiera biblioteki klienckie, takie jak bootstrap i jquery. Jeśli nie używasz biblioteki klienta, nadal jest to problem. Ogólnie rzecz biorąc, często będzie dodawać nowe biblioteki lub uaktualnić istniejące biblioteki, takie jak jquery.

Jeśli używasz biblioteki na innym serwerze w Internecie, takim jak sieć CDN, nie musisz być tego świadomy. Jeśli chcesz korzystać z biblioteki na serwerze, musisz ręcznie pobrać bibliotekę i umieścić ją w tym folderze lib.

Jednak wraz ze wzrostem liczby bibliotek i upływem czasu zarządzanie staje się kłopotliwe, takie jak "Która wersja jest bieżącą wersją?", "Czy istnieje niezbędny plik poprawnie?", "Muszę ponownie znaleźć nową wersję".

Tak ASP.NET Core pozwala na zarządzanie bibliotekami tych klientów zbiorczo z funkcją zarządzania biblioteką o nazwie LibMan.

Przedstawiamy LibMana

W Eksploratorze rozwiązań kliknij prawym przyciskiem myszy projekt i wybierz pozycję Zarządzaj bibliotekami po stronie klienta.

Spowoduje to dodanie pliku o nazwie libman.json.

Zawartość pliku jest wyświetlana na rysunku. Można go edytować bezpośrednio, ale nie jest często wprowadzany bezpośrednio, ponieważ jest edytowany bez zgody przez działanie ekranu. Na razie jest to jedyne wprowadzenie.

Dodawanie bibliotek klientów

Kliknij prawym przyciskiem myszy projekt i → dodać nową bibliotekę po stronie klienta.

Wybierz dostawcę i wprowadź nazwę biblioteki, którą chcesz wprowadzić do biblioteki. Można wyszukiwać według dopasowania częściowego, dzięki czemu można wprowadzić tylko nazwę, która jest kluczem.

Na przykład, jeśli wpiszesz jquery, wyświetlane są następujące sugestie:

Naciśnij w tej chwili wpis lub wybierz kandydata. Najnowsza wersja jest następnie wybierana automatycznie.

Nawiasem mówiąc, jeśli nie ma kandydatów, wybrany dostawca może nie być zarządzany, więc spróbuj wybrać innego dostawcę.

Lokalizacja docelowa jest łatwiejsza do zarządzania na podstawie domyślnego ustawienia "wwwroot/lib/", dzięki czemu można ją pozostawić w stanie, w jakim jest.

Po wejściu do biblioteki kliknij przycisk instalacji.

Jeśli zostanie wyświetlone okno dialogowe podobne do następującego, może nie istnieć w dostawcy lub określić wersję itp.

Zawartość libman.json są następnie dodawane w następujący sposób:

Gdy biblioteka jest zarejestrowana w libman.json, jest automatycznie pobierana na wwwroot/lib (co może zająć trochę czasu). Jednakże, ponieważ jquery znajduje się w folderze lib od początku, może nie być aktualny (może być). W takim przypadku usuń istniejący jquery, a następnie zaktualizuj libman w następujący sposób (nie musisz nic robić, jeśli jest aktualny).

Można usunąć wszystkie istniejące biblioteki, jeśli zarządzasz nimi w libman.

Kliknij prawym przyciskiem myszy libman.json i wybierz polecenie Przywróć bibliotekę po stronie klienta.

Biblioteka zostanie pobrana automatycznie.

Spróbuj przedstawić nową bibliotekę.js "toster".

Został wprowadzony bez konieczności pobierania go ręcznie.

Jak korzystać z biblioteki

Zazwyczaj wystarczy użyć tagów linków i skryptów, aby określić odpowiednią ścieżkę.

<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/lib/toastr.js/toastr.css" />

<!-- 省略 -->

<script src="~/lib/popper.js/umd/popper.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="~/lib/toastr.js/toastr.min.js"></script>

Zmiany i aktualizacje wersji biblioteki

Otwórz libman.json.

Jeśli usuniesz wersję biblioteki docelowej, zobaczysz sugestie, więc wszystko, co musisz zrobić, to wybrać wersję, którą chcesz. Zapisz plik po wprowadzeniu zmian.

Biblioteka jest automatycznie aktualizowana, ale jeśli nie zostanie zaktualizowana, kliknij prawym przyciskiem myszy libman.json i wybierz polecenie Przywróć bibliotekę po stronie klienta.