Ağacın kökünde yeni bir kaynak oluşturun

Bugün, SimpleSearch bileşenini kullanarak Modx Revolution'da site aramasının nasıl uygulanacağına dair bir ders.

Temel snippet parametreleri:

1. Basit Arama

2. Kodlamalar vb. ile çeşitli sorunları çözüyoruz.

Core/components/simplesearch/model/simplesearch/simplesearch.class.php adresine gidin ve aşağıdaki satırları değiştirin:

satır 297:

$metin = preg_replace("/(\[\[\+.*?\]\])/i", "", $metin);

ile değiştirin

$metin = preg_replace("/(\[\[\+.*?\]\])/iu", "", $metin);

satır 311:

$metin = trim(preg_replace("/\s+/", " ", $this->sanitize($text)));

ile değiştirin

$metin = trim(preg_replace("/\s+/u", " ", $this->sanitize($text)));

413. satır:

$string = preg_replace("/" . $quoteValue . "/i", "$0", $string);

ile değiştirin

$string = preg_replace("/" . $quoteValue . "/iu", "$0", $string);

179. satırı yorumlayalım:

If (!empty($str)) $this->searchString = strip_tags($this->modx->sanitizeString($str));

onlar. şöyle görünmeli

/*if (!empty($str)) $this->searchString = strip_tags($this->modx->sanitizeString($str)); */

3. core/components/simplesearch/elements/chunks/ dizininde bulunan tüm standart parçaların kopyalarını oluşturun

Aynı adlara, -new ön ekine ve aynı içeriğe sahip (yalnızca bunlar artık dosya tabanlı değil, normaldir) yeni parçalar oluşturuyoruz ve bunları daha sonra anlayacaksınız.

Örneğin, currentpagelink.chunk.tpl adlı ilk öbeği alıp, currentpagelink-new (elements - yeni bir öbek oluştur) adlı yeni bir öbek oluşturup kodu ona aktarıyoruz.

[[+metin]]

Aktif sayfa için sayfalandırmadaki düğmeyi kontrol etmekten sorumludur.

Ve aynı şekilde kalan parçaları da oluşturuyoruz:

— pagelink-new — ayrı bir sayfalandırma düğmesinin görüntülenmesinden sorumludur.

[[+metin]]

• [[+link]] - belgeye bağlantı
• [[+metin]] - belge numarası

— arama formu-yeni — arama formu

[[%sisea.search? &namespace=`sisea` &topic=`varsayılan`]]

- arama sonuçları aktarılamaz - orada tasarım yoktur;

— searchresult-new — her sonuç öğesinin çıktısı.

[[+idx]]. [[+sayfa başlığı]]

[[+özet]]

• [[+idx]] - listedeki arama sonucu numarası
• [[+link:is=``:then=`[[~[[+id]]]]`:else=`[[+link]]`]]
• [[+longtitle]] - genişletilmiş başlık
• [[+pagetitle]] - başlık
• [[+extract]] - bu belgenin bulunduğu metin

- searchresultli - aslında aktarılamaz.

- arama sonuçları-yeni - tüm sonuçların sarmalayıcısı

[[+sonuçBilgisi]]

• [[+resultInfo]] - bulunan belge sayısı ve hangi ifade için olduğu hakkında bilgi.
• [[+sisea.result_pages? &namespace=`sisea` &topic=`varsayılan`]]

  “Arama sonuçları sayfaları:” ifadesinin görüntülenmesi:

• [[+sayfalama]] - sayfalandırma
• [[+sonuçlar]] - arama sonuçları

Bütün bunlardan sonra 5 yeni parçanız olmalı.

4. Arama sonuçlarının görüntüleneceği yeni bir belge oluşturun

Başlık: Arama sonuçlarında “Menüde gösterme” onay kutusunu işaretleyin. “Ayarlar”a gidin ve “Aranabilir” ve “HTML düzenleyiciyi kullan” onay kutularının işaretini kaldırın. Kaydetmek. Sayfayı yenileyip içeriğe ekliyoruz

[[!Basit Arama? &tpl=`searchresult-new` &containerTpl=`searchresults-new` &pageTpl=`pagelink-new` ¤tPageTpl=`currentpagelink-new`]]

3. adımda (görünüm) oluşturulan tasarım parçaları.

Arama sonuçlarının resimler içermesini istiyorsanız bunları bu çıktının sonuna ekleyin.

&includeTVs=`1` &processTVs=`1`

Arama sonucu öbeğinde resim şu şekilde çağrılabilir: [[+img]].

