MVC mit Lazarus Reinheim. MVC mit Lazarus

Transkript

1 MVC mit Lazarus Reinheim 1

2 Überblick 2

3 Überblick 3 Theorie Definition Aufbau Vor- und Nachteile

4 Überblick Theorie Definition Aufbau Vor- und Nachteile Praxis 4 Beispiel-Implementierung mit Lazarus

5 Was ist MVC? 5

6 Wir entwickeln unser Out-of-the-box Web 3.0 Customer-Relationship-Management-System in einem agilen Prozess unter strenger Nutzung des MVCPatterns, um das Like-Value in den Social-Networks auf einem von unseren Stakeholdern akzeptierten Wert zu halten. 6

7 ! t i h s l l u B Wir entwickeln unser Out-of-the-box Web 3.0 Customer-Relationship-Management-System in einem agilen Prozess unter strenger Nutzung des MVCPatterns, um das Like-Value in den Social-Networks auf einem von unseren Stakeholdern akzeptierten Wert zu halten. 7

8 Model-View-Controller 8

9 Model-View-Controller Model-View-Presenter 9

10 Model-View-Controller Model-View-Adaptor Model-View-Presenter 10

11 Model-View-Viewmodel Model-View-Controller Model-View-Adaptor Model-View-Presenter 11

12 Model-View-Viewmodel Model-View-Controller Model-View-Adaptor Model-View-Presenter 12

13 Model View-Controller Model-View-Controller (MVC) ist ein Architekturmuster für GUI-Anwendungen. Es trennt die Applikation in drei Teile, die lose miteinander gekoppelt sind. 13

14 Model View-Controller Model-View-Controller (MVC) ist ein Architekturmuster für GUI-Anwendungen. Es trennt die Applikation in drei Teile, die lose miteinander gekoppelt sind. Model 14

15 Model View-Controller Model-View-Controller (MVC) ist ein Architekturmuster für GUI-Anwendungen. Es trennt die Applikation in drei Teile, die lose miteinander gekoppelt sind. Model 15 View

16 Model View-Controller Model-View-Controller (MVC) ist ein Architekturmuster für GUI-Anwendungen. Es trennt die Applikation in drei Teile, die lose miteinander gekoppelt sind. Model 16 Controller View

17 Model 17

18 Model Das Modell enthält Klassen, die alle darzustellenden Daten repräsentieren. 18

19 Model Das Modell enthält Klassen, die alle darzustellenden Daten repräsentieren. TAnnualResults + Year: Integer + Sales: Currency + Profit: Currency TResults + CompanyId: Integer + Results: array of TAnnualResult 19

20 Model Das Modell enthält Klassen, die alle darzustellenden Daten repräsentieren. In vielen Fällen sind im Modell auch die Klassen der Geschäftslogik und Datenpersistenz vertreten. TAnnualResults + Year: Integer + Sales: Currency + Profit: Currency TResults + CompanyId: Integer + Results: array of TAnnualResult 20

21 Model Das Modell enthält Klassen, die alle darzustellenden Daten repräsentieren. In vielen Fällen sind im Modell auch die Klassen der Geschäftslogik und Datenpersistenz vertreten. TAnnualResults + Year: Integer + Sales: Currency + Profit: Currency TBilanzService + Connect() + Disconnect() + GetResults(StartYear: Integer): TResults TResults + CompanyId: Integer + Results: array of TAnnualResult 21

22 Model Das Modell enthält Klassen, die alle darzustellenden Daten repräsentieren. In vielen Fällen sind im Modell auch alle Klassen zur Geschäftslogik und Datenpersistenz vertreten. TAnnualResults + Year: Integer + Sales: Currency + Profit: Currency TBilanzService + Connect() + Disconnect() + GetResults(StartYear: Integer): TResults TResults + CompanyId: Integer + Results: array of TAnnualResult Datenbank 22

23 View 23

24 View Die Views sind für die Darstellung der Daten aus dem Modell und die Entgegennahme von Benutzerinteraktionen zuständig. Sie kennen das Model. 24

