Drupal 7 training - Views
- 1. Drupal 7 – Moduł Views Strona 1/57
- 2. Plan szkolenia ●Instalacja modułu ●Tworzenie prostego widoku ●Ustawienia modułu Views ●Filtry i sortowanie ●Bloki ●Exposed filters ●Contextual filters (arguments) ●Relationships Strona 2/57
- 3. Czym jest Views? Views jest kreatorem zapytań SQL, który pozwala na utworzenie poprawnych zapytań, wykonanie ich oraz wyświetlenie wyników zapytania Views może być używany do generowania Strona 3/57 raportów, podsumowania danych, galerii zdjęć oraz do wyświetlania innych treści. Moduł ma bardzo duże możliwości, nie wymaga ręcznego pisania dużych zapytań SQL.
- 4. Instalacja modułu ●Pobierz moduł ze strony http://drupal.org/project/views (wersja rekomendowana dla Drupala 7) ●Pobierz moduł Chaos Tools suite (ctools) http://drupal.org/project/ctools W Drupalu 7 moduł ten jest potrzebny do włączenia modułu Views (tej zależności nie było w Drupalu 6) ●Rozpakuj moduły do katalogu sites/all/modules/contrib (dobrą praktyką jest podzielić moduły z drupal.org oraz własne i umieścić je w osobnych katalogach) ●Włącz moduł Views oraz Views UI przechodząc na stronę admin/modules Strona 4/57
- 5. Tworzenie prostego widoku (1) Przygotuj testowe treści, które będą ● wyświetlane w widokach: ● Utwórz 4 wpisy typu „article” ● Utwórz 4 wpisy typu „page” Strona 5/57
- 6. Tworzenie prostego widoku (2) Strona admin/structure/views Strona 6/57
- 7. Tworzenie prostego widoku (3) Strona admin/structure/views/add Strona 7/57
- 8. Tworzenie prostego widoku (4) Strona admin/structure/views/add Strona 8/57
- 9. Tworzenie prostego widoku (5) Strona 9/57
- 10. Tworzenie prostego widoku (6) Strona 10/57
- 11. Tworzenie prostego widoku (7) Treści w widoku mogą być wyświetlane jako pola (fields) lub jako całe wpisy (content). W przypadku cały wpisów mamy opcje wyboru wyświetlania wersji pełnej (full node) lub skróconej (teaser) Strona 11/57
- 12. Tworzenie prostego widoku (8) Treść może być wyświetlana w różnej formie. Moduł Views posiada 5 formatów wyświetlania danych. Formaty te można rozszerzać za pomocą dodatkowych modułów (np. rozne moduły galerii dodają do tej opcji dodatkowe formaty). Strona 12/57
- 13. Tworzenie prostego widoku (9) Obok etykiety FIELDS (POLA) jest przycisk dodawania nowych pól. W oknie dodawania jest lista dostępnych pól dla tego typu widoku. Lista pól jest zależna od typu widoku wybieranego w pierwszym kroku oraz od relacji dodanych do widoku. Strona 13/57
- 14. Tworzenie prostego widoku (10) Opcje dodawania pola Strona 14/57
- 15. Tworzenie prostego widoku (11) Dla każdego pola można zdefiniować tagi HTML oraz nadać mu klasy CSS bez konieczności tworzenia plików szablonów Strona 15/57
- 16. Tworzenie prostego widoku (12) Każde pole może być nadpisane. W opcja nadpisywania pola można używać wzorców podstawiania. Wzorce podstawiania to wszystkie pola, które znajdują się na liście pól ponad danym polem. Strona 16/57
- 17. Tworzenie prostego widoku (13) Po dodaniu pól można łatwo zmienić ich kolejność lub usunąć wybrane pola korzystając z opcji „rearrange” Strona 17/57
- 18. Tworzenie prostego widoku (14) Dla każdej strony utworzonej przez Views można ustawić jej adres oraz umieścić ją w menu Strona 18/57
- 19. Tworzenie prostego widoku (15) Opcje filtrowania pozwalają zawęzić wyświetlane treści według określonych kryteriów, np. tylko treści opublikowane lub tylko treści danego typu. Filtry można łączyć ze sobą. Strona 19/57
- 20. Tworzenie prostego widoku (16) Treści wyświetlane przez widok mogą byś sortowane według różnych kryteriów, np. daty dodania, tytułu, daty aktualizacji, liczby komentarzy, itp.. Kryteria sortowania można łączyć ze sobą, np. wyświetl najpierw treści „przyklejone” a kolejne posortuj według daty dodania. Strona 20/57
- 21. Tworzenie prostego widoku (17) Strona 21/57
- 22. Tworzenie prostego widoku (18) Strona 22/57
- 23. Ustawienia modułu Views (1) Strona admin/structure/views/settings Strona 23/57
- 24. Ustawienia modułu Views (2) Strona 24/57
- 25. Ćwiczenia ●Zmodyfikuj widok ● Dodaj pola: autor, odnośnik usuwania ●Utwórz nowy widok: ● name: Articles ● Style: HTML list ● Items per page: 10 ● Pager: mini pager ● Header information: List of all story nodes ● Fields: title, publication date ● Filter: ● node type – story ● Published - yes ● Sort criteria: order by updated date (descending) Display: Page ● Menu: User menu ● URL: articles Strona 25/57
- 26. Bloki (1) Moduł Views pozwala na tworzenie różnych typów wyświetlania danych (display). Najczęściej stosowanym typem, oprócz strony, jest blok. Po dodaniu bloku do widoku pojawi się nowa sekcja z ustawieniami dla bloku. Strona 26/57
- 27. Bloki (2) Zmiana ustawień ilości elementów wyświetlanych w bloku Strona 27/57
- 28. Bloki (3) Zmiana formatu wyświetlania danych dla bloku Strona 28/57
- 29. Bloki (4) Strona 29/57
- 30. Bloki (5) Strona 30/57
- 31. Ćwiczenia ● W widoku Story dodaj blok: ● Ilość wpisów: 5 ● Pola: Tytuł ● Dodać opcję „More link” Strona 31/57
- 32. Widok typu Users (1) Strona 32/57
- 33. Widok typu Users (2) Dodając pola do widoku typu „Users” na liście dostępnych pól są inne opcje niż w przypadku widoku typu „Content” Strona 33/57
- 34. Widok typu Users (3) Widok z listą aktywnych użytkowników w postaci tabeli. Strona 34/57
- 35. Widok typu Users (4) Zapytanie SQL generujące widok Strona 35/57
- 36. Widok typu Users (5) Widok z listą aktywnych użytkowników w postaci tabeli. Strona 36/57
- 37. Ćwiczenia ● Zmodyfikuj widok z użytkownikami: ● Dodaj pole ze statusem użytkownika (aktywny/zablokowany) ● Usuń filtr wyświetlający tylko aktywnych użytkowników ● Dodaj filtr: wyświetl użytkowników dodanych w ostatnich 7 dniach Strona 37/57
- 38. Exposed filters (1) Strona 38/57
- 39. Exposed filters (2) Strona 39/57
- 40. Exposed filters (3) Strona 40/57
- 41. Exposed filters (4) Filtrowanie zawartości według rodzaju (typu) Strona 41/57
- 42. Exposed filters (5) Filtrowanie zawartości według rodzaju (typu) Strona 42/57
- 43. Ćwiczenia ● Dodać filtr exposed: ● Filtrowanie według daty dodania, możliwość podania zakresu dat utworzenia zawartości Strona 43/57
- 44. Contextual Filteres (1) ● W Drupalu 6 opcja ta była nazwana Argumenty ● Filtry kontekstowe to część adresu URL, która pozwala na redukowanie listy wyników zapytania. Strona 44/57
- 45. Contextual Filteres (2) ● W Drupalu 6 opcja ta była nazwana Argumenty ● Filtry kontekstowe to część adresu URL, która pozwala na redukowanie listy wyników zapytania. Strona 45/57
- 46. Contextual Filteres (3) ● Dodanie opcji filtrowania według identyfikatora autora treści Strona 46/57
- 47. Contextual Filteres (4) Strona 47/57
- 48. Contextual Filteres (5) Strona 48/57
- 49. Contextual Filteres (6) Strona 49/57
- 50. Relationships (1) ● Relacje pozwalają na łączenie dwóch lub więcej typów danych w widoku ● Relacja dodaje do zapytania SQL komendę JOIN ● Przykład: aby wyświetlić nazwy plików zdjęć dodanych do wpisów typu Article w widoku Articles należy dodać relację z plikami (File) Strona 50/57
- 51. Relationships (2) W widoku Articles dodaj relację File Usage: File Strona 51/57
- 52. Relationships (3) Strona 52/57
- 53. Relationships (4) Strona 53/57
- 54. Relationships (5) Strona 54/57
- 55. Relationships (6) Strona 55/57
- 56. Ćwiczenia ● Do widoku Articles dodaj relację „Content: Author” i dodaj nowe pola: ● Nazwa autora ● Data utworzenia konta autora Strona 56/57
- 57. Dziękuję za uwagę Kontakt: E-mail: grzegorz.bartman@openbit.pl Strona 57/57