5. Arama formunu görüntüleyin

Arama formunu görüntülemeniz gereken yere şunu yazın:

[[!Basit Arama Formu? &landing=`11` &tpl=`searchform-new`]]

Burada açılış, arama sonuçlarının bulunduğu sayfanın kimliğidir, tpl ise 3. adımda oluşturulan form tasarım parçalarıdır.

Dış tasarımı kendi takdirinize göre düzenleyebilmeniz için 4. ve 5. adımları uyguladık: formun kendisi, arama sonuçları vb. Kaynaklara girmeden. Ve standart tasarım oldukça üzücü; örneğin standart arama formu böyle görünüyor.

6. Tasarımı değiştiriyoruz.

Tüm parçaların nasıl tasarlanacağını açıklamanın bir anlamı yok; örnek olarak, arama formu yeni parçası için yeni bir tasarım vereceğim.

Bu, Bootstrap 3'ün olağan standart form işaretlemesidir, sitede şöyle görünür:

Resmi belgeler burada: docs.modx.com/extras/revo/simplesearch

Sorularınız varsa yorumlara yazın ve sorun.

SimpleSearch, modx devriminde site araması için standart bir pakettir. Canlı arama için buna bir ajax isteği ekleyeceğiz. Aynı sitede bir örnek görülebilir; oldukça basit bir şekilde çalışıyor ve dikkat edin, sayfalandırma ile çalışıyor. SimpleSearchForm pasajı (arama formu), SimpleSearch pasajını görüntüleyen ayrı bir sonuçlar sayfasından bir ajax isteği ister.

1 Popüler SimpleSearch site arama paketini modx revo deposundan indirin ve yükleyin.
Ajax'ın veri toplaması ve arama formunda istekte bulunurken göndermesi için boş şablon içeren bir kaynak oluşturuyoruz.
Örneğin, takma adı "arama sonuçları" olarak adlandıralım ve buna ajax tarafından erişilecektir.
Kaynak içerikleri:

