|
|
Objavljeno 7. 2. 2021 ob 16:18:25
|
|
|
|
Ko veliko strani kliče isti rezultat pogleda, lahko isto vsebino zapakiramo v komponento pogleda, seveda pa lahko tudi posredujemo parametre komponenti za pogled in vrnemo rezultat odgovora, scenarije: lestvice najboljših, obrazce, tabele itd., ta članek asp.net uporablja jedro 3.1 za razlago uporabe vodiča za komponento pogleda ViewComponent.
Oglejte si komponente
Komponenta Pogled je podobna lokalnemu pogledu, vendar močnejša. Komponenta pogleda ne uporablja vezav modela, temveč se zanaša le na podatke, ki so na voljo ob klicu modela. Ta članek je bil napisan z uporabo kontrolerjev in pogledov, vendar je komponenta za pogled lahko uporabljena tudi z Razor Pages.
Oglejte si sestavine:
- Renderirajte bloke namesto celotnega odziva.
- Vključuje enako ločitev skrbi in prednosti preverljivosti, kot jo najdemo med kontrolorji in pogledi.
- Lahko ima parametre in poslovno logiko.
- Običajno se pokliče s strani postavitve.
Komponente pogleda lahko uporabite kjerkoli, kjer imate ponovno uporabno logiko za upodabljanje, ki je preveč zapletena za lokalni pogled, na primer:
- Dinamični navigacijski meni
- Oblak oznak (kjer se poizveduje podatkovna baza)
- Prijavna plošča
- Nakupovalni voziček
- Nedavno objavljeni članki
- Vsebina na stranski vrstici na tipičnem blogu
- Na vsaki strani se bo prikazala prijavna plošča s povezavo za odjavo ali prijavo, odvisno od statusa prijave uporabnika
Delni pogled
V asp.net MVC 5 lahko uporabimo lokalni pogled z naslednjo kodo:
Metoda klica:
ViewComponent je alternativa lokalnim pogledom.
ViewComponent za začetek
Oglejte si razred komponent:
- Vbrizgavanje odvisnosti konstruktorjev je v celoti podprto
- Ni vključen v življenjski cikel kontrolerja, kar pomeni, da ne moreš uporabljati filtrov v komponentah pogleda
- Brez nadaljnjega odlašanja pojdimo naravnost k točki, kjer želimo zajeti funkcionalnost komponent klasifikacije urbanih območij.
Najprej ustvarite novo mapo "ViewComponents" pod mapo projekta in ustvarite novo datoteko razreda "RootClassification.cs" z naslednjo kodo:
Na strani z ogledom ustvarimo novo mapo "Components" pod mapo "/Views/Shared" projekta, nato ustvarimo novo mapo "RootClassification" (to je objekt z novim razredom komponent, ki smo ga ustvarili), in nato ustvarimo novo datoteko "Default.cshtml", koda je naslednja:
Struktura je naslednja:
Podrobna pot je: /Views/Shared/Components/RootClassification/Default.cshtml
Zakaj graditi takšno pot? To je povezano s tem, kako deluje komponenta asp.net Core.
Čas izvajanja išče pogled po naslednji poti:
/Views/{Controller Name}/Components/{View Component Name}/{View Name}
/Views/Shared/Components/{View Component Name}/{View Name}
/Pages/Shared/Components/{View Component Name}/{View Name}
Privzeto ime pogleda za komponento pogleda je Default, kar pomeni, da bo vaša datoteka pogleda običajno imenovana Default.cshtml. Ko ustvarjate rezultat komponente pogleda ali kličete metodo pogleda, lahko določite drugo ime pogleda.
S klicem lahko pokličemo tam, kjer moramo uporabiti komponento, koda je naslednja:
Projekt ponovno zaženite z naslednjim upodabljanjem:
|
Partitura
-
Oglejte si vse ocene
Prejšnji:EF Core Series (3) Atributi senc okvirja entitet [ponatis]Naslednji:Spletna stran uporablja swiper vtičnik za implementacijo slikovne predstavitve (vrtiljak)
|
Objavljeno 12. 8. 2021, 10:21:01
|
Najemodajalec|
Objavljeno 13. 8. 2023 ob 17:55:05
|
