Drupal7模组VEWS3介绍

Drupal7模組介紹-Views
Drupal版本:7.x
* 介紹模組:Views
* 模組版本:7.X-3.3
* 相依模組:Chaos tool suite(Ctools)
* 官方討論區:/project/issues/views?categories=All
分享主題:Drupal7模組介紹-Views-part1
Goals:安裝Views
前言:
有在玩drupal的人應該都知道，drupal已經是全世界都在使用的一個open source的平台，能夠幫助使用者快速開發出一個全新的網站，不僅安全性好，而且彈性也是不在話下。

其中一個很重要的模組就是views。

讓drupal能夠很有彈性的處理所有的資料，文案，並且整合到網站之中，學會views以後，基本上就可以建構出像樣的網站了，在這邊分享從我的角度，來看views這個模組。

安裝模組:
要使用views必須要有兩個模組安裝，一個就是本身的views,另外一個則是Chaos tool suite。

以下為連結:
1. views: /project/views
2. ctools: /project/ctools
選到網頁的最下方，看到綠色的Recommend Release，選擇對應的版本安裝即可
到drupal網站的Module->install new module
然後可以通過以下兩種安裝方式
1. 網址安裝
2. 檔案安裝
大家可以選擇自己喜歡的安裝方式。

於module頁面啟用模組，這裡可以發現一個views的模組裡面，有很多很多的子模組，每一個功用都不太一樣，在這裡
我views的兩個模組均啟用，而ctools則是啟用chaos tools還有Page management 兩個模組
Views的功能頁面
Done!
完成安裝，接下來可以準備開始使用views的各項功能了。

請看接下來的分享文章。

Goals:
1. 用views製作文章list，並且按照作者第一個字母分類。

2. 用views製作某作者的文章列表。

前言:
有在玩drupal的人應該都知道，drupal已經是全世界都在使用的一個open source的平台，能夠幫助使用者快速開發出一個全新的網站，不僅安全性好，而且彈性也是不在話下。

其中一個很重要的模組就是views。

讓drupal能夠很有彈性的處理所有的資料，文案，並且整合到網站之中，學會views以後，基本上就可以建構出像樣的網站了，在這邊分享從我的角度，來看views這個模組。

第二步驟點選edit,進入以後在按下儲存。

選擇到path:"/glossary"，即可以顯現~Done!
glossary顯示頁面
用Views製作某作者的文章列表
step1:到views的頁面，點"Add new view" step2:按照圖，進行設定。

step3:按下Save and Exit。

通過上面三個步驟，即可以於Menu Bar上面看到Article list這個item,點進去即可看到完成的分頁內容。

用view呈現出來的頁面，如下，恭喜完成了!~~~~Done!
Goals:
1. Views的基本設定
前言:
有在玩drupal的人應該都知道，drupal已經是全世界都在使用的一個open source的平台，能夠幫助使用者快速開發出一個全新的網站，不僅安全性好，而且彈性也是不在話下。

其中一個很重要的模組就是views。

讓drupal能夠很有彈性的處理所有的資料，文案，並且整合到網站之中，學會views以後，基本上就可以建構出像樣的網站了，在這邊分享從我的角度，來看views這個模組。

Views基本設定
Views的設定介面主要可以分成以下幾個區塊
1. title設定:
* title這個部分主要是於呈現前台時，要顯示的文字，若不想要顯示直接打或留空白即可。

2. 內容設定:
* Format:這裡可以選擇View要呈現的方式，可以呈現的方式。

例如:Grid,Html List,Jump menu,Table,Unformatted list 等等。

* show:這個選項則是有一些選擇。

例如:content,fields等等。

* fields:這個部份的設定，主要是用在Show table或者Fields選項的時候。

3. 頁面設定
* path:這個view的頁面網址。

* Menu:view在哪裡建立menu item。

* Access:設定可以看見這個view的權限與角色。

* Header:在view上面呈現內容。

* Footer:在view下面呈現內容。

* Pager: 頁面數字的呈現方式，以及每頁呈現的文章數目。

4. 進階設定:這個部分暫不討論。

簡易設定:更改title
將title的部分改成,即可以將title消失，也可以輸入自己想要的標題。

簡易設定:加入Header區塊
Header還有Footer這兩個部分分別是可以對此view的上面以及下面增加新的區塊
更改後的樣式如下，當然Footer也是同樣的效果
簡易設定:Pager設定
pager是針對顯示項目過多，分成多頁時，分頁碼的顯示方式more link則是在網頁的最下方，顯示出更多文章的連結
通過了上面簡易的分享，我猜~我應該有寫的很詳細了吧~Done! 簡易的設定教學~希望有幫助到需要幫助的人!
1. Views的排序功能
前言:
有在玩drupal的人應該都知道，drupal已經是全世界都在使用的一個open source的平台，能夠幫助使用者快速開發出一個全新的網站，不僅安全性好，而且彈性也是不在話下。

其中一個很重要的模組就是views。

讓drupal能夠很有彈性的處理所有的資料，文案，並且整合到網站之中，學會views以後，基本上就可以建構出像樣的網站了，在這邊分享從我的角度，來看views這個模組。

Sort Criteria
通過view頁面的sort criteria，可以明確的排出資料的先後順序。

