WICKET VS. DJANGO. Leszek Gawron vs. Michał Leszczyński

Transkrypt

1 WICKET VS. DJANGO Leszek Gawron vs. Michał Leszczyński

2 0. Główne ficze 1. Środowisko developerskie AGENDA 2. Uruchomienie projektów 3. Warstwa DAO/serwisów 4. Tworzenie UI 5. Templating 7. i18n 8. Reusability 9. Security 10. Wsparcie dla Web 2.0

3 Wicket Swing-like OO Component Model Django Object-relational mapper GŁÓWNE FICZE Reusable Components Ease of Development Separation of Concerns Transparent, Scalable Clustering Support Superb AJAX support Automatic admin interface Elegant URL design Template system Cache system Transparent Back Button Support Internationalization

4 ŚRODOWISKO DEVELOPERSKIE

5 Wicket Maven Dowolne IDE dla Javy edytor HTML Wicket Bench eclipse plugin Django eclipse wtyczka pydev do pythona brak wtyczki do django wbudowany serwer ŚRODOWISKO DEVELOPERSKIE

6 URUCHOMIENIE PROJEKTÓW

7 WICKET Co potrzebujesz Maven Eclipse + m2eclipse + edytory XML/HTML Wygenerowanie projektu mvn archetype:create \ -DarchetypeGroupId=org.apache.wicket \ -DarchetypeArtifactId=\ wicket-archetype-quickstart \ -DarchetypeVersion=1.4-rc6 \ -DgroupId=com.mobilebox -DartifactId=jug1 URUCHOMIENIE PROJEKTU Uruchomienie Archetyp dostarcza klasę Start.jar (embedded Jetty)

8 WICKET URUCHOMIENIE PROJEKTU

9 DJANGO Co potrzebujesz Python, Django, eclipse + pydev plug-in Wygenerowanie projektu URUCHOMIENIE PROJEKTU

10 DJANGO Wygenerowanie aplikacji URUCHOMIENIE PROJEKTU

11 DJANGO Konfiguracja projektu settings.py W settings.py ustawiamy takie rzeczy jak: tryb DEBUG dostęp do bazy danych middleware procesory kontekstu aplikacje etc URUCHOMIENIE PROJEKTU

12 WARSTWA DAO/SERWISÓW

13 WICKET Warstwa DAO/serwisów znajduje się poza kompetencjami Wicketa, ale... możemy korzystac z integracji z frameworkami Dependency Injection: WARSTWA DAO/SERWISÓW

14 WICKET WARSTWA DAO/SERWISÓW

15 DJANGO Model (models.py) Klasy dziedziczące po django.db.models.model mapują się na tabele w bazie danych. Pole klasy = pole w tabeli WARSTWA DAO/SERWISÓW

16 DJANGO `manage.py syncdb` WARSTWA DAO/SERWISÓW

17 DJANGO model -> tabela WARSTWA DAO/SERWISÓW

18 TWORZENIE UI

19 WICKET - UI <h1 wicket:id= hello >[text goes here]</h1> TWORZENIE UI <h1>hello World</h1> new Label( hello, Hello World );

20 WICKET - UI <select wicket:id= role /> new DropDownChoice( "role", Arrays.asList( Role.values() ) ) TWORZENIE UI <select name="role"> <option value="0">administrator</option> <option selected="selected" value="1">receptionist</option> <option value="2">financier</option> <option value="3">customer</option> </select>

21 WICKET - UI <a href="#" wicket:id="donasty">do it!</a> TWORZENIE UI Link link = new Link( "donasty" ) public void onclick() { setresponsepage( new InterestingPage() ); } }

22 WICKET - FORMULARZE TWORZENIE UI

23 WICKET - FORMULARZE TWORZENIE UI

24 WICKET - FORMULARZE TWORZENIE UI

25 WICKET ZAAWANSOWANE KOMPONENTY TWORZENIE UI

26 WICKET ZAAWANSOWANE KOMPONENTY TWORZENIE UI

27 WICKET ZAAWANSOWANE KOMPONENTY TWORZENIE UI Dostawca danych Definicje kolumn Komponent DataTable

