Drupal實(shí)現(xiàn)多條件過(guò)濾導(dǎo)航.doc

Drupal實(shí)現(xiàn)多條件過(guò)濾導(dǎo)航大家在上網(wǎng)時(shí)經(jīng)常能夠看很多網(wǎng)站都有很酷很實(shí)用的多條件過(guò)濾，通過(guò)組合許多不同的過(guò)濾條件，幫助用戶逐漸縮小內(nèi)容的顯示范圍，逐漸找到最需要的內(nèi)容。比如像優(yōu)酷這樣的電影過(guò)濾不過(guò)相信更多的Drupaller是在做商城類(lèi)的項(xiàng)目時(shí)遇到這樣的需求，即便如此，換湯不換藥 :D 大家很困惑，甚至覺(jué)得有些壓力山大，究竟用 Drupal 能不能為產(chǎn)品實(shí)現(xiàn)這樣的多條件過(guò)濾呢？當(dāng)然可以了，除了給你生個(gè)孩子，還有什么是 Drupal 做不到的呢 ;)在開(kāi)始介紹如何實(shí)現(xiàn)這樣的功能前，我們先統(tǒng)一一下對(duì)需求的認(rèn)識(shí)。并且在這里希望大家認(rèn)識(shí)到隨著網(wǎng)站信息量的增大，內(nèi)容標(biāo)識(shí)維度的增加，不只是電影網(wǎng)站、網(wǎng)上商城，多條件過(guò)濾可以應(yīng)用的范圍是非常廣泛的，旅行、美食、創(chuàng)業(yè)、圖書(shū)管理、同城交友哪里都可以它的身影，希望大家開(kāi)動(dòng)腦筋、發(fā)散思維 :D好了，下面我們一起來(lái)整理一下多條件過(guò)濾的一般需求，同時(shí)我們也提出一些高級(jí)的需求，一方面是挑戰(zhàn)自我，另一方面也是因?yàn)楝F(xiàn)一個(gè)功能很簡(jiǎn)單，但要把一個(gè)功能在現(xiàn)實(shí)世界中用好用強(qiáng)，要考慮的東西還會(huì)多很多。多條件過(guò)濾需求整理基本需求 能夠?qū)?nèi)容相關(guān)的各項(xiàng)條件以鏈接形式顯示出來(lái) 通過(guò)點(diǎn)擊相應(yīng)的鏈接對(duì)過(guò)濾結(jié)果產(chǎn)生直接的影響 用戶能夠以不同的順序點(diǎn)擊多個(gè)條件，顯示的結(jié)果為多個(gè)條件的交集高級(jí)需求 高級(jí)過(guò)濾方式：除了可以通過(guò)點(diǎn)擊鏈接選擇條件外，還能夠?yàn)橛脩籼峁┮恍┢渌?lèi)型的過(guò)濾方式，如基于全文檢索的搜索框、基于價(jià)格范圍（最低價(jià)-最高價(jià)）的區(qū)間過(guò)濾、基于商品評(píng)分（15星）的過(guò)濾等等 全局過(guò)濾條件：除了網(wǎng)站主體區(qū)域外，網(wǎng)站通常還會(huì)在邊欄也會(huì)有一些相關(guān)內(nèi)容（如最新電影、推薦商品）的列表結(jié)果，當(dāng)用戶選擇了指定的過(guò)濾條件后，除了網(wǎng)站主體區(qū)域的過(guò)濾結(jié)果產(chǎn)生變化外，過(guò)濾條件還應(yīng)該應(yīng)用到邊欄或頁(yè)面其它部分。如果能實(shí)現(xiàn)基本需求，已經(jīng)很好了，如果能夠把高級(jí)需求一并實(shí)現(xiàn)，那就真是太酷了。當(dāng)然這一切對(duì) Drupal 而言只是不能生孩子之外能夠做的眾多事情中的一件，下一篇我們就來(lái)分享實(shí)現(xiàn)這樣的多條件過(guò)濾的思路和流程 ;)Drupal實(shí)現(xiàn)多條件過(guò)濾導(dǎo)航（二） Search API 方式在上一篇 Drupal實(shí)現(xiàn)多條件過(guò)濾導(dǎo)航（上）中我們已經(jīng)了解到多條件過(guò)濾導(dǎo)航的基本需求和高級(jí)需求，下面就來(lái)看看通過(guò)Drupal如何得以實(shí)現(xiàn)。需求拿到手上，首先要想的即是有哪些第三方的模塊可以供我們使用，如果還不知道哪些模塊可供使用，使用 Google 或者 進(jìn)行簡(jiǎn)單的搜索即可得到一些常用的解決方案。在開(kāi)始搜索之前，有幾個(gè)關(guān)鍵詞可以幫助我們進(jìn)行搜索search（搜索）、filter（過(guò)濾）、faceted（分面搜索）、Solr（Apache Solr）。因?yàn)?filter 在 Drupal 里是“輸入格式”的專(zhuān)有名詞，進(jìn)行這個(gè)搜索得到的結(jié)果往往并非是我們所需要的。另一方面我們希望通過(guò)盡可能簡(jiǎn)單的方式來(lái)實(shí)現(xiàn)這一功能，因此也不希望還要做到與 Apache Solr 進(jìn)行整合。所以，最終我們通過(guò) search 和 faceted 兩個(gè)關(guān)鍵詞展開(kāi)搜索。經(jīng)過(guò)一番搜索和嘗試之后，大致得到以下一些模塊可以幫助我們實(shí)現(xiàn)所需的功能，這些模塊是： Search API - 為Drupal提供可擴(kuò)展的搜索框架，以便與各種搜索引擎聯(lián)合工作 Facet API - 為Drupal提供易于創(chuàng)建和管理的分頁(yè)搜索接口 Search API Database Search - 基于 Search API，為Drupal提供基于數(shù)據(jù)庫(kù)索引的搜索后端 Search API Pages - 基于 Search API，為Drupal提供各種自定義搜索頁(yè)面與此同時(shí)，搜索過(guò)程中還能找到一些非常實(shí)用的教程，如 Ivan Zugec 的 How to setup Search API with Apache Solr盡管這篇文章里面是用 Solr 作為后端搜索引擎，如果我們希望簡(jiǎn)單地實(shí)現(xiàn)這一功能，使用前面提到的 Search API Database Search 來(lái)替換教程中要用到的 Search API Solr Search 模塊即可。當(dāng)按照教程完成分頁(yè)搜索的配置后，即可得到類(lèi)似以下截圖的搜索頁(yè)面，根據(jù)需要?jiǎng)?chuàng)建相應(yīng)的 Faceted Block View，分配到指定的位置，然后使用CSS控制區(qū)塊的樣式布局（如將所有鏈接顯示在同一行）即可對(duì)于基本的過(guò)濾搜索，使用 Search API 來(lái)實(shí)現(xiàn)就能足夠了，即使當(dāng)數(shù)據(jù)量較大時(shí)，使用Solr作為后端搜索引擎，效率和性能也會(huì)相當(dāng)出色。在使用 Search API 結(jié)合 Database Search 或 Solr Search 時(shí)，對(duì)于中文站點(diǎn)而言，更適合用于條件過(guò)濾或非搜索過(guò)濾上，因?yàn)椴徽撌?Database Search 還是 Solr Search，在不添加分詞工具的情況下它們不具備合適的中文分詞能力，因此如果是需要的支持中文且需要結(jié)合搜索過(guò)濾的情況下，我們則應(yīng)該考慮另一種解決方案。下一篇我們將接著介紹使用Drupal實(shí)現(xiàn)多條件過(guò)濾導(dǎo)航的另一種解決方案，不但配置簡(jiǎn)單，而且可以滿足我們?cè)谛枨笃刑岬降膬纱蟾呒?jí)功能即除鏈接過(guò)濾之外的其它過(guò)濾方式（字符串搜索、價(jià)格區(qū)間、星級(jí)）以及全局過(guò)濾條件（當(dāng)頁(yè)面有多個(gè)相關(guān)的內(nèi)容塊時(shí)，過(guò)濾條件同時(shí)作用于多個(gè)內(nèi)容塊）Drupal實(shí)現(xiàn)多條件過(guò)濾導(dǎo)航（三） Views 方式在 D6 時(shí)代，Views 更多只是用于構(gòu)造各種新聞列表、圖文列表、圖片集、幻燈片之類(lèi)的列表或結(jié)果集。進(jìn)入 D7 之后，因?yàn)?Views 被應(yīng)用得更廣泛，以及更多基于 Views 的第三方模塊的出現(xiàn)，使用得 Views 的功能越發(fā)的強(qiáng)勁。而在 D8 中，Views 更是直接被加入了內(nèi)核，可見(jiàn) Views 的實(shí)用性非同一般。很多朋友從來(lái)只用 Views 做過(guò)簡(jiǎn)單的內(nèi)容列表，不曾玩過(guò)太多基于 Views 的花樣，今天我們也借著多條件過(guò)濾導(dǎo)航這樣一個(gè)功能的需求，小窺一下 Views 不太一樣的用法。有前兩篇的基礎(chǔ)，這里就不再介紹需求和背景了，直接切入正題，理一理思路，看看如何使用 Views 來(lái)實(shí)現(xiàn)上圖的多條件過(guò)濾導(dǎo)航。首先，上圖應(yīng)該是由三個(gè) Views 組成，即左上的“熱點(diǎn)真題”、左下的“精選真題”以下右側(cè)的“最新真題”我們?cè)诖艘獙?shí)現(xiàn)的功能呢，即當(dāng)用戶使用右上方的“搜索”以及各種條件進(jìn)行導(dǎo)航時(shí)，三個(gè)區(qū)域的內(nèi)容要發(fā)現(xiàn)相應(yīng)的變動(dòng)比如默認(rèn)時(shí)三個(gè)視圖均顯示所有學(xué)科的內(nèi)容，當(dāng)用戶點(diǎn)擊了“物理”之后，三個(gè)視圖均只顯示與物理相關(guān)的內(nèi)容。（這種設(shè)計(jì)不只在教育平臺(tái)中實(shí)用，在各種電影、旅行、美食、電商站點(diǎn)均可提供非常爽的用戶體驗(yàn):D）像這樣的設(shè)計(jì)通過(guò) Views 要如何來(lái)實(shí)現(xiàn)？一旦解決方案被提出來(lái)了，大家就都會(huì)覺(jué)得真是十分的簡(jiǎn)單將節(jié)點(diǎn)的字段作為過(guò)濾條件顯示（暴露）出來(lái)，即可實(shí)現(xiàn)通過(guò)多條件/多形式進(jìn)行過(guò)濾的功能，然后因?yàn)?Views 使用過(guò)濾條件時(shí)使用 GET 方式將參數(shù)追加到 URL