arama sonuçları if(typeof jQuery !== unDefinition) ( $(document).ready(function() ( $(".sisea-page a").click(function(event) ( // pagination event.preventDefault(); // Tarayıcının sayfalar arasında gezinmesini engeller // Sonraki arama sayfasını yükler ve kapsayıcıyı gösterir $("#site-search-results").load($(this).attr("href")).show() ; false döndür; // saplama )); )); ) [[!SimpleSearch]]

2 Şimdi arama formunu sizin için uygun bir yere yerleştirelim, bunun için “SimpleSearchForm” pasajı sorumludur.
Kural olarak, arama formu modx şablonlarına kaydırılır.
Div öğesi, ajax isteğinin sonuçlarını görüntüler.

[[!BasitAramaFormu]]

3 Formdaki istekleri 1. adımda oluşturduğumuz sayfaya göndermek için ajax'ı bağlayalım.
(!) Jquery'yi bağlamayı unutmayın
(!) Ajax'ın kaynağa hangi adresten eriştiğinden emin olun. Load() yöntemi bundan 2 yerde sorumludur.

// SimpleSearch ajax $(document).ready(function() ( // Düğme $(".sisea-search-form").submit(function () ( // bir düğmeye ihtiyacınız varsa açıklamayı kaldırın // $("# site- arama sonuçları").load("/search-results/",$(".sisea-search-form").serialize()).slideDown("fast"); return false; )); // Canlı arama $(".sisea-search-form input").keyup(function() ( if(this.value.length > 2) ( // Kullanıcı arama dizesine 2'den fazla karakter yazar // sonuçları gizler/gösterir pencerenin dışında $(document).click(function(event)( // hide if ($(event.target).closest(".site-search-results").length) return; $(".site-search) -results" ).slideUp("hızlı"); //event.stopPropagation(); )); $("#search").click(function() ( // display $(".site-search-results") ).slideDown ("hızlı"); return false; )); // ajax, sayfadan arama sonuçlarının yüklenmesini ve kapsayıcının görüntülenmesini ister $("#site-search-results").load("/search-results/" ,$(".sisea-search-form").serialize()).slideDown("fast"); ) else ( // 2 karakterden az yazılırsa kapsayıcıyı gizleyin (CSS ekranı:none;) $( "#site-arama-sonuçları" .slideUp("hızlı"); ) )); ));

4 Pencereyi gizleme ve açığa çıkarmanın ajax etkisinin sonuçlarını ve gerekli görüntüleme stillerini minimum düzeyde görüntülemek için css'i bağlarız. Modx devrimindeki SimpleSearch paketinin kılavuzunda açıklandığı gibi stillerin geri kalanını kendiniz tamamlayın.

/* SimpleSearch ajax */ .site-search-results ( display:none; konum:mutlak; text-align:left; dolgu:15px; arka plan:#F7F7F7; border-radius:5px; -webkit-border-radius:5px ; -moz-border-radius:5px; box-shadow: 2px 3px 9px -2px rgba(50, 50, 50, 0,55); -webkit-box-shadow: 2px 3px 9px -2px rgba(50, 50, 50, 0,55); -moz-kutusu-gölge: 2px 3px 9px -2px rgba(50, 50, 50, 0,55); )

SimpleSearchForm snippet'indeki arama düğmesi tamamen kaldırılabilir
çünkü ajax zaten Enter tuşuna basmayı kesiyor.

Bu kod parçası, gönderilen arama kriterlerine göre arama sonuçlarını görüntüler.

Snippet'i, arama sonuçlarını görüntülemek istediğiniz Kaynağa yerleştirmeniz yeterlidir.

[[!Basit Arama]]

SimpleSearch'te işlenen 4 parça vardır. Bunların karşılık gelen SimpleSearch parametreleri şunlardır:

• tpl - Görüntülenen her sonuç için kullanılacak Parça.
• ContainerTpl - Tüm arama sonuçlarını, sayfalandırmayı ve mesajı sarmak için kullanılacak Parça.
• pageTpl - Sayfalandırma bağlantısı için kullanılacak Parça.
• currentPageTpl - Geçerli sayfalandırma bağlantısı için kullanılacak Parça.

Özel tablolarda arama yapmak SimpleSearch'te &customPackages özelliği kullanılarak yapılabilir; ancak bunun için oluşturulmuş özel bir paketinizin olması gerekir. Format şu şekildedir:

ClassName:fieldName(s):packageName:packagePath:joinCriteria||class2Name:fieldName(s):package2Name:package2Path:join2Criteria

Başka bir deyişle, her özel paket || ile ayrılır. Daha sonra her bir kısmı iki nokta üst üste (:) ile ayrılır. Quip yorumlarını aramak için bir örnek:

&customPackages=`quipComment:body:quip:(core_path)components/quip/model/:quipComment.resource = modResource.id`

Her bir parçayı parçalayalım:

• className - Aramak istediğiniz tablonun sınıf adı. İşte QuipComment.
• fieldName(s) - Aranacak sütun adlarının virgülle ayrılmış listesi. Biz "gövde" yaptık, siz de "gövde, e-posta" falan da yapabilirdiniz.
• packageName - Eklenecek şema Paketinin adı. Buna quip denir.
• packagePath - Paketin bulunduğu model/dizinin yolu.
• joinCriteria - Aramak istediğiniz tabloya ve modResource tablosuna katılacak SQL. Tablonuzun bulunduğu Kaynakla bir bağlantısı olmalıdır (aksi takdirde SimpleSearch bunun için bir URL'yi nasıl yükleyeceğini bilemez!)

Ekledikten sonra bu alanlarda da veri arayacaktır. Eğer bu tabloda bulursa, sonucu joinCriteria'nızda belirttiğiniz Kaynağa bir bağlantı olarak gösterecektir. Örneğimizde bu, Quip yorumunun bulunduğu kaynak.

Bugün, SimpleSearch bileşenini kullanarak Modx Revolution'da site aramasının nasıl uygulanacağına dair bir ders.

Temel snippet parametreleri:

1. Basit Arama

2. Kodlamalar vb. ile çeşitli sorunları çözüyoruz.

Core/components/simplesearch/model/simplesearch/simplesearch.class.php adresine gidin ve aşağıdaki satırları değiştirin:

satır 297:

$metin = preg_replace("/(\[\[\+.*?\]\])/i", "", $metin);

ile değiştirin

$metin = preg_replace("/(\[\[\+.*?\]\])/iu", "", $metin);

satır 311:

$metin = trim(preg_replace("/\s+/", " ", $this->sanitize($text)));

ile değiştirin

$metin = trim(preg_replace("/\s+/u", " ", $this->sanitize($text)));

413. satır:

$string = preg_replace("/" . $quoteValue . "/i", "$0", $string);

ile değiştirin

$string = preg_replace("/" . $quoteValue . "/iu", "$0", $string);

179. satırı yorumlayalım:

If (!empty($str)) $this->searchString = strip_tags($this->modx->sanitizeString($str));

onlar. şöyle görünmeli

/*if (!empty($str)) $this->searchString = strip_tags($this->modx->sanitizeString($str)); */

3. core/components/simplesearch/elements/chunks/ dizininde bulunan tüm standart parçaların kopyalarını oluşturun

Aynı adlara, -new ön ekine ve aynı içeriğe sahip (yalnızca bunlar artık dosya tabanlı değil, normaldir) yeni parçalar oluşturuyoruz ve bunları daha sonra anlayacaksınız.

Örneğin, currentpagelink.chunk.tpl adlı ilk öbeği alıp, currentpagelink-new (elements - yeni bir öbek oluştur) adlı yeni bir öbek oluşturup kodu ona aktarıyoruz.

[[+metin]]

Aktif sayfa için sayfalandırmadaki düğmeyi kontrol etmekten sorumludur.

Ve aynı şekilde kalan parçaları da oluşturuyoruz:

— pagelink-new — ayrı bir sayfalandırma düğmesinin görüntülenmesinden sorumludur.

[[+metin]]

• [[+link]] - belgeye bağlantı
• [[+metin]] - belge numarası

— arama formu-yeni — arama formu

[[%sisea.search? &namespace=`sisea` &topic=`varsayılan`]]

- arama sonuçları aktarılamaz - orada tasarım yoktur;

— searchresult-new — her sonuç öğesinin çıktısı.

[[+idx]]. [[+sayfa başlığı]]

[[+özet]]

• [[+idx]] - listedeki arama sonucu numarası
• [[+link:is=``:then=`[[~[[+id]]]]`:else=`[[+link]]`]]
• [[+longtitle]] - genişletilmiş başlık
• [[+pagetitle]] - başlık
• [[+extract]] - bu belgenin bulunduğu metin

- searchresultli - aslında aktarılamaz.

- arama sonuçları-yeni - tüm sonuçların sarmalayıcısı

[[+sonuçBilgisi]]

• [[+resultInfo]] - bulunan belge sayısı ve hangi ifade için olduğu hakkında bilgi.
• [[+sisea.result_pages? &namespace=`sisea` &topic=`varsayılan`]]

  “Arama sonuçları sayfaları:” ifadesinin görüntülenmesi:

• [[+sayfalama]] - sayfalandırma
• [[+sonuçlar]] - arama sonuçları

Bütün bunlardan sonra 5 yeni parçanız olmalı.

4. Arama sonuçlarının görüntüleneceği yeni bir belge oluşturun

Başlık: Arama sonuçlarında “Menüde gösterme” onay kutusunu işaretleyin. “Ayarlar”a gidin ve “Aranabilir” ve “HTML düzenleyiciyi kullan” onay kutularının işaretini kaldırın. Kaydetmek. Sayfayı yenileyip içeriğe ekliyoruz

[[!Basit Arama? &tpl=`searchresult-new` &containerTpl=`searchresults-new` &pageTpl=`pagelink-new` ¤tPageTpl=`currentpagelink-new`]]

3. adımda (görünüm) oluşturulan tasarım parçaları.

Arama sonuçlarının resimler içermesini istiyorsanız bunları bu çıktının sonuna ekleyin.

&includeTVs=`1` &processTVs=`1`

Arama sonucu öbeğinde resim şu şekilde çağrılabilir: [[+img]].

5. Arama formunu görüntüleyin

Arama formunu görüntülemeniz gereken yere şunu yazın:

[[!Basit Arama Formu? &landing=`11` &tpl=`searchform-new`]]

Burada açılış, arama sonuçlarının bulunduğu sayfanın kimliğidir, tpl ise 3. adımda oluşturulan form tasarım parçalarıdır.

Dış tasarımı kendi takdirinize göre düzenleyebilmeniz için 4. ve 5. adımları uyguladık: formun kendisi, arama sonuçları vb. Kaynaklara girmeden. Ve standart tasarım oldukça üzücü; örneğin standart arama formu böyle görünüyor.

6. Tasarımı değiştiriyoruz.

Tüm parçaların nasıl tasarlanacağını açıklamanın bir anlamı yok; örnek olarak, arama formu yeni parçası için yeni bir tasarım vereceğim.

Bu, Bootstrap 3'ün olağan standart form işaretlemesidir, sitede şöyle görünür:

Resmi belgeler burada: docs.modx.com/extras/revo/simplesearch

Sorularınız varsa yorumlara yazın ve sorun.