28 WICKET ZAAWANSOWANE KOMPONENTY TWORZENIE UI <div wicket:id= tabs >

29 WICKET ZAAWANSOWANE KOMPONENTY TWORZENIE UI

30 WICKET ZAAWANSOWANE KOMPONENTY TWORZENIE UI

31 DJANGO PANEL ADMINISTRACYJNY Rejestracja modelu (admin.py) TWORZENIE UI `manage.py syncdb` CRUD jest gotowy do użycia

32 DJANGO ZAAWANSOWANY PANEL Klasa admina i formularza (forms.py) TWORZENIE UI Rejestracja modelu z klasą admina (admin.py)

33 DJANGO ZAAWANSOWANY PANEL Panel TWORZENIE UI

34 TEMPLATING

35 WICKET Strony dziedziczą markup rodzica TEMPLATING Każdy komponent może dostarczad własny kod HTML

36 WICKET JAK TO UZYSKAĆ? TEMPLATING

37 WICKET - DZIEDZICZENIE MARKUPU TEMPLATING

38 WICKET - DZIEDZICZENIE MARKUPU TEMPLATING

39 WICKET - DZIEDZICZENIE MARKUPU TEMPLATING

40 WICKET - DZIEDZICZENIE MARKUPU TEMPLATING

41 WICKET TEMPLATING

42 WICKET MARKUP KOMPONENTU TEMPLATING

43 WICKET MARKUP KOMPONENTU TEMPLATING

44 WICKET MARKUP KOMPONENTU TEMPLATING

45 WICKET MARKUP KOMPONENTU TEMPLATING

46 DJANGO MTV Wzorzec MTV "M" - model "T" vide view vide template "V" vide controller vide view MVC MVP MTV WTF? TEMPLATING View determinuje jakie dane zostaną przekazane do Template'a. Jaki jest flow we wzorcu MTV?

47 DJANGO URLs Konfiguracja wskazanie pliku z mappowaniem URLi (settings.py) Mapowanie URLi z obsługą wyrażeo regularnych (urls.py) TEMPLATING view decimal param

48 DJANGO MTV View TEMPLATING

49 DJANGO MTV Poszukiwania szablonu zgodnie z listą z settings.py TEMPLATING Template

50 DJANGO MTV Template TEMPLATING

51 DJANGO MTV Template - filters TEMPLATING built-in date filter

52 DJANGO MTV Template - tags TEMPLATING Usage:

53 I18N

54 WICKET I18N <a href="#" wicket:id="donasty">do it!</a> Wersje językowe?

55 WICKET I18N <a href="#" wicket:id="donasty">do it!</a> <a href="#" wicket:id="donasty"> <wicket:message key="do.it"> [Do it!] </wicket:message> </a>

56 WICKET I18N DatePicker Kod Markup DatePicker.java DatePicker.html

57 WICKET I18N DatePicker Kod Markup Properties DatePicker.java DatePicker.html DatePicker_pl.properties DatePicker_en.properties

58 WICKET I18N DatePicker Kod Markup Properties DatePicker DatePicker_pl DatePicker_en DatePicker_pl DatePicker_en.java.html.html.properties.properties

59 WICKET RESOURCE BUNDLE EDITOR I18N

60 DJANGO Stworzenie pliku językowego `pl` I18N

61 DJANGO Co trafia do pliku językowego? I18N

62 REUSABILITY

63 WICKET DatePicker REUSABILITY Kod Markup Properties Resources JPG DatePicker.java DatePicker _pl.html DatePicker _en.html DatePicker _pl.properties DatePicker _en.properties Js PNG GIF ICO CSS

64 WICKET Zrób z tego REUSABILITY JAR i masz reużywalny komponent

65 DJANGO Reusable applications locale REUSABILITY template template-tag model

66 DJANGO Reusable applications - instalacja REUSABILITY

67 DJANGO Reusable applications - użycie REUSABILITY

68 WEB 2.0

69 DJANGO WEB 2.0 This page has been intentionally left blank

70 WICKET WEB 2.0 LIVE DEMO!

71 LINKS

72 DJANGO Octavo s beta: WEB 2.0

73 NARESZCIE KONIEC!