The following tutorials are available for JDeveloper and ADF 11g. These step-by- step instructions guide you through common tasks for application developers. Oracle JDeveloper 11g Tutorials jinzihao.info - Download as PDF File .pdf), Text File .txt) or read online. Oracle JDeveloper 11g Release 2 Tutorials - Building Mobile Applications with Oracle ADF jinzihao.info - Download as PDF File .pdf), Text File .txt) or read.
|Language:||English, Spanish, German|
|ePub File Size:||27.54 MB|
|PDF File Size:||8.67 MB|
|Distribution:||Free* [*Regsitration Required]|
E April Documentation for Oracle JDeveloper users that describes . Part I Getting Started with Oracle JDeveloper Oracle JDeveloper Tutorials The tutorials provide step-by-step instructions to accomplish. The following tutorials are available for Oracle JDeveloper and Oracle Application Development Framework (ADF). Build an end-to-end rich Internet application that interacts with a database using Oracle ADF. Use ADF Faces rich client JSF components to create Ajax-based web. Install Oracle JHeadstart 11g Using "Check for Updates". .. This tutorial requires Oracle JDeveloper 11g Studio Edition, release 1. Building Rich Enterprise Applications with Oracle JHeadstart for ADF () [PDF][.
You now have a working application. To see this option you must select the Obsolete checkbox at the bottom of the window. Select Emp to select all the included methods. Just as you did a few steps earlier. Filtering, column reordering, column sorting, column selection capabilities in the gridAt this point we have completed the creation of a database-driven JEE application with a rich, AJAX-enableduser interface and deployed it to a local instance of WebLogic Server that we configured. Binding Data Controls to your JSF pageIn the next few steps you are going to bind the business components you created to your user interface.
Oracle JDeveloper 11g Tutorials 12 de 20 http: The configuration file is a stub XML descriptor file that enables you to define feature applications that will be seen when the application runs. Click Next twice and in the Name your project page. One reason for this distinction is to allow developers to create feature archives which may contain one or more features referenced in the adfmf-feature.
Of course each app would only have one adfmf-application.. The adfmf-application. Click Next and Finish. Among these artifacts is an ADF Mobile framework model project and the view-controller project with the default name.
Highlight the text and in the visual editor toolbar.
Save your work. You will need to perform this task whenever you add pages or task flows to your application. Accept the default File Name and Directory. Step 3: It might seem large. In the Editor.. Oracle JDeveloper 11g Tutorials 13 de 20 http: Locate and expand the Application Sources folder. You will see the adfmf-feature. Feature Name: Oracle JDeveloper 11g Tutorials 14 de 20 http: Add a new feature by clicking the green plus sign on the Features table near top of the editor.
Under the Features table. Feature ID: In the Features table. Double click on the adfmf-feature. Notice that the content item oracle. If you cannot see the plus sign. Then click Open. In the Content area. In the Content section. Oracle JDeveloper 11g Tutorials 15 de 20 http: In the Open window. In this case. The resulting definition should look like the image below.
On the right side of the URL text box. Step 4: Deploy and Test the Page in an Android Emulator Now that you have an environment installed and have created an application. Save all your work. At the bottom of the emulator. Confirm your emulator is still running. In the Application menu. Oracle JDeveloper 11g Tutorials 16 de 20 http: Oracle JDeveloper 11g Tutorials 17 de 20 http: In the Profile Type drop-down list.
Select the Android Options node and confirm your values look like the ones below. You should see the MyMobileApp application you have just created and deployed..
If the compilation and deployment process completes as expected. In the subsequent dialog box. Oracle JDeveloper 11g Tutorials 18 de 20 http: Navigate back to the emulator.
Watch the Deployment Log window for any errors. Click the Home button. Click the MyMobileApp icon to start the application. Oracle JDeveloper 11g Tutorials 19 de 20 http: If you are finished. All rights reserved. Oracle JDeveloper 11g Tutorials 20 de 20 http: Oracle JDeveloper 11g Tutorials android.
Flag for inappropriate content. Related titles. Because the structure window and editor operate on the same code. Under List Formats. Under Styles. In the Edit List View dialog box. That finishes the first page for now.
Just as you did before. Use the drag bar and split the editor window to show two views. Make sure that all the page facets are selected and click OK. In editor. In the Component Gallery. Just as you did for the empList page. In the Create Mobile Bar Chart wizard. Click OK. In Application Resources.
In the screenshot below. To open the command window as Administrator Click Start. You now have a working application. For Windows 7 make sure you open the command window as Administrator.
Click the Feature References tab to see the features that are part of this application.
The next few steps set up the keystore for Android deployment. For iOS. For Android. Open a command window. If you are using an iOS environment. In the next section you deploy the application. After you type the command. You will need to type the command into the a command window instead of using copy and paste. You will be prompted for several values including your name. Enter values for those variables. Enter a password as the last prompt: In the JDeveloper menu.
Key Alias. In the Signing Credentials section. In the Keystore Location property.
In the next few steps. Now that JDeveloper knows about the keystore. Enter the Keystore Password. Next you configure JDeveloper to use the keystore. Remember that before you can deploy the application, you need to have started the emulator.
After the deployment is complete. Click the Apps icon at the bottom middle of the emulator screen. This will show the Applications that are deployed to the device. Notice the Emp List which shows all of the employees from your data source. In the Apps page. The emulator may be slower than an actual device and it may take a while for the application to load.
Click the Graph button to navigate to the Graph page. In the next part of this tutorial. In JDeveloper open the empList. Step 7: Refine the UI Now that you have a working application.
Either find the page in the Application Navigator and double-click it. You also split the page in to two parts: You also add a read-only form that shows employee details that you did not show in the employee list. As you recall. From the Layout section of the Component Palette. In the Structure window. You want the list to display as part of the new Panel Splitter so within the Structure window. From the Data Controls palette. Click OK to accept the default labels and components for the form. At run time.
From the Operations section of the Component Palette.
Setting the Type to action specifies that when the user selects an item from the list. In this case you are storing the Id of the current row as the variable empId. The expression row. The pageFlowScope is a predefined managed bean where you can store values. The Set Property Listener has three properties. Set the Type to action. Under Parameters in the Edit Action Binding dialog box. In reality.
Instead you want the current row key to be captured and stored whenever a row is selected. Find the button component in the code editor. JDeveloper adds the button to the Emp List. Select the actionListener code and either drag it to the listItem component above. Because you don't want the button. Save your work Now you can deploy the application to show your work. Check the Include Navigation Controls check box c. In the Data Controls accordion expand the DepartmentsView1 control to expose the fields it contains as well as the related EmployeesView3 control for the employees in each department NOTE: EmployeesView3 are the detail employees for the DepartmentsView1 master departments - they are linked and therefore the employees youll see in this view object will be the ones working in a specific department you are looking at.
Employee ID ii. First Name iii. Last Name iv. Email v. Phone Number vi. Hire Date vii. Job ID viii. Salary ix.
Commission Percent x. Manager ID xi. Department ID b. Check the Include Submit Button check box c. Your JSP should look like the image below Click the Save All icon on the JDeveloper menu bar to save your workAt this point, you have completed building the ADF application with master-detail relationship views.
In thenext lab we will establish a connection to a pre-installed local WebLogic Server and deploy and run this ADFapplication. This exercise will walk you through the steps of establishing a server connection to the local WebLogic Server wewill deploy the application to, modifying the application and project properties so that the ADF applicationcreated in Lab 1 can be run on the WebLogic Server from JDeveloper.
Activity Steps: Once all the fields have been configured as shown below, Click Next On the Authentication screen of the wizard, enter the following values and click Next a. On the Configuration screen of the wizard, enter the following values and click Next a.
WebLogic Hostname Administration Server: SSL Port: Always use SSL: Unchecked e. WebLogic Domain: If tested, the connection to the application server will fail because it is not running Step B: Additionally, we will also modify the Project Properties of our Model to ensure that the database connectioninformation is properly deployed to WebLogic Server.
Right-click on AppModule. In the AppModule panel, select Configurations6. In the Configurations panel, select the AppModuleLocal configuration and click on the edit icon Compile the HRSystem application b. Start the WebLogic Server in the testdomain c.
Deploy the compiled HRSystem application d. Launch your browser to display the JSP page that we created You will know that everything went smoothly when the JSP page appears in your web browser.
Additionally, you can verify the following messages in your Message log: Also, the Running: Once the JSP page opens in your web browser, using the splitter resize the page area to display the data of the department. Then use the Next button to scroll through the departments.
Notice that the data for the employees changes accordingly in the table and the Form beneath it. Browse to department 50 and notice that you can now scroll the data in the employees table. Click on one of the column header in the table to sort the data in the table Click a column heading in the table and drag it to reposition the column in the table7.
Play with the other menu and buttons of the table to see additional functionality available on the JSP page Notice that by using the ADF components such as panel collection, panel splitter, panel tabbed, ADF read-only forms, etc. For example: Resizing various areas within the page b. Collapsing and restoring panels c. First, Previous, Next, Last browsing of database information d.
Master-Detail view updates e. AJAX capabilities where only relevant information is refreshed f.
Filtering, column reordering, column sorting, column selection capabilities in the gridAt this point we have completed the creation of a database-driven JEE application with a rich, AJAX-enableduser interface and deployed it to a local instance of WebLogic Server that we configured. In the following lessons, we will continue to build on this base application and learn more about developingapplications using JDeveloper and WebLogic.
In this lab you are going to enhance your JSF page by changing the table of employees on our page to add theability to do column selection and bind the business components to a graph representation to the userinterface.
Youll do this with simple drag and drop operations - behind the scene the ADF Model layer takes careof this binding for you. Set the Column Selection Property of the table to Single. This adds one more accordion to your page. In the Design Editor click the More Info accordion to expand it. Then drag the EmployeesView3 data control into the More Info accordion. When prompted to choose a component to Create choose Graph You can control these behavioursthrough the properties of the graph component.
In the Component Gallery Dialog choose Pie from the list of graphs on the left and Pie again as a graphtype. In the bottom pane, select the third Quick Start Layout. Then click the OK button. Select the dvt: We are not going to change this in the lab because we have the FlashPlayerinstalled in the Mozilla Firefox browser. Click the Save All icon on the JDeveloper menu bar to save your work. Right click within the page and select Run from context. Browse to department Because you set the column selection to single, note the additional behaviorsfor your table that are available once you choose a column - such as Freeze and Wrap.
Select a column,then click the Freeze button. Now use the horizontal scroll bar to view the right most columns. Browse to department 30 then, expand the More Info accordion and note the graph and the pop-up itdisplays when you hover over it with your mouse.
When done, close the browser and return to JDeveloper. You are now completed with Lab 3: In this section well add a new, more complex, Business Service to our application that will display a subset ofthe fields from the Employees table, along with the department name from the Departments table. Well alsoadd calculated fields.
Oracle ADF Business Components allows you to create such complex updateable components in a declarativeway. In the Application Navigator right click the demo. Click the Next button. In the Entity Objects dialog first select Employees and shuttle it to the right, and then select the Departments entity and add it to the right hand selection. Note that only the Employees entity has the updateable checkbox checked - the Departments entity isused to read data only.
Click Next. In the Attributes dialog shuttle the following Employees attributes to the right: Next we are going to see how to add a calculated attribute to our object - well add an attribute that willshow the yearly salary. In the EmpDetails. In the New View Object Attribute dialog update the following fields: In the next couple of steps well show how to add a list of values to a field based on a set of valuesstored in another table.
In this case well add a list of values for possible job titles from the jobs table. In the View Accessors dialog shuttle the JobViews to the right. Click the OK button. Now we need to add the new object that we created to the data model we exposed to the userinterface developers. In the Application Navigator double click the AppModule to open it for editing and choose the DataModel section of the editor.
Click the EmpDetails view object and shuttle it to the right. Double click the EmpDetails view object to test the functionality you defined. Invoke the list of values for the JobId to choose a new job.
The selected job gets populated.