Kun kehitämme moduulia Orchardissa, voimme lisätä joitakin tyylejä tai skriptejä, jotka ovat spesifisiä tälle moduulille. Verkkosivun optimoinnin näkökulmasta meidän täytyy usein lisätä tyylejä sivun päähän (<head>etikettiin), kun taas skriptit halutaan lisätä sivun alareunaan (lähelle</body> etikettiä). Kuitenkin kehittämäämme moduulia vastaava näkymätiedosto on itse asiassa PartialView, ja jos lisäämme tyyli- tai skriptiviittaustageja suoraan näkymään, emme saavuta toivottua vaikutusta. Miten tämä ominaisuus sitten hoidetaan Orchardissa?
MVC-näkymämoottorin WebViewPage-luokka on kirjoitettu uudelleen Orchard-kehyksessä, ja scrip{filter}t- sekä Style-attribuutit on lisätty tyylien ja skriptien esittelyyn. Tämä mahdollistaa näiden kahden ominaisuuden käytön suoraan näkymässä vastaavan metodin kutsumiseen.
Käytä sisäisiä tyylejä ja skriptejä näkymissäsi
Jos meidän täytyy kirjoittaa tyylimääritelmä tai skriptimääritelmä suoraan sivulle. Sitten voimme kirjoittaa tyylejä ja skriptejä Orchardin teeman määrittelemille alueille. Esimerkiksi voit kirjoittaa skriptin sivun alaosaan seuraavalla menetelmällä:
@using (scrip{filter}t.Foot())
{
<scrip{filter}t type="text/javascrip{filter}t">
funktio JsSub() {
Käsikirjoituksia voi kirjoittaa täällä
}
</scrip{filter}t>
}
Orchardissa Style-attribuutilla ei ole Head-metodia, ehkä Orchard ei halua meidän käyttävän sisäisiä tyylejä. Laitetaan tyyli ulkoiseen tyylitiedostoon viitettäväksi.
Käytä ulkoisia tyylejä ja skriptejä näkymässäsi
Jos haluamme kutsua tyylejä ja skriptejä moduuleissa. Sitten voin käyttää scrip{filter}t- ja Style-attribuuttien Include-metodia, kuten:
@{
Style.Include("xxx.css");
scrip{filter}t.Include("xxx.js");
}
Näin sivua renderöidessä Orchard hakee automaattisesti vastaavan tyylitiedoston tämän moduulin Styles-hakemistosta ja luo tyyliviitetagin kirjoitettavaksi sivun päähän. Se etsii myös vastaavaa skriptitiedostoa scrip{filter}ts-hakemistosta ja luo skriptiviitetagin, joka on kirjoitettu sivun alareunaan.
Käytä resurssitiedostoja
Edellä kuvattujen kahden menetelmän lisäksi Orchard tarjoaa myös resurssitiedostomanifestin funktion. Minun tarvitsee vain luoda ResourceManifest.cs-tiedosto moduulin juurihakemistoon ja toteuttaa IResourceManifestProvider-rajapinta. Tässä resurssimanifestitiedostossa voimme olla rikkaampia funktioita tyylien ja skriptitiedostojen viittaamiseen.
Esimerkiksi viittauksen määrittäminen skriptitiedostoon voidaan käyttää seuraavasti:
public void BuildManifests(ResourceManifestBuilder builder) {
rakentaja. Add(). Definescrip{filter}t("jQuery"). SetUrl("jquery-1.5.2.min.js")
}
Näin, kun viitaat näkymään, voit käyttää:
@{
scrip{filter}t.Require("jQuery");
}
Lisäksi määriteltyään muut moduulit voivat käyttää tätä resurssia, ja kun sivulla on useita näkymätiedostoja, jotka viittaavat tähän resurssiin, ei ole päällekkäisiä viittauksia, ja Orchard luo vain tagin, joka viittaa tähän skriptiin.
Sama pätee määritteleviin tyyleihin:
rakentaja. Add(). DefineStyle("jQueryUI_Orchard"). SetUrl("jquery-ui-1.8.11.custom.css");
Kun käytät:
@{
Style.Require("jQueryUI_Orchard ");
}
Resurssitiedostolistalla on myös riippuvuusasetustoiminto. Kun skriptiresurssin täytyy olla riippuvainen muista skriptiresursseista, voidaan käyttää seuraavaa määritelmää:
rakentaja. Add(). Definescrip{filter}t("jQueryUI_Core"). SetUrl("jquery.ui.core.min.js"). SetDependencies ("jQuery");
Näin käytämme näkymässä vain jQueryUI_Core skriptiä, ja se tuo automaattisesti myös jquery-skriptin, johon se riippuu.
Jos luotat useampaan skriptiin samanaikaisesti skriptien kanssa, voit käyttää pilkkuja erottamaan useita riippuvaisia resursseja, kuten:
rakentaja. Add(). Definescrip{filter}t("jQueryUI_Draggable"). SetUrl("jquery.ui.draggable.min.js")SetDependencies("jQueryUI_Core", "jQueryUI_Widget", "jQueryUI_Mouse");
Orchard ei kuitenkaan vielä tue skriptiresurssien toimintaa, jotka perustuisivat tyyliresursseihin, mikä on hieman harmi, itse asiassa joitakin js-tiedostoja täytyy käyttää samaan aikaan tyylitiedostojen kanssa, kuten jQueryUI-lisäosaa.
Lisäksi resurssiinventaariotiedosto voi asettaa erilaisia skriptitiedostoja virheenkorjaus- ja julkaisutilaan sekä määrittää vastaavan resurssiversion, kuten:
rakentaja. Add(). Definescrip{filter}t("jQuery"). SetUrl("jquery-1.5.2.min.js", "jquery-1.5.2.js"). SetVersion("1.5.2");
Orchardin mukana tuleva Orchard.jQuery-moduuli on yksi tällainen moduuli, joka määrittelee jQueryUI-lisäosan. Jos meidän täytyy käyttää tätä lisäosaa, voimme katsoa tässä manifest-tiedostossa määriteltyä js-lisäosaa ja viitata siihen omassa moduulissamme. On kuitenkin syytä huomata, että jos meidän täytyy viitata Orchard.jQuery-moduulin sisältöön, meidän täytyy asettaa riippuvuus Orchard.jQuery-moduuli moduulin manifest-tiedostoon, jotta moduulin ollessa käytössä Orchard.jQuery-moduuli aktivoituu synkronisesti, jotta viitatut resurssit voidaan kutsua normaalisti.
jqueryyn viitataan käyttämällä scrip{filter}t.Require("jQuery"). AtHead();
|
Julkaistu 28.7.2016 16.21.53
|
|
|
