!["AngularJS is a structural framework for dynamic web
apps. [...] It attempts to minimize the impedance
mismatch between document centric HTML and what
an application needs by creating new HTML
constructs."
http://docs.angularjs.org/guide/introduction](https://image.slidesharecdn.com/rapidapplicationdevelopmentmitgrailsundangularjs-140514055947-phpapp02/85/Rapid-Application-Development-mit-Grails-und-AngularJS-19-320.jpg)
Hochgeladen vonOPITZ CONSULTING Deutschland
Rapid Application Development mit Grails und AngularJS
Das Dokument behandelt die Verwendung von Rapid Application Development mit Grails und AngularJS, um effektive Webanwendungen zu erstellen. Es beschreibt die Leistungsangebote der Firma Opitz Consulting sowie die Vorteile der Verwendung der beiden Technologien, einschließlich ihrer architektonischen Ansätze und Integration. Zudem werden einige Beispielcodes und Ressourcen für die weitere Vertiefung bereitgestellt.
Rapid Application Development mit Grails und AngularJS
- 1. Rapid Application Development mitGrails und AngularJS Stefan Glase Stefan Scheidt
- 2.
- 3. © OPITZ CONSULTINGGmbH 2011 Seite 3<Präsentationstitel – bitte im Folienmaster ändern> Mission Wir entwickeln gemeinsam mit allen Branchen Lösungen, die dazu führen, dass sich diese Organisationen besser entwickeln als ihr Wettbewerb. Unsere Dienstleistung erfolgt partnerschaftlich und ist auf eine langjährige Zusammenarbeit angelegt. Leistungsangebot Business IT Alignment Business Information Management Business Process Management Anwendungsentwicklung SOA und System-Integration IT-Infrastruktur-Management Märkte Branchenübergreifend Über 600 Kunden 29% Industrie / Versorger / Telekommunikation 29% Handel / Logistik / Dienstleistungen 42% Öffentliche Auftraggeber / Banken und Versicherungen / Vereine und Verbände Eckdaten Gründung 1990 400 Mitarbeiter 9 Standorte
- 4.
- 5. "Multi-Page Web Apps" BrowserServer Model View Controller Backend HTML-Page UI Values Data Request Response HTML
- 6. "Single Page WebApps" Browser Server Model View Controller BackendData
- 7. Laufzeit-Sicht "Single Page" WebServer REST Endpoints Browser HTML + CSS + JavaScript HTML + CSS + JavaScript Request Response: JSON, HTML Initiales Laden JavaScript aktualisiert DOM
- 8. erleichtern interaktives UI unterstützen "Thin ServerArchitecture" bedeuten Client-Server-Entwicklung ermöglichen Offline-Betrieb sind bereits länger im Einsatz ermöglichen SEO erleichtern Bookmarking Multi-Page-Apps Single-Page-Apps
- 9.
- 10. "Grails is anOpen Source, full stack, web application framework for the JVM. It takes advantage of the Groovy programming language and convention over configuration to provide a productive and stream- lined development experience." http://grails.org
- 11.
- 12. grails-app - conf - controllers -domain - i18n - services - taglib - utils - views lib scripts src - groovy - java test - integration - unit web-app Einheitliche Verzeichnisstruktur
- 13.
- 14. Fachklassenmodellierung class Person { Stringfirstname String lastname String email static constraints = { firstname(blank: false) lastname(blank: false) email(unique: true, email: true) } String toString() { "$firstname $lastname ($email)" } }
- 15. „Groovyness“ new File('beispiel.txt').eachLine { line-> println line } new Person( firstname: 'Max', lastname: 'Mustermann' ).save() 100.times { println 'Hello World' }
- 16.
- 17.
- 18.
- 19. "AngularJS is astructural framework for dynamic web apps. [...] It attempts to minimize the impedance mismatch between document centric HTML and what an application needs by creating new HTML constructs." http://docs.angularjs.org/guide/introduction
- 20. AngularJS im Überblick Declarative UITemplates Framework MVC with Dependency Injection Two-Way Data Binding
- 21.
- 22.
- 23. Aufgabenverteilung Web Server REST Endpoints Browser HTML + CSS +JavaScript Request Response: JSON AngularJS Grails
- 24. Optionen für dieIntegration bei der Entwicklung: Separate Projekte AngularJS-App eingebettet als Asset
- 25.
- 26.
- 27. Fazit (1) Grails ermöglichtdie produktive Entwicklung von Multi- Page-Apps und des Backends für Single-Page-Apps. AngularJS ermöglicht eine produktive Entwicklung von Single-Page-Apps als Konsument eines REST-Backends.
- 28. Fazit (2) Eine Trennungin separate Projekte erlaubt die Entkopplung von Frontend und Backend bei Entwicklung und im Betrieb. Da AngularJS optional nur Teile einer Page "kontrollieren" kann, ist auch eine Mischung von Multi- Page- und Single-Page-Architektur möglich.
- 29.
- 30. Links http://grails.org http://angularjs.org Grails in Action,2nd Ed., Ch. 14 http://angular-tips.com/blog/2013/08/ my-workflow-with-lineman/
- 31. Herzlichen Dank für IhreAufmerksamkeit! youtube.com/opitzconsulting twitter.com/OC_WIRE slideshare.net/opitzconsulting xing.com/net/opitzconsulting