以下新增一個sort criteria的方法，點選add，即可以進入以下的頁面。

在這裡我們想要新增一個排序為搜尋次觸最多的文章，排序在前面，方法如下
到這裡已經有了兩個不同的sort criteria，但是究竟要先執行哪一個sort ceiteria 呢?在drupal裡面，提供了排序的功能，排序在前面的先執行，因此，我們可以把
比較重要的sorting功能擺在前面，直接以拉動"十字"的方式即可以更改!
Done! 完成了Sort criteria的功能!
1. Views的不同呈現方式
前言:
有在玩drupal的人應該都知道，drupal已經是全世界都在使用的一個open source的平台，能夠幫助使用者快速開發出一個全新的網站，不僅安全性好，而且彈性也是不在話下。

其中一個很重要的模組就是views。

讓drupal能夠很有彈性的處理所有的資料，文案，並且整合到網站之中，學會views以後，基本上就可以建構出像樣的網站了，在這邊分享從我的角度，來看views這個模組。

unformattered呈現方式
在這裡先使用unformattered list，並且以fields的方式來呈現
step1:先到views的設定頁面，選擇unformatted list
step2:再到show的部分，選擇fields
step3:到Fields的地方，按下add按鈕，增加想要顯示的fields，在這裡選擇三個fields來做呈現:1.title 2.Author id 3. Post date
step4:按下save之後，呈現的頁面就完成了
HTML List的呈現方式:
step1:設定頁面
List type:代表呈現在首頁的html list 的方式
Wrapper class:則是這整個item外包覆的CSS class名稱。

Step2:所有的Html List呈現於首頁如下圖! Done!
Grid的呈現方式:
這裡的設定應該是跟以前差不多的，不再費功囉~
Table的呈現方式:
我自己是很喜歡view的table呈現方式，因為大多數的報表，都可以用view來呈現出來，並且可以針對喜歡的排序方式，來進行排序
這對於一個常常需要看報表的人來說，真的是太好用了拉~淚推!!
使用的方法跟以前差不多~同樣是新增自己喜歡的欄位，在每一個column，可以把資料庫的資料表都弄出來，當然我想很多人都會有
跟我一樣的問題，就是當有關聯式資料庫時，該如何是好呢?這個部份就是要在advanced setting裡面進行設定了，之後有機會同樣
分享出來給大家知道。

以下為table的呈現方式
不過table有很多特別的地方，像是也許會有人需要合併儲存格，想要某些資料寫在同一個格子裡的時候，該如何是好呢?
view一樣可以通過設定來完成。

通過上面的兩個步驟，就可以將上面的兩筆資料進行合併，顯示的方式如下圖所示。

但是這個時候也許會有疑問，如果我想要在欄位裡面式呈現換行的話要怎麼辦呢? 這個部分稍為困難一點，但是view也是同樣可以辦到的。

Step1:要先將Post data的順序擺到前位，因為如此才可以使用POST DATA的TOKEN。

然後於POST DATA的地方勾選excude from display
Step2:進入Title的設定，勾選rewrite result，並且通過rewrite the output of this field，將資料寫入
下面的replacement patterns的資料則是可以使用的token
Final，最後終於完成了~在頁面可以呈現以下的結果，將兩個欄位合併，並且將資
料併排。

Goals:
1. Views的display與overrides使用
前言:
有在玩drupal的人應該都知道，drupal已經是全世界都在使用的一個open source的平台，能夠幫助使用者快速開發出一個全新的網站，不僅安全性好，而且彈性也是不在話下。

其中一個很重要的模組就是views。

讓drupal能夠很有彈性的處理所有的資料，文案，並且整合到網站之中，學會views以後，基本上就可以建構出像樣的網站了，在這邊分享從我的角度，來看views這個模組。

回顧:
在前面的part1~part5裡面，已經提過了如何使用view來呈現文章，並且設定一些不同的條件，來篩選資料，最後可以用table、html list、unformattered 等等的方式來呈現，但是如果我們在處理同樣資料，想要有不同的呈現方式時，該如何做呢?
舉例來說:
想要有一個分頁來篩選作者A的文章，並且想在首頁的時候，想要有一個block來呈現作者A的文章標題，該如何做?
難道要做兩個view嗎? 還是說可以設定一次呢?
在這裡是可以用view的overrides來完成
Step1:呈現一個分頁，顯示最近期的文章
在這裡不多講囉~前面都有提過
Views的後台設定
Step2:新增一個Block
點選Add，然後選擇Block，這個時候已經可以直接先點選save了，然後我們把這個block呈現在首頁的sidebar
Step3:進入block重新設定
進入format選擇Show，這裡一定要選擇This block(override)!如果沒有選擇到的話，所選擇的改變，會同時改變pages的設定
那在這邊，我設定讓block以fields方式來呈現，並且呈現出文章標題，以及擷取body的前100個字元。

Step4:Add new Field，在這裡同樣也是要記得要選擇override，選好了以後基本上就設定完成了
Step5:將block區域的Header也改掉，改成屬於這個Block的文字以後，就完成了!!
Done!!! 最後呈現出來的方式如下圖，同樣一個View，就可以用override來呈現出不同的樣式!
可能還有很多不足的地方，再麻煩各位高手補充囉~。