Oracle JET starts

First knowledge of jet, Brief Encounter

• Introduction to Oracle Jet

Oracle Jet is a toolkit for experienced JavaScript developers who build client-based JavaScript-based applications. It is code heavy and most definitely not for JavaScript beginners. Oracle says: "You should familiarize yourself with the third-party libraries and technologies used by the Jet framework before you successfully develop applications using Oracle Jet." The list contains:

• Jquery
• JQuery UI
• Knockout
• Javascript
• Css
• HTML5
• SASS
• Apache Cordova (if you want mobile)
• Bower
• Grunt
• node. js
• Git
• Yeoman

You will notice that this is all the existing language, technology and open source tools. Beyond that, Oracle has added some of the things that they feel are necessary to build enterprise JavaScript applications:

• Good-looking, secure UI components in Oracle's new Alta UI (new cloud and next-generation software interface)
• Support Accessibility (screen reader, etc.)
• Support Internationalization

Well, start learning very simple, can be based on the official website, while providing a very good cookbook

Http://www.oracle.com/webfolder/technetwork/jet/globalGetStarted.html

• Create an app based on the template

The steps to create a typical mobile application based on a template (the first two steps are the need to install the package, it needs to be run, and not needed)

Npm-g Install Yo Bower grunt-cli Npm-g Install Generator-oraclejet Yo oraclejet:hybrid--appname=jetmobiledemo--template=navbar--platforms=android Grunt Build:dev--platform=android Grunt Serve--platform=android--destination=device If you are running on a browser Grunt Serve--platform=android--destination=browser

Each template style is as follows

In the process of building the application based on the template will need to connect to the Internet to download, if it is through the proxy, you need to create a gradle.properties file in the Home/.gradle directory

systemprop.http.proxyhost=proxy-server-urlsystemprop.http.proxyport=80systemprop.https.proxyhost= proxy-server-urlsystemprop.https.proxyport=80

• Integrated development Environment

Download NetBeans. Find Oracle JET support in Tools->plugins->available plugins.

Then in the new project Html5/javascript can be found, generally we can start from the template to try.

Font settings can be selected Darcula LAF for NetBeans

Create a new project based on the template

The underlying architecture of the build

Run index.html

• Component applications

Visit cookbook

Http://www.oracle.com/webfolder/technetwork/jet/jetCookbook.html,Oracle provides a number of interface component scripts.

To modify the app we just created, note that the Dashboard.js file is modified to

define ([' Ojs/ojcore ', ' knockout ', ' jquery ', ' ojs/ojknockout ', ' Ojs/ojbutton ', ' ojs/ojchart ', ' Ojs/ojtoolbar '), function (OJ, KO, $) { function Chartmodel () { var = this; / * Toggle Button variables * / self.stackvalue = ko.observable (' off '); self.orientationvalue = ko.observable (' vertical '); / * Chart data * / var = [{name: ' Series 1 ', items: [Barseries]}, {name: "Series 2", items: [+]}, {name: "Series 3", Items: [[+]}, {name: "Series 4", Items: [+,]}, {name: "Series 5", Items: [[]}]; var bargroups = ["Group A", "group B"]; Self.barseriesvalue = Ko.observablearray (barseries); Self.bargroupsvalue = Ko.observablearray (bargroups); / * Toggle buttons*/ self.stackoptions = [ {id: ' unstacked ', Label: ' unstacked ', Value: ' Off ', Icon: ' Oj-icon demo-bar-unstack '}, {id: ' Stacked ', Label: ' Stacked ', Value: ' On ', Icon: ' Oj-icon demo-bar-stack '} ]; self.orientationoptions = [ {id: ' Vertical ', Label: ' Vertical ', Value: ' Vertical ', Icon: ' Oj-icon demo-bar-vert '}, {id: ' Horizontal ', Label: ' Horizontal ', value: ' Horizontal ', icon: ' Oj-icon Demo-bar-horiz '} ]; } var Chartmodel = new Chartmodel (); return Chartmodel; });

Run visible

Oracle JET starts