25 View Die Views sind für die Darstellung der Daten aus dem Modell und die Entgegennahme von Benutzerinteraktionen zuständig. Sie kennen das Model. Umsatz Gewinn ,5 Mio EUR 210 tsd. EUR ,2 Mio. EUR 570 tsd. EUR ,8 Mio. EUR 510 tsd. EUR ,9 Mio. EUR 720 tsd. EUR 25

26 View Die Views sind für die Darstellung der Daten aus dem Modell und die Entgegennahme von Benutzerinteraktionen zuständig. Sie kennen das Model Umsatz Gewinn ,5 Mio EUR 210 tsd. EUR ,2 Mio. EUR 570 tsd. EUR ,8 Mio. EUR 510 tsd. EUR ,9 Mio. EUR 720 tsd. EUR

27 View Die Views sind für die Darstellung der Daten aus dem Modell und die Entgegennahme von Benutzerinteraktionen zuständig. Sie kennen das Model Umsatz Gewinn ,5 Mio EUR 210 tsd. EUR ,2 Mio. EUR 570 tsd. EUR ,8 Mio. EUR 510 tsd. EUR ,9 Mio. EUR 720 tsd. EUR

28 View Die Views sind für die Darstellung der Daten aus dem Modell und die Entgegennahme von Benutzerinteraktionen zuständig. Sie kennen das Model Umsatz Gewinn ,5 Mio EUR 210 tsd. EUR ,2 Mio. EUR 570 tsd. EUR ,8 Mio. EUR 510 tsd. EUR ,9 Mio. EUR 720 tsd. EUR Jahr: Umsatz: EUR Gewinn: EUR

29 Controller 29

30 Controller Die Controller verwalten die Views, reagieren auf die Benutzereingaben und fordern Daten vom Model an oder geben sie an das Model weiter. 30

31 Controller Die Controller verwalten die Views, reagieren auf die Benutzereingaben und fordern Daten vom Model an oder geben sie an das Model weiter. Benutzer Controller Model 31 View

32 Controller Die Controller verwalten die Views, reagieren auf die Benutzereingaben und fordern Daten vom Model an oder geben sie an das Model weiter. Benutzer Controller Model 32 View

33 Controller Die Controller verwalten die Views, reagieren auf die Benutzereingaben und fordern Daten vom Model an oder geben sie an das Model weiter. Benutzer Controller Model 33 View

34 Controller Die Controller verwalten die Views, reagieren auf die Benutzereingaben und fordern Daten vom Model an oder geben sie an das Model weiter. Benutzer Controller Model 34 View

35 Controller Die Controller verwalten die Views, reagieren auf die Benutzereingaben und fordern Daten vom Model an oder geben sie an das Model weiter. Benutzer Controller Model 35 View

36 Controller Die Controller verwalten die Views, reagieren auf die Benutzereingaben und fordern Daten vom Model an oder geben sie an das Model weiter. Benutzer Controller Model 36 View

37 Controller Die Controller verwalten die Views, reagieren auf die Benutzereingaben und fordern Daten vom Model an oder geben sie an das Model weiter. Benutzer Controller Model 37 View

38 Vorteile 38

39 Austauschbarkeit 39

40 verteilte Entwicklung 40

41 Testbarkeit 41

42 wartungsfreundlich MVC-Anwendung monolithische Anwendung 42

43 Nachteile 43

44 Entwicklungsaufwand MVC-Anwendung monolithische Anwendung 44

45 Entwicklungsaufwand prozentualer Aufwand MVC monol. Komplexität der Anwendung / Entwicklungszeitraum 45

46 Beispiel-Applikation 46

47 Beispiel-Applikation wir bauen uns eine Adressliste 47

48 Entwicklungsphasen 48

49 Entwicklungsphasen Analyse 49

50 Entwicklungsphasen Analyse Design 50

51 Entwicklungsphasen Analyse Design Implementierung 51

52 Userstories Analyse 52 Design Implementierung

53 Userstories 53

54 Userstories 54

55 Userstories #1 Liste aller Personen anzeigen Im Hauptfenster des Programms soll eine Liste aller in der Datenbank gespeicherten Personen angezeigt werden (Daten: Name, Vorname). 55

56 Userstories #1 56

