Når vi utvikler en modul i Orchard, kan vi legge til noen stiler eller skript som er spesifikke for denne modulen. Fra et nettstedoptimaliseringsperspektiv må vi ofte legge til stiler øverst på siden (<head>på etiketten), mens skript ønsker å legges til nederst på siden (nær</body> etiketten). Men visningsfilen som tilsvarer modulen vi utviklet er faktisk en PartialView, og hvis vi legger til stil- eller skriptreferansetagger direkte i visningen, vil vi ikke oppnå ønsket effekt. Så hvordan håndteres denne funksjonen i Orchard?
WebViewPage-klassen i MVC-visningsmotoren er omskrevet i Orchard-rammeverket, og attributtene scrip{filter}t og Style er lagt til for å introdusere stiler og skript. Dette gjør at vi kan bruke disse to egenskapene direkte i visningen for å kalle den tilsvarende metoden.
Bruk interne stiler og skript i visningene dine
Hvis vi må skrive en stil- eller skriptdefinisjon direkte inn på siden. Deretter kan vi skrive stiler og skript i spesifikke områder definert av Orchard-temaet. For eksempel kan du skrive et skript nederst på siden ved å bruke følgende metode:
@using (scrip{filter}t.Foot())
{
<scrip{filter}t type="text/javascrip{filter}t">
funksjon JsSub() {
Manus kan skrives her
}
</scrip{filter}t>
}
I Orchard har ikke Style-attributtet en hodemetode, kanskje Orchard ikke vil at vi skal bruke interne stiler. La oss legge stilen i en ekstern stilfil for referanse.
Bruk eksterne stiler og skript i visningen din
Hvis vi vil kalle stiler og skript i moduler. Deretter kan jeg bruke Include-metoden for attributtene scrip{filter}t og Style, for eksempel:
@{
Stil.Inkluder ("xxx.css");
scrip{filter}t.Include("xxx.js");
}
På denne måten, når en side renderes, vil Orchard automatisk slå opp den tilsvarende stilfilen i Styles-katalogen i denne modulen og generere en stilreferansetagg som skrives øverst på siden. Den vil også lete etter den tilsvarende skriptfilen i scrip{filter}ts-katalogen og generere en script reference tag skrevet nederst på siden.
Bruk ressursfiler
I tillegg til de to metodene beskrevet ovenfor, tilbyr Orchard også en funksjon for ressursfilmanifest. Jeg trenger bare å lage en ResourceManifest.cs-fil i modulens rotmappe og implementere IResourceManifestProvider-grensesnittet. I denne ressursmanifestfilen kan vi ha rikere funksjoner for referansestiler og skriptfiler.
For eksempel kan det å definere en referanse til en skriptfil brukes med:
public void BuildManifests(ResourceManifestBuilder builder) {
Byggmester. Legg til(). Definescrip{filter}t("jQuery"). SetUrl("jquery-1.5.2.min.js")
}
På denne måten, når du refererer til en visning, kan du bruke:
@{
scrip{filter}t.Require("jQuery");
}
Dessuten kan andre moduler etter definisjon også bruke denne ressursen, og når det finnes flere visningsfiler som refererer til denne ressursen på en side, vil det ikke være duplikatreferanser, og Orchard vil kun generere en tagg som refererer til dette skriptet.
Det samme gjelder for å definere stiler:
Byggmester. Legg til(). DefineStyle ("jQueryUI_Orchard"). SetUrl("jquery-ui-1.8.11.custom.css");
Når man bruker:
@{
Stil. Krever ("jQueryUI_Orchard");
}
Ressursfillisten har også en avhengighetsinnstillingsfunksjon. Når en skriptressurs må være avhengig av andre skriptressurser, kan følgende definisjon brukes:
Byggmester. Legg til(). Definescrip{filter}t("jQueryUI_Core"). SetUrl("jquery.ui.core.min.js"). SetDependencies("jQuery");
På denne måten bruker vi kun jQueryUI_Core skript på visningen, og den importerer automatisk jquery-skriptet den er avhengig av også.
Hvis du stoler på flere skript samtidig som skript, kan du bruke kommaer for å skille flere avhengige ressurser, for eksempel:
Byggmester. Legg til(). Definescrip{filter}t("jQueryUI_Draggable"). SetUrl("jquery.ui.draggable.min.js")SetDependencies("jQueryUI_Core", "jQueryUI_Widget", "jQueryUI_Mouse");
Orchard støtter imidlertid ennå ikke funksjonen til skriptressurser som er avhengige av stilressurser, noe som er litt synd, faktisk må noen js brukes samtidig som stilfiler, som jQueryUI-pluginen.
I tillegg kan ressursinventarfilen også sette ulike skriptfiler for feilsøkingsmodus og utgivelsesmodus, og kan også definere den tilsvarende ressursversjonen, slik som:
Byggmester. Legg til(). Definescrip{filter}t("jQuery"). SetUrl("jquery-1.5.2.min.js", "jquery-1.5.2.js"). SetVersion("1.5.2");
Orchard.jQuery-modulen som følger med Orchard er en slik modul som definerer jQueryUI-pluginen. Hvis vi trenger å bruke denne pluginen, kan vi se på js-pluginen definert i denne manifestfilen og referere til den i vår egen modul. Det er imidlertid verdt å merke seg at hvis vi trenger å referere innholdet i Orchard.jQuery-modulen, må vi sette avhengighetsmodulen Orchard.jQuery i modulmanifestfilen, slik at når modulen aktiveres, vil Orchard.jQuery-modulen være aktivert synkront for å sikre at ressursene vi refererer til kan kalles normalt.
jquery refereres til ved hjelp av scrip{filter}t.Require("jQuery"). AtHead();
|
Publisert på 28.07.2016 16:21:53
|
|
|
