|
|
Postitatud 2021-2-7 16:18:25
|
|
|
|
Kui suur hulk lehti kutsub sama vaate tulemust, saame sama sisu kapseldada vaatekomponendiks, loomulikult saame ka parameetreid vaatekomponendile edastada ja vastuse tulemuse tagastada, stsenaariumid: edetabelid, vormid, tabelid jne, see artikkel kasutab asp.net põhiversiooni 3.1, et selgitada, kuidas kasutada ViewComponent vaate komponendi õpetust.
Vaata komponente
View komponent on sarnane kohaliku vaatega, kuid võimsam. Vaate komponent ei kasuta mudeli sidumisi, vaid tugineb ainult mudeli kutsumisel esitatud andmetele. See artikkel on kirjutatud kontrollerite ja vaadete abil, kuid vaatekomponenti saab kasutada ka Razor Pages'iga.
Vaata komponente:
- Renderda plokke, mitte kogu vastust.
- Sisaldab sama murede ja testitavuse eeliseid nagu kontrollerite ja vaadete vahel.
- Sellel võivad olla parameetrid ja äriloogika.
- Tavaliselt kutsutakse seda paigutuslehelt.
Vaate komponente saab kasutada kõikjal, kus on taaskasutatav renderdusloogika, mis on kohaliku vaate jaoks liiga keeruline, näiteks:
- Dünaamiline navigeerimismenüü
- Siltipilv (kus andmebaasi päritakse)
- Sisselogimispaneel
- Ostukäru
- Hiljuti avaldatud artiklid
- Külgriba sisu tüüpilises blogis
- Igal lehel ilmub sisselogimispaneel koos lingiga, et välja logida või sisse logida, sõltuvalt kasutaja sisselogimise staatusest
Osaline vaade
asp.net MVC 5-s saame kasutada kohalikku vaadet järgmise koodiga:
Kutsumise meetod:
ViewComponent on alternatiiv kohalikele vaadetele.
Alustamiseks kasuta ViewComponent
Vaata komponentide klassi:
- Konstruktori sõltuvuse süstimine on täielikult toetatud
- See ei ole kontrolleri elutsükliga seotud, mis tähendab, et sa ei saa kasutada filtreid vaatekomponentides
- Ilma pikema jututa jõuame otse punkti, kus soovime kokku võtta linnapiirkonna klassifikatsiooni komponentide funktsionaalsuse.
Esiteks loo projekti kataloogi alla uus "ViewComponents" kaust ja loo uus "RootClassification.cs" klassifail järgmise koodiga:
Vaatelehel loome projekti "/Views/Shared" kausta alla uue "Components" kausta, seejärel loome uue "RootClassification" kausta (see on objekt uue komponendiklassiga, mille lõime) ja seejärel uue "Default.cshtml" faili, kood on järgmine:
Struktuur on järgmine:
Üksikasjalik tee on: /Views/Shared/Components/RootClassification/Default.cshtml
Miks ehitada sellist rada? See on seotud sellega, kuidas asp.net Core komponent töötab.
Runtime otsib vaadet järgmisel rajal:
/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}
Vaatekomponendi vaikimisi vaate nimi on Default, mis tähendab, et sinu vaatefaili nimi on tavaliselt Default.cshtml. Kui loote vaatekomponendi tulemuse või kutsute Vaate meetodit, saate määrata teise vaate nime.
Kutsudes saame kutsuda sinna, kus komponenti vaja on, kood on järgmine:
Käivita projekt uuesti järgmise renderdamisega:
|
Skoor
-
| Osalejate arv1 | MB+1 |
Aitavad kaasa+1 |
Ahenda
põhjus
|
 fessicon
| + 1 |
+ 1 |
Toeta omanikku, et ta postitaks hea postituse, ja ma teen ka hea postituse! |
Vaata kõiki hinnanguid
Eelmine:EF Core Series (3) Entity Frame Shadow atribuudid [Taastrükk]Järgmine:Veebileht kasutab swiper pluginat pildislaidiseansi (karussell) loomiseks
|
Postitatud 2021-8-12 10:21:01
|
Üürileandja|
Postitatud 2023-8-13 17:55:05
|
