|
|
Yayınlandı 28.07.2016 16:21:53
|
|
|
Orchard'da bir modül geliştirirken, bu modüle özgü bazı stiller veya betikler ekleyebiliriz. Web sayfası optimizasyonu açısından bakıldığında, genellikle sayfanın başına (<head>etikette) stil eklememiz gerekirken, scriptler sayfanın altına (etikete yakın) eklenmek ister</body>. Ancak, geliştirdiğimiz modüle karşılık gelen görünüm dosyası aslında bir PartialView'dur ve stil veya script referans etiketlerini doğrudan görünüme eklersek, istenen etkiyi elde edemeyiz. Peki bu özellik Orchard'da nasıl yönetiliyor?
MVC görünüm motorunun WebViewPage sınıfı Orchard çerçevesinde yeniden yazılmış ve stil ile betikleri tanıtmak için scrip{filter}t ve Style nitelikleri eklenmiştir. Bu, bu iki özelliği doğrudan görüşte kullanıp ilgili yöntemi çağırmamıza olanak tanır.
Görünümlerinizde iç stiller ve betikler kullanın
Eğer doğrudan sayfaya bir stil tanımı veya script tanımı yazmamız gerekiyorsa. Sonra Orchard temasıyla tanımlanan belirli alanlara stil ve benekler yazabiliriz. Örneğin, aşağıdaki yöntemle sayfanın alt kısmına bir script yazabilirsiniz:
@using (scrip{filter}t.Foot())
{
<scrip{filter}t type="text/javascrip{filter}t">
function JsSub() {
Senaryolar burada yazılabilir
}
</scrip{filter}t>
}
Orchard'da Stil özelliğinin Head yöntemi yoktur, belki Orchard içsel stilleri kullanmamızı istemez. O halde stili referans olarak harici bir stil dosyasına koyalım.
Görüşünüzde harici stiller ve betikler kullanın
Modüllerde stil ve script çağırmak istiyorsak. Sonra scrip{filter}t ve Style niteliklerinin Include yöntemini kullanabilirim, örneğin:
@{
Style.Include("xxx.css");
scrip{filter}t.Include("xxx.js");
}
Bu şekilde, bir sayfa render edilirken, Orchard otomatik olarak bu modüldeki Styles dizininde ilgili stil dosyasını akar ve sayfanın başına yazmak için bir stil referans etiketi oluşturur. Ayrıca ilgili script dosyasını scrip{filter}ts dizininde arar ve sayfanın altına yazılmış bir script referans etiketi oluşturur.
Kaynak dosyalarını kullanın
Yukarıda açıklanan iki yönteme ek olarak, Orchard ayrıca bir kaynak dosyası manifesto fonksiyonu da sağlar. Modül kök dizininde bir ResourceManifest.cs dosyası oluşturup IResourceManifestProvider arayüzünü uygulamam gerekiyor. Bu kaynak manifest dosyasında, referans stilleri ve script dosyaları için daha zengin fonksiyonlar olabilir.
Örneğin, bir script dosyasına referans tanımlamak şu şekilde kullanılabilir:
public void BuildManifests(ResourceManifestBuilder builder) {
Yapımcı. Add(). Definescrip{filter}t("jQuery"). SetUrl("jquery-1.5.2.min.js")
}
Bu şekilde, bir görünüme referans verirken şunları kullanabilirsiniz:
@{
scrip{filter}t.Require("jQuery");
}
Ayrıca, tanımlandıktan sonra diğer modüller de bu kaynağı kullanabilir ve bir sayfada bu kaynağa atıfta bulunan birden fazla görünüm dosyası olduğunda, tekrarlanan referanslar olmaz ve Orchard sadece bu betikten yararlanan bir etiket oluşturur.
Aynı şey tanımlama tarzları için de geçerli:
Yapımcı. Add(). DefineStyle("jQueryUI_Orchard"). SetUrl("jquery-ui-1.8.11.custom.css");
Kullanıldığında:
@{
Style.Require("jQueryUI_Orchard ");
}
Kaynak dosya listesinin ayrıca bir bağımlılık ayarı fonksiyonu vardır. Bir betik kaynağı diğer betik kaynaklarına bağımlı olması gerektiğinde aşağıdaki tanım kullanılabilir:
Yapımcı. Add(). Definescrip{filter}t("jQueryUI_Core"). SetUrl("jquery.ui.core.min.js"). SetDependencies("jQuery");
Bu şekilde sadece jQueryUI_Core script görünümü kullanırız ve o da bağımlı olduğu jquery scriptini otomatik olarak içe aktarır.
Aynı anda birden fazla betike betiklerle güveniyorsanız, birden fazla bağımlı kaynağı ayırmak için virgül kullanarak yapabilirsiniz, örneğin:
Yapımcı. Add(). Definescrip{filter}t("jQueryUI_Draggable"). SetUrl("jquery.ui.draggable.min.js")SetDependencies("jQueryUI_Core", "jQueryUI_Widget", "jQueryUI_Mouse");
Ancak Orchard henüz script kaynaklarının stil kaynaklarına dayanmasını desteklemiyor, bu biraz üzücü; aslında bazı js'ler, örneğin jQueryUI eklentisi gibi, stil dosyalarıyla aynı anda kullanılmak zorunda.
Ayrıca, kaynak envanteri dosyası hata ayıklama modu ve yayın modu için farklı script dosyalarını da ayarlayabilir ve ilgili kaynak sürümünü de tanımlayabilir, örneğin:
Yapımcı. Add(). Definescrip{filter}t("jQuery"). SetUrl("jquery-1.5.2.min.js", "jquery-1.5.2.js"). SetVersion("1.5.2");
Orchard ile birlikte gelen Orchard.jQuery modülü, jQueryUI eklentisini tanımlayan bu modüllerden biridir. Bu eklentiyi kullanmamız gerekirse, bu manifest dosyasında tanımlanan js eklentisine bakabilir ve kendi modülümüzde referans verebiliriz. Ancak, Orchard.jQuery modülündeki içeriğe referans vermemiz gerekiyorsa, modül manifest dosyasında Orchard.jQuery bağımlılığını ayarlamamız gerekir; böylece modülümüz etkinleştirildiğinde, referans verdiğimiz kaynakların normal çağrılmasını sağlamak için Orchard.jQuery modülü eşzamanlı olarak etkinleştirilir.
jquery scrip{filter}t.Require("jQuery") kullanılarak referans verilir. AtHead();
|
Önceki:Microsoft açık kaynak framework orchard kurulum eğitimiÖnümüzdeki:mvc, sayfalamada Html.RenderPartial kullanır
|