57 Userstories #1 #2 Detailansicht für eine Person Beim Klick auf den Details -Button soll in einem neuen Fenster alle Daten zu einer Person angezeigt werden. (Daten: Name, Vorname, Adresse, Stadt, Postleitzahl, , Telefonnummer) 57

58 Userstories #1 58 #2

59 Userstories #1 #2 #3 Person editieren Beim Klick auf den Bearbeiten -Button soll in einem neuen Fenster alle Daten einer Person bearbeitet werden können. (Daten: Name, Vorname, Adresse, Stadt, Postleitzahl, , Telefonnummer) 59

60 Userstories #1 60 #2 #3

61 Userstories #1 #2 #3 #4 neue Person hinzufügen Beim Klick auf den Neu -Button soll einem neuen Fenster die Daten zu einer neuen Person eingegeben werden können. Nach dem Klick auf Speichern soll die Person in die Datenbank geschrieben werden. 61

62 Userstories #1 #2 Analyse 62 #3 Design #4 Implementierung

63 Datenklassen Analyse 63 Design Implementierung

64 Datenklassen #2 Detailansicht für eine Person Beim Klick auf den Details -Button soll in einem neuen Fenster alle Daten zu einer Person angezeigt werden. (Daten: Name, Vorname, Adresse, Stadt, Postleitzahl, , Telefonnummer) 64

65 Datenklassen TPerson + Id: LongInt + Firstname: String + Lastname: String + Adress: String + City: String + Postcode: String + String + Phone: String 65 #2 Detailansicht für eine Person Beim Klick auf den Details -Button soll in einem neuen Fenster alle Daten zu einer Person angezeigt werden. (Daten: Name, Vorname, Adresse, Stadt, Postleitzahl, , Telefonnummer)

66 Datenklassen TPerson + Id: LongInt + Firstname: String + Lastname: String + Adress: String + City: String + Postcode: String + String + Phone: String 66 #1 Liste aller Personen anzeigen Im Hauptfenster des Programms soll eine Liste aller in der Datenbank gespeicherten Personen angezeigt werden (Daten: Name, Vorname).

67 Datenklassen TPerson + Id: LongInt + Firstname: String + Lastname: String + Adress: String + City: String + Postcode: String + String + Phone: String 67 TPersonHead + Id: LongInt + Firstname: String + Lastname: String #1 Liste aller Personen anzeigen Im Hauptfenster des Programms soll eine Liste aller in der Datenbank gespeicherten Personen angezeigt werden (Daten: Name, Vorname).

68 Datenklassen TPerson + Id: LongInt + Firstname: String + Lastname: String + Adress: String + City: String + Postcode: String + String + Phone: String TPersonHead + Id: LongInt + Firstname: String + Lastname: String #1 Liste aller Personen anzeigen Im Hauptfenster des Programms soll eine Liste aller in der Datenbank gespeicherten Personen angezeigt werden (Daten: Name, Vorname). TObjectList TPersonHeadList + Add + Extract + Remove + IndexOf + Insert + First + Last + GetEnumerator + Items 68

69 Datenklassen TPersonHead TObjectList + Id: LongInt + Firstname: String + Lastname: String TPersonHeadList TPerson + Add + Extract + Remove + IndexOf + Insert + First + Last + GetEnumerator + Items + Adress: String + City: String + Postcode: String + String + Phone: String Analyse 69 Design Implementierung

70 Interfaces 70

71 Interfaces #1 Liste aller Personen anzeigen Im Hauptfenster des Programms soll eine Liste aller in der Datenbank gespeicherten Personen angezeigt werden (Daten: Name, Vorname). 71

72 Interfaces <<interface>> IMainView + BindPersonHeads(List: TPersonHeadList) 72 #1 Liste aller Personen anzeigen Im Hauptfenster des Programms soll eine Liste aller in der Datenbank gespeicherten Personen angezeigt werden (Daten: Name, Vorname).

73 Interfaces <<interface>> IMainView + BindPersonHeads(List: TPersonHeadList) 73 #2 Detailansicht für eine Person Beim Klick auf den Details -Button soll in einem neuen Fenster alle Daten zu einer Person angezeigt werden. (Daten: Name, Vorname, Adresse, Stadt, Postleitzahl, , Telefonnummer)

