Izstrādājot moduli Orchard, mēs varam pievienot dažus stilus vai skriptus, kas ir specifiski šim modulim. No tīmekļa lapas optimizācijas viedokļa mums bieži ir jāpievieno stili lapas galvā (<head>pie etiķetes), bet skripti ir jāpievieno lapas apakšā (blakus</body> etiķetei). Tomēr skata fails, kas atbilst mūsu izstrādātajam modulim, faktiski ir PartialView, un, ja mēs pievienojam stila vai skripta atsauces tagus tieši skatam, mēs nesasniegsim vēlamo efektu. Tātad, kā šī funkcija tiek apstrādāta augļu dārzā?
MVC skata programmas WebViewPage klase ir pārrakstīta Orchard sistēmā, un scrip{filter}t un Style atribūti ir pievienoti, lai ieviestu stilus un skriptus. Tas ļauj mums izmantot šīs divas īpašības tieši skatā, lai izsauktu atbilstošo metodi.
Iekšējo stilu un skriptu izmantošana savos skatos
Ja mums ir jāraksta stila definīcija vai skripta definīcija tieši lapā. Tad mēs varam rakstīt stilus un skriptus konkrētās jomās, ko nosaka augļu dārza tēma. Piemēram, lapas apakšējā daļā varat uzrakstīt skriptu, izmantojot šādu metodi:
@using (scrip{filter}t.Foot())
{
<scrip{filter}t type="text/javascrip{filter}t">
funkcija JsSub() {
Skriptus var rakstīt šeit
}
</scrip{filter}t>
}
Augļu dārzā stila atribūtam nav galvas metodes, varbūt Orchard nevēlas, lai mēs izmantotu iekšējos stilus. Tāpēc ievietosim stilu ārējā stila failā, lai atsauktos.
Ārējo stilu un skriptu izmantošana skatā
Ja mēs vēlamies izsaukt stilus un skriptus moduļos. Tad es varu izmantot scrip{filter}t un Style atribūtu metodi Include, piemēram:
@{
Style.Include("xxx.css");
scrip{filter}t.Include("xxx.js");
}
Tādā veidā, atveidojot lapu, orchard automātiski meklēs atbilstošo stila failu šī moduļa direktorijā Styles un ģenerēs stila atsauces tagu, ko rakstīt lapas sākumā. Tas arī meklēs atbilstošo skripta failu direktorijā scrip{filter}ts un ģenerēs skripta atsauces tagu, kas rakstīts lapas apakšā.
Resursu failu izmantošana
Papildus divām iepriekš aprakstītajām metodēm Orchard nodrošina arī resursu failu manifesta funkciju. Man vienkārši jāizveido ResourceManifest.cs fails moduļa saknes direktorijā un jāievieš IResourceManifestProvider interfeiss. Šajā resursu manifesta failā mums var būt bagātākas funkcijas stilu un skriptu failu atsaucei.
Piemēram, atsauces uz skripta failu definēšanu var izmantot ar:
public void BuildManifests(ResourceManifestBuilder builder) {
celtnieks. Pievienot (). Definescrip{filter}t("jQuery"). SetUrl("jquery-1.5.2.min.js")
}
Tādējādi, atsaucoties uz skatu, varat izmantot:
@{
scrip{filter}t.Require("jQuery");
}
Turklāt pēc definēšanas šo resursu var izmantot arī citi moduļi, un, ja lapā ir vairāki skata faili, kas atsaucas uz šo resursu, nebūs dublikātu atsauces, un Orchard ģenerēs tikai tagu, kas atsaucas uz šo skriptu.
Tas pats attiecas uz stilu definēšanu:
celtnieks. Pievienot (). DefineStyle ("jQueryUI_Orchard"). SetUrl("jquery-ui-1.8.11.custom.css");
Lietojot:
@{
Style.Require("jQueryUI_Orchard ");
}
Resursu failu sarakstam ir arī atkarības iestatījumu funkcija. Ja skripta resursam ir jābūt atkarīgam no citiem skripta resursiem, var izmantot šādu definīciju:
celtnieks. Pievienot (). Definescrip{filter}t("jQueryUI_Core"). SetUrl("jquery.ui.core.min.js"). SetDependencies("jQuery");
Tādā veidā skatā mēs izmantojam tikai jQueryUI_Core skriptu, un tas automātiski importēs arī jquery skriptu, no kura tas ir atkarīgs.
Ja vienlaikus paļaujaties uz vairākiem skriptiem, varat izmantot komatus, lai atdalītu vairākus atkarīgus resursus, piemēram:
celtnieks. Pievienot (). Definescrip{filter}t("jQueryUI_Draggable"). SetUrl("jquery.ui.draggable.min.js")SetDependencies("jQueryUI_Core", "jQueryUI_Widget", "jQueryUI_Mouse");
Tomēr Orchard vēl neatbalsta skriptu resursu funkciju, kas balstās uz stila resursiem, kas ir mazliet žēl, patiesībā daži js ir jāizmanto vienlaicīgi ar stila failiem, piemēram, jQueryUI spraudni.
Turklāt resursu inventarizācijas fails var arī iestatīt dažādus skriptu failus atkļūdošanas režīmam un izlaišanas režīmam, kā arī var definēt atbilstošo resursu versiju, piemēram:
celtnieks. Pievienot (). Definescrip{filter}t("jQuery"). SetUrl("jquery-1.5.2.min.js", "jquery-1.5.2.js"). SetVersion ("1.5.2");
Orchard.jQuery modulis, kas nāk kopā ar Orchard, ir viens no šādiem moduļiem, kas definē jQueryUI spraudni. Ja mums ir nepieciešams izmantot šo spraudni, mēs varam apskatīt js spraudni, kas definēts šajā manifesta failā, un atsaukties uz to savā modulī. Tomēr ir vērts atzīmēt, ka, ja mums ir nepieciešams atsaukties uz Orchard.jQuery moduļa saturu, mums ir jāiestata atkarība Orchard.jQuery modulis moduļa manifesta failā, lai, kad mūsu modulis ir iespējots, Orchard.jQuery modulis tiktu iespējots sinhroni, lai nodrošinātu, ka resursus, uz kuriem mēs atsaucamies, var izsaukt normāli.
Atsauce uz jquery tiek norādīta, izmantojot scrip{filter}t.Require("jQuery"). AtHead();
|
Publicēts 28.07.2016 16:21:53
|
|
|
