+++ Bitte nutzen Sie die integrierte Audio-Funktion von WebEx (Menü Audio -> Integrated Voice Conference -> Start auswählen), umuns zu hören!!!

Größe: px

Ab Seite anzeigen:

Download "+++ Bitte nutzen Sie die integrierte Audio-Funktion von WebEx (Menü Audio -> Integrated Voice Conference -> Start auswählen), umuns zu hören!!!"

Martin Kolbe
vor 7 Jahren
Abrufe

1 +++ Bitte nutzen Sie die integrierte Audio-Funktion von WebEx (Menü Audio -> Integrated Voice Conference -> Start auswählen), umuns zu hören!!! +++

2 Oracle JET End-2-End-Beispiel Jürgen Menge Sales Consultant, Oracle +++ Bitte nutzen Sie die integrierte Audio-Funktion von WebEx (Menü Audio -> Integrated Voice Conference -> Start auswählen), umuns zu hören!!! +++

3 Agenda Steckbrief Oracle JET CRUD-Beispiel mit Oracle JET Demo Informationen

4 Das Oracle JavaScript Extension Toolkit (JET) ist kein Framework sondern ein Werkzeugkasten (Toolkit) aus verschiedenen Open Source Frameworks mit Erweiterungen für den Einsatz im Unternehmen.

5 Oracle JavaScript Extension Toolkit (JET) Charakteristik Modular aufgebautes Toolkit Basierend auf HTML5, JavaScript und CSS3 Entwicklung client-seitiger Logik Für fortgeschrittene JavaScript-Entwickler MVVM Design Pattern Entwicklung hybrider mobiler Anwendungen möglich (Cordova)...

6 Oracle JET Frameworks und Technologien Verwendete Open Source Frameworks KnockoutJS Data Binding zwischen View und ViewModel RequireJS Verwalten von Library-Referenzen und Lazy Loading jquery HTML Manipulation, Event Handling, Animation und Ajax jqueryui UI Widgets Hammer Touch-Bedienung Weitere Technologien HTML5 Markup Language für den View Layer CSS Style Sheets SASS Syntactically Awesome Style Sheets

7 Oracle JavaScript Extension Toolkit (JET) Enterprise Features Was Oracle JET hinzufügt Barrierefreiheit Internationalisierung Sicherheit Alta UI Theme Alta UI Theme UI Komponenten (DVT) Validator and Converter Framework Responsive Grid und Form Layout...

8 Oracle JavaScript Extension Toolkit (JET) Releases, Lizensierung Oracle JET ist seit dem Open Source (oraclejet.org) Universal Permissive License ( Releasezyklus Minor Releases alle 2 Monate Major Releases alle 6 Monate Was bedeutet die Abhängigkeit von Open Source Frameworks Austausch von Frameworks möglich (Idee des Werkzeugkastens)

9 Oracle JET Grundstruktur einer Applikation index.html <head> <meta charset="utf-8"> <link href="css/libs/oj/v2.0.0/alta/oj-alta-min.css" rel="stylesheet" type="text/css"/> <script data-main="js/main" src="js/libs/require/require.js" type="text/javascript"></script> </head> <body> <div data-bind="ojmodule: { name: content'}"></div> </body> oj-alta-min.css... main.js requirejs.config({ paths: {'knockout': 'libs/knockout/knockout-3.4.0','jquery':'libs/jquery/jquery min', },... require(['ojs/ojcore', 'knockout', 'jquery','ojs/ojmodule', 'ojs/ojchart','ojs/ojrouter', 'ojs/ojknockout', 'ojs/ojbutton', 'ojs/ojtoolbar','ojs/ojmenu'], views.content.html <h1>content View</h1> viewmodels.content.js define(['ojs/ojcore', 'knockout ], function (oj, ko) { function compcontentcontentviewmodel() { var self = this; } return compcontentcontentviewmodel; });

10 Agenda Steckbrief Oracle JET CRUD-Beispiel mit Oracle JET Demo Informationen

11 CRUD-Beispiel auf Basis der Oracle Datenbank JET-Applikation Service Interface Oracle DB ADF Business Components REST Web Services Oracle REST Data Service (WLS, GlassFish, TomCat) ORDS ORDS Database

12 Zwei Hürden waren im Weg: CORS und... CORS (Cross-Origin Resource Sharing) Moderne JavaScript-Applikationen laden normalerweise Content von anderen Domains (CSS, Scripte, Images) W3C empfiehlt Zugriffskontrolle für Cross-Domain-Zugriffe (CORS) Access-Control-Allow-Origin Header im HTTP Response erlaubt Zugriff von bestimmten/allen Domains Implementierung für den REST Service Hinzufügen eines Servlet Filters in der web.xml (<url-pattern>*</url-pattern>) Hinzufügen eines Header Parameters im REST Servlet (httpresponse.addheader("access-control-allow-origin", "*");

13 Zwei Hürden waren im Weg:... PreFlight Request PreFlight Request Browser sendet unter bestimmten Bedingungen vor dem eigentlichen Request einen OPTIONS-Request an den Server der anderen Domain Schutz der Benutzerdaten Server entscheidet, ob er den eigentlichen Request akzeptiert Server antwortet u.a. mit Access-Control-Allow-Origin Header und einer Liste der zulässsigen Methoden

14 Agenda Steckbrief Oracle JET CRUD-Beispiel mit Oracle JET Demo Informationen

16 Informationen zum Beispiel JET Cookbook Blog

17 Agenda Steckbrief Oracle JET CRUD-Beispiel mit Oracle JET Demo Informationen

18 Informationen zu Oracle JET Überblick Oracle JET im OTN tml Introducing Oracle JET Video DOAG-Artikel

19 Informationen zu Oracle JET Dokumentation & Tutorials Getting Started Cook Book (UI-Komponenten, Common Model (REST)) formcontrols.html Developers Guide Oracle JET Tutorial mit NetBeans

20 Oracle ADF Community deutsche ADF Community +++ Weitere Informationen, Termine & Unterlagen zu dieser und vergangenen ADF Spotlight Sessions finden Sie auf den deutschen OTN ADF Community Seiten ( +++

Ähnliche Dokumente

- Architektur & Integration -

- Architektur & Integration - ADF und BI Integration Jürgen Menge Sales Consultant, Oracle Deutschland B.V. & Co. KG E-Mail: juergen.menge@oracle.com +++ Bitte wählen Sie sich in die Telefonkonferenz entweder