74 Interfaces <<interface>> IMainView + BindPersonHeads(List: TPersonHeadList) <<interface>> IDetailView + ShowPerson(APerson: TPerson) 74 #2 Detailansicht für eine Person Beim Klick auf den Details -Button soll in einem neuen Fenster alle Daten zu einer Person angezeigt werden. (Daten: Name, Vorname, Adresse, Stadt, Postleitzahl, , Telefonnummer)

75 Interfaces <<interface>> IMainView + BindPersonHeads(List: TPersonHeadList) <<interface>> IDetailView + ShowPerson(APerson: TPerson) 75 #3 Person editieren Beim Klick auf den Bearbeiten -Button soll in einem neuen Fenster alle Daten einer Person bearbeitet werden können. (Daten: Name, Vorname, Adresse, Stadt, Postleitzahl, , Telefonnummer)

76 Interfaces <<interface>> IMainView + BindPersonHeads(List: TPersonHeadList) <<interface>> IDetailView + ShowPerson(APerson: TPerson) + EditPerson(APerson: TPerson): Boolean 76 #3 Person editieren Beim Klick auf den Bearbeiten -Button soll in einem neuen Fenster alle Daten einer Person bearbeitet werden können. (Daten: Name, Vorname, Adresse, Stadt, Postleitzahl, , Telefonnummer)

77 Interfaces <<interface>> IMainView + BindPersonHeads(List: TPersonHeadList) <<interface>> IDetailView + ShowPerson(APerson: TPerson) + EditPerson(APerson: TPerson): Boolean 77 #4 neue Person hinzufügen Beim Klick auf den Neu -Button soll einem neuen Fenster die Daten zu einer neuen Person eingegeben werden können. Nach dem Klick auf Speichern soll die Person in die Datenbank geschrieben werden.

78 Interfaces <<interface>> IMainView + BindPersonHeads(List: TPersonHeadList) <<interface>> IDetailView + ShowPerson(APerson: TPerson) + EditPerson(APerson: TPerson): Boolean + NewPerson(APerson: TPerson): Boolean 78 #4 neue Person hinzufügen Beim Klick auf den Neu -Button soll einem neuen Fenster die Daten zu einer neuen Person eingegeben werden können. Nach dem Klick auf Speichern soll die Person in die Datenbank geschrieben werden.

79 Interfaces <<interface>> IMainView + BindPersonHeads(List: TPersonHeadList) <<interface>> IDetailView + ShowPerson(APerson: TPerson) + EditPerson(APerson: TPerson): Boolean + NewPerson(APerson: TPerson): Boolean <<interface>> IPersistence + GetAllPersonHeads: TPersonHeadList + GetPerson(Id: LongInt): TPerson + InsertPerson(APerson: TPerson) + UpdatePerson(APerson: TPerson) 79

80 Interfaces <<interface>> IMainView + BindPersonHeads(List: TPersonHeadList) <<interface>> IDetailView + ShowPerson(APerson: TPerson) + EditPerson(APerson: TPerson): Boolean + NewPerson(APerson: TPerson): Boolean <<interface>> IPersistence + GetAllPersonHeads: TPersonHeadList + GetPerson(Id: LongInt): TPerson + InsertPerson(APerson: TPerson) + UpdatePerson(APerson: TPerson) Analyse 80 Design Implementierung

81 Controller Analyse 81 Design Implementierung

82 Controller TMainController + <<constructor>> Create(ADao: IPersistence; AMainView: IMainView; ADetailView: IDetailView) 82

83 Controller TMainController + <<constructor>> Create(ADao: IPersistence; AMainView: IMainView; ADetailView: IDetailView) + CreatePerson + EditPerson(PersonHead: TPersonHead) + ShowDetails(PersonHead: TPersonHead) + SyncMainview 83

84 Controller TMainController + <<constructor>> Create(ADao: IPersistence; AMainView: IMainView; ADetailView: IDetailView) + CreatePerson + EditPerson(PersonHead: TPersonHead) + ShowDetails(PersonHead: TPersonHead) + SyncMainview Analyse 84 Design Implementierung

85 Analyse 85 Design Implementierung

86 Analyse 86 Design Implementierung

87 Fragen? 87

88 Vortragsfolien zum Download 88