component-development
Twórz komponenty Blazor naśladujące kontrolki ASP.NET Web Forms — od wyboru klasy bazowej po testy i dokumentację.
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność prowadząca przez pełny proces tworzenia komponentów Blazor dla biblioteki BlazorWebFormsComponents. Dowiesz się, jak wybrać odpowiednią klasę bazową (BaseWebFormsComponent, BaseStyledComponent, DataBoundComponent czy BaseValidator), zastosować konwencje nazewnictwa Web Forms, zintegrować testy Playwright i ukończyć komponent od implementacji przez dokumentację aż do aktualizacji nawigacji. Idealna dla deweloperów rozszerzających bibliotekę nowymi kontrolkami lub adaptującymi istniejące komponenty.
Jak używać
Zidentyfikuj kontrolkę Web Forms z przestrzeni nazw System.Web.UI.WebControls, którą chcesz emulować w Blazorze — ta umiejętność poprowadzi Cię przez cały proces adaptacji.
Zbadaj oczekiwane wyjście HTML, korzystając z dołączonego przewodnika HTML Output Matching Guide, aby upewnić się, że Twój komponent będzie renderować identyczne znaczniki jak oryginalna kontrolka Web Forms.
Utwórz pliki komponentu w strukturze projektu: plik .razor z szablonem oraz plik .razor.cs z logiką, a następnie wybierz odpowiednią klasę bazową — BaseWebFormsComponent dla komponentów podstawowych, BaseStyledComponent jeśli potrzebujesz stylowania, DataBoundComponent dla komponentów powiązanych z danymi, lub BaseValidator dla walidatorów.
Dodaj testy jednostkowe w katalogu dedykowanym komponentowi oraz stronę przykładową w folderze ControlSamples, następnie skonfiguruj testy integracyjne z użyciem Playwright w sekcji testów projektu przykładowego.
Napisz dokumentację komponentu w odpowiedniej kategorii folderu docs i zaktualizuj nawigację — dodaj wpis do TreeView w pliku NavMenu.razor, aby komponent był dostępny dla użytkowników biblioteki.
Przejrzyj pełną listę kontrolną zawartą w umiejętności, aby upewnić się, że wszystkie kroki — od implementacji, przez konwencje nazewnictwa Web Forms, aż po dokumentację — zostały wykonane zgodnie ze standardami BlazorWebFormsComponents.