{"id":2369,"date":"2011-05-23T13:42:08","date_gmt":"2011-05-23T18:42:08","guid":{"rendered":"http:\/\/jianmingli.com\/wp\/?p=2369"},"modified":"2013-10-13T22:30:37","modified_gmt":"2013-10-14T03:30:37","slug":"oracle-adf-tutorial-developing-ria-web-applications-with-oracle-adf","status":"publish","type":"post","link":"https:\/\/jianmingli.com\/wp\/?p=2369","title":{"rendered":"Oracle ADF 11gR2 Tutorial: Developing RIA Web Applications with Oracle ADF"},"content":{"rendered":"
\n

Contents<\/h2>\n
    \n\t
  1. \n\t\tEnvironment<\/a>\n\t<\/li>\n\t
  2. \n\t\tPrepare DB<\/a>\n\t<\/li>\n\t
  3. \n\t\tCreate ADF Web App<\/a>\n\t\t
      \n\t\t\t
    1. \n\t\t\t\tCreate New App<\/a>\n\t\t\t<\/li>\n\t\t\t
    2. \n\t\t\t\tCreate a DB Connection<\/a>\n\t\t\t<\/li>\n\t\t\t
    3. \n\t\t\t\tBuild Business Services<\/a>\n\t\t\t<\/li>\n\t\t\t
    4. \n\t\t\t\tTest Application Module<\/a>\n\t\t\t<\/li>\n\t\t\t
    5. \n\t\t\t\tRefine Business Components<\/a>\n\t\t\t\t
        \n\t\t\t\t\t
      1. \n\t\t\t\t\t\tRefine Salary Attribute with Validation<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t
      2. \n\t\t\t\t\t\tRefine HireDate with Formatting<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t
      3. \n\t\t\t\t\t\tTest Refined Business Entity<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t<\/ol>\n<\/ol>\n\t\t\t
      4. \n\t\t\t\tCreate JSF Web pages<\/a>\n\t\t\t\t
          \n\t\t\t\t\t
        1. \n\t\t\t\t\t\tCreate a New Web Page<\/a>\n\t\t\t\t\t\t
            \n\t\t\t\t\t\t\t
          1. \n\t\t\t\t\t\t\t\tChange Panel Size<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t
          2. \n\t\t\t\t\t\tAdd Components to Page<\/a>\n\t\t\t\t\t\t
              \n\t\t\t\t\t\t\t
            1. \n\t\t\t\t\t\t\t\tAdd Accordion<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ol>\n<\/ol>\n\t\t\t\t\t
            2. \n\t\t\t\t\t\tBinding Data Controls to your JSF page<\/a>\n\t\t\t\t\t\t
                \n\t\t\t\t\t\t\t
              1. \n\t\t\t\t\t\t\t\tBind Departments as Read Only Form<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t
              2. \n\t\t\t\t\t\t\t\tBind EmployeesView3 as Read Only Table<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t
              3. \n\t\t\t\t\t\t\t\tBind EmployeesView3 as ADF Form<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t
              4. \n\t\t\t\t\t\t\t\tTest Page<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t
              5. \n\t\t\t\t\t\tEnhancing your JSF page<\/a>\n\t\t\t\t\t\t
                  \n\t\t\t\t\t\t\t
                1. \n\t\t\t\t\t\t\t\tAdd graph representation<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t
                2. \n\t\t\t\t\t\t\t\tTest Pie Graph<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t
                3. \n\t\t\t\t\t\tAdding More Complex Business Services<\/a>\n\t\t\t\t\t\t
                    \n\t\t\t\t\t\t\t
                  1. \n\t\t\t\t\t\t\t\tAdd New View Object<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t
                  2. \n\t\t\t\t\t\t\t\tAdd YearlySalary Attribute<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t
                  3. \n\t\t\t\t\t\t\t\tAdd View Accessor<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t
                  4. \n\t\t\t\t\t\t\t\tAdd List of Values for JobId<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t
                  5. \n\t\t\t\t\t\t\t\tAdd New View Object to AppModule<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t
                  6. \n\t\t\t\t\t\t\t\tTest New View Object<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t
                  7. \n\t\t\t\t\t\tCreating a Page Flow<\/a>\n\t\t\t\t\t\t
                      \n\t\t\t\t\t\t\t
                    1. \n\t\t\t\t\t\t\t\tSetup Page Flow<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t
                    2. \n\t\t\t\t\t\t\t\tCreate query.jspx<\/strong> Page<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t
                    3. \n\t\t\t\t\t\t\t\tAdd Submit Button<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t
                    4. \n\t\t\t\t\t\t\t\tAdd Commit and Rollback Button<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t
                    5. \n\t\t\t\t\t\t\t\tAdd Query Button<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t
                    6. \n\t\t\t\t\t\t\t\tTest Page Flow<\/a>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t
                    7. \n\t\t\t\t\t\tUsing ADF Faces Framework Features<\/a>\n\t\t\t\t\t\t
                        \n\t\t\t\t\t\t\t
                      1. \n\t\t\t\t\t\t\t\tUsing Partial Page Refresh<\/a>\n\t\t\t\t\t\t\t\t
                          \n\t\t\t\t\t\t\t\t\t
                        1. \n\t\t\t\t\t\t\t\t\t\tTest<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t\t\t
                        2. \n\t\t\t\t\t\t\t\tUsing Drop Down Menus and Operation Components<\/a>\n\t\t\t\t\t\t\t\t
                            \n\t\t\t\t\t\t\t\t\t
                          1. \n\t\t\t\t\t\t\t\t\t\tAdd Export to Excel Menu Item<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t
                          2. \n\t\t\t\t\t\t\t\t\t\tAdd Printable Page Menu Item<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t
                          3. \n\t\t\t\t\t\t\t\t\t\tTest<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<\/ol>\n<\/ol>\n\t\t\t\t\t\t\t
                          4. \n\t\t\t\t\t\t\t\tCreate Read Only Business Services, Page Fragments and Regions <\/a>\n\t\t\t\t\t\t\t\t
                              \n\t\t\t\t\t\t\t\t\t
                            1. \n\t\t\t\t\t\t\t\t\t\tQuery Only Business Service Based on Parameters<\/a>\n\t\t\t\t\t\t\t\t\t\t
                                \n\t\t\t\t\t\t\t\t\t\t\t
                              1. \n\t\t\t\t\t\t\t\t\t\t\t\tTest AppModule<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t
                              2. \n\t\t\t\t\t\t\t\t\t\t\t\tError<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t\t\t\t\t
                              3. \n\t\t\t\t\t\t\t\t\t\tReusable Task Flows, Page Fragments and Regions<\/a>\n\t\t\t\t\t\t\t\t\t\t
                                  \n\t\t\t\t\t\t\t\t\t\t\t
                                1. \n\t\t\t\t\t\t\t\t\t\t\t\tCreate a new task flow<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t
                                2. \n\t\t\t\t\t\t\t\t\t\t\t\tAdd ExecuteWithParams Button<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t
                                3. \n\t\t\t\t\t\t\t\t\t\t\t\tBind EmpByEmail1<\/em> Data Control<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t
                                4. \n\t\t\t\t\t\t\t\t\t\t\t\tAdd to DeptEmpPage.jspx Page<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t
                                5. \n\t\t\t\t\t\t\t\t\t\t\t\tTest<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<\/ol>\n<\/ol>\n\t\t\t\t\t\t\t\t\t
                                6. \n\t\t\t\t\t\t\t\t\t\tUsing Skins<\/a>\n\t\t\t\t\t\t\t\t\t\t
                                    \n\t\t\t\t\t\t\t\t\t\t\t
                                  1. \n\t\t\t\t\t\t\t\t\t\t\t\tCreate a New Skin<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t
                                  2. \n\t\t\t\t\t\t\t\t\t\t\t\tChange Page Background and Font Family<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t
                                  3. \n\t\t\t\t\t\t\t\t\t\t\t\tChange Font of Application Text<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t
                                  4. \n\t\t\t\t\t\t\t\t\t\t\t\tFormat Header<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t
                                  5. \n\t\t\t\t\t\t\t\t\t\t\t\tFormat Table Headers<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t\t\t\t\t
                                  6. \n\t\t\t\t\t\t\t\t\t\tReferences<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n<\/ol>\n<\/ol>\n<\/div>\n
                                     <\/div>\n

                                    Environment<\/h2><\/span>\n

                                    * JDeveloper 11gR2
                                    \n* Oracle Database 10.2<\/p>\n

                                    Prepare DB<\/h2><\/span>\n

                                    * Unlock Oracle DB HR<\/em> user:<\/p>\n

                                    \r\nalter user HR identified by HR account unlock;\r\n<\/pre>\n
                                    Create ADF Web App<\/h2><\/span>\n
                                    Create New App<\/h3><\/span>\n
                                    * Select File > New… > General > Applications > Fusion Web Application (ADF)<\/em>.
                                    \n– Click OK<\/em>.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On Name your application screen, enter:
                                    \n– Application Name: HRSystem<\/em>
                                    \n– Directory: C:\\jml\\work\\11g\\adf\\HRSystem<\/em>
                                    \n– Application package prefix: demo<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On name your project screen, enter:
                                    \n– Project Name: Model<\/em>
                                    \n– Directory: C:\\work\\adf\\HRSystem\\Model<\/strong><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On Configure Java settings screen, accept all defaults:<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On Name your project screen for project 2, accept all defaults:<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On Configure Java settings screen for project 2, accept all defaults:<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click Finish<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Two projects are created for the application:
                                    \n– Model
                                    \n– ViewController<\/p>\n
                                    Create a DB Connection<\/h3><\/span>\n
                                    * On HRSystem Checklist, click Connect to a Database -> Create a Database Connection<\/em>.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Enter
                                    \n– Connection Name: HRConn<\/em>
                                    \n– Username: hr<\/em>
                                    \n– Password: hr<\/em>
                                    \n* Click ‘Test Connection<\/em>‘ button and should get a Success!<\/em> response<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click OK<\/em>.
                                    \n* Mark Connect to a Database step as Done <\/em>by select Done from the drop down list (under Not Started).<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    Build Business Services<\/h3><\/span>\n
                                    * On Checklist, click Build Business Services<\/em>.
                                    \n* Click Go to Substeps<\/em>.
                                    \n* Click 3.1 Create Entity Objects and Associations<\/em>
                                    \n* Click Create Entity Objects and Associations<\/em> button.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On Select Project for Action dialog, select Model <\/em>from drop down list. Click OK<\/em>.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On the Initialize Business Components Project<\/em> dialog, select
                                    \n– Connection: HRConn<\/em>
                                    \n– Data Type Map: Java Extended for Oracle<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click OK<\/em>.
                                    \n* On Entity Objects<\/em> dialog,
                                    \n– click Query <\/em>button (Available tables show up).
                                    \n– Move available tables to Selected pane:
                                    \nDEPARTMENTS<\/em>
                                    \nEMPLOYEES<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On Entity-based View Object screen, move available tables to Selected pane:
                                    \nDEPARTMENTS<\/em>
                                    \nEMPLOYEES<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On Updatable View Objects dialog,
                                    \n–  Move both tables from Available pane to Selected pane.
                                    \n– Click Next<\/em>.
                                    \n* On Query-based View Objects<\/em> dialog,
                                    \n– Click Query <\/em>button.
                                    \n– Move from Available to Selected pane:
                                    \nJOBS<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On Application Module<\/em> dialog, click Finish<\/em>.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Mark 3.1 Create Entity Objects and Associations step as Done<\/em>.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click Close Step 3 button and mark Build Business Services step as Done<\/em>.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    Test Application Module<\/h3><\/span>\n
                                    * Expand Model -> Application Sources -> demo.model<\/em>
                                    \n* Right click AppModule<\/em>, click Run<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Test the Swing app<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    Refine Business Components<\/h3><\/span>\n
                                    * Expand Model -> Application Sources -> demo.model<\/em><\/p>\n
                                    Refine Salary Attribute with Validation<\/h4><\/span>\n
                                    * Double click Employees<\/em> entity object
                                    \n* On Employees.xml<\/em> window,
                                    \n– Select Attributes -> Salary<\/em>
                                    \n– Select Validation Rule<\/em> tab
                                    \n– Click green plus sign to add a validation rule<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On Add Validation Rule for: Salary<\/em> dialog
                                    \n– Select Rule Type: Range<\/em>
                                    \n* On Rule Definition<\/em> tab:
                                    \n– Operator: Between<\/em>
                                    \n– Min Value: 0<\/strong>
                                    \n– Max Value: 99000<\/strong><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On Failure Handling<\/em> tab, set
                                    \n– Message Text: Salary out of range 0 to 99,000<\/strong><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click OK<\/em> button<\/p>\n
                                    Refine HireDate with Formatting<\/h4><\/span>\n
                                    * Select HireDate<\/em>
                                    \n* Select Details<\/em>
                                    \n– Value Type: Expression
                                    \n– Value: adf.currentDate<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click UI Hints<\/em> tab:
                                    \n– Format Type: Simple Date<\/em>
                                    \n– Format: MM\/dd\/yyyy<\/strong><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Save all<\/p>\n
                                    Test Refined Business Entity<\/h4><\/span>\n
                                    * Right click AppModule<\/em>, click Run<\/em>
                                    \n* Test
                                    \n– out of range salary validation
                                    \n– date format<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    Create JSF Web pages<\/h2><\/span>\n
                                    * Use ADF Faces Rich Client components<\/p>\n
                                    Create a New Web Page<\/h3><\/span>\n
                                    * Right click ViewController<\/em>, click New…<\/em>
                                    \n* Select Web Tier -> JSF\/Facelets -> Page<\/em>. Click OK<\/em>.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On Create JSF Page<\/em> dialog enter:
                                    \n– File Name: DeptEmpPage.jspx<\/strong>
                                    \n– Document Type: JSP XML<\/em>
                                    \n– Page Template: Oracle Three Column Layout<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    Change Panel Size<\/h4><\/span>\n
                                    * On DeptEmpPage.jspx<\/em> design view
                                    \n– right click the third panel and select Delete<\/em>
                                    \n* On Structure pane<\/em>,
                                    \n– select af:pageTemplate<\/em>
                                    \n* On Property pane,
                                    \n– startColumnSize: 350<\/strong><\/p>\n
                                    Add Components to Page<\/h3><\/span>\n
                                    Add Accordion<\/h4><\/span>\n
                                    * Drag Component Palette -> Layout -> Panel Accordion<\/em> to left panel in page editor
                                    \n* Highlight newly added accordion, enter in the property pane
                                    \n– Text: Departments<\/strong>
                                    \n* Right click Departments accordion and choose Insert After Show Details Item – Departments -> Show Detail Item<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Change text to More Info<\/strong>
                                    \n* Drag a Panel Splitter<\/em> component to center pane
                                    \n* In property pane,
                                    \n– Set Orientation<\/em> to Vertical<\/em>
                                    \n* Drag Panel Collection<\/em> component to first area of splitter
                                    \n* Drag Panel Tabbed<\/em> component to second area of splitter
                                    \n* Save all<\/p>\n
                                    Binding Data Controls to your JSF page<\/h2><\/span>\n
                                    Bind Departments as Read Only Form<\/h3><\/span>\n
                                    * Click Departments<\/em> accordion to expand it
                                    \n* Drag Data Controls -> DepartmentsView1<\/em> to Departments accordion.
                                    \n* Choose Forms->ADF Read-Only Form<\/em>.
                                    \n* In the Edit Form Fields<\/em> dialog, check the Include Navigation Controls<\/em> check box. <\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click OK<\/em><\/p>\n
                                    Bind EmployeesView3 as Read Only Table<\/h3><\/span>\n
                                    * Drag Data Controls -> DepartmentsView1 -> EmployeesView3<\/em> to Panel Collection<\/em> top part
                                    \n* Choose Tables -> ADF Read-Only Table<\/em>
                                    \n* Check
                                    \n– Row Selection: Single Row<\/em>
                                    \n– Sorting
                                    \n– Filtering<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click OK<\/em><\/p>\n
                                    Bind EmployeesView3 as ADF Form<\/h3><\/span>\n
                                    * Drag Data Controls -> DepartmentsView1 -> EmployeesView3<\/em> to Panel Collection bottom part
                                    \n* Choose Form -> ADF Form<\/em>
                                    \n* In the Edit Form Fields<\/em> dialog,
                                    \n– Check the check boxes for “Include Submit Button<\/em>”
                                    \n– Delete following fields from the list
                                    \nCommissionPCT,
                                    \nManagerId,
                                    \nDepartmentID<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click OK<\/em>
                                    \n* Save All<\/p>\n
                                    Test Page<\/h3><\/span>\n
                                    * Right click DeptEmpPage.jspx<\/em> and select Run<\/em>
                                    \n* Web page show up at                                     http:\/\/127.0.0.1:7101\/HRSystem-ViewController-context-root\/faces\/DeptEmpPage.jspx<\/a><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    Enhancing your JSF page<\/h2><\/span>\n
                                    Add graph representation<\/h3><\/span>\n
                                    * On Structure pane, click af:table -t1<\/em>
                                    \n* On property pane, select ColumnSelection: Single<\/em>
                                    \n* Expand More Info<\/em> accordion
                                    \n* Drag “Data Controls -> DepartmentsView1 -> EmployeesView3<\/em>” to More Info<\/em> accordion
                                    \n* Choose Graph<\/em>
                                    \n* Select
                                    \nPie -> Pie<\/em>
                                    \nQuick Start Layouts: third from left<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click OK<\/em>
                                    \n* On Create Pie Graph<\/em> dialog,
                                    \n– Pie: Salary<\/em>
                                    \n– Slices: LastName<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click OK<\/em>
                                    \n* Click Save All<\/p>\n
                                    Test Pie Graph<\/h3><\/span>\n
                                    * Right click page and select Run<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    Adding More Complex Business Services<\/h2><\/span>\n
                                    Add New View Object<\/h3><\/span>\n
                                    * Right click Model -> Application Soruces -> demo.model<\/em>
                                    \n* Select New View Object…<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On Create View Object<\/em> dialog, enter following and click Next
                                    \n– Name: EmpDetails <\/strong>
                                    \n* On Entity Object<\/em> dialog
                                    \n– Move Employees <\/em>from Available to Selected pane
                                    \n– Then move Departments<\/em> to Selected pane
                                    \n– Note that only Employees<\/em> have Updatable<\/em> checkbox.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    – Click Next<\/em>
                                    \n* On Attributes<\/em> dialog, move following Employees fields to Selected pane
                                    \n– EmployeeId
                                    \n– FirstName
                                    \n– LastName
                                    \n– Salary
                                    \n– HireDate
                                    \n– JobId<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click Finish<\/em> button<\/p>\n
                                    Add YearlySalary Attribute<\/h3><\/span>\n
                                    * On EmpDetails.xml<\/em> editor, click Attributes<\/em>, then click Create new attribute green plus sign. Enter:
                                    \n– Name: YearlySalary<\/strong>
                                    \n– Type: Number<\/em>
                                    \n– Default Value Type: Expression<\/em>
                                    \n– Value: Salary * 12<\/strong><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click OK<\/em> button<\/p>\n
                                    Add View Accessor<\/h3><\/span>\n
                                    * On EmpDetails.xml<\/em> editor, click View Accessors<\/em>, then click Create new view accessors green plus sign.
                                    \n* On View Accessors<\/em> dialog,
                                    \n– Move JobsView<\/em> to right pane<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    – Click OK<\/em><\/p>\n
                                    Add List of Values for JobId<\/h3><\/span>\n
                                    * Back on EmpDetails.xml<\/em> editor, click Attributes<\/em>, select JobId<\/em>
                                    \n* Click List of Values<\/em> tab, click green plus sign (add list of values)
                                    \n* On Create List of Values<\/em> dialog, select Configuration<\/em> tab, select:
                                    \n– List Data Source: JobsView1<\/em>
                                    \n– List Attribute: JobId<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On UI Hints<\/em> tab,
                                    \n– Select Input Text with List of Values<\/em>
                                    \n– Move JobTitle <\/em>to right pane<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    – Click OK<\/em><\/p>\n
                                    Add New View Object to AppModule<\/h3><\/span>\n
                                    * Double click AppModule<\/em>
                                    \n* Select Data Model<\/em> on left panel
                                    \n* Move EmpDetails<\/em> to right side pane<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Save All<\/p>\n
                                    Test New View Object<\/h3><\/span>\n
                                    * Right click AppModule<\/em> and select Run<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    Creating a Page Flow<\/h2><\/span>\n
                                    Setup Page Flow<\/h3><\/span>\n
                                    * Expand ViewController -> Web Content -> WEB-INF<\/em> folder
                                    \n* Double click adfc-config.xml<\/em>
                                    \n* Drag and drop the DeptEmpPage.jspx<\/em> file from the application navigator into the empty adf-config diagram
                                    \n* Drag a new View component onto adf-config diagram. Rename it to query<\/strong>.
                                    \n* Select Control Flow Case<\/em>
                                    \n* Drag a line from DeptEmpPage<\/em> to query<\/em> on adf-config editor.
                                    \n– Name the line goQuery<\/strong>.
                                    \n* Select Control Flow Case<\/em> again
                                    \n* Drag a line from query<\/em> to DeptEmpPage<\/em> on adf-config editor. Name the line back<\/strong>.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    Create query.jspx<\/strong> Page<\/h3><\/span>\n
                                    * Double click query<\/em> view in the diagram
                                    \n* Select
                                    \n– Page Template: Oracle Three Column Layout<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click OK<\/em>
                                    \n* Delete start and end panel
                                    \n* Refresh Data Controls<\/em>
                                    \n* Expand EmpDetails1 -> Named Criteria<\/em>
                                    \n* Drag All Queriable Attributes<\/em> to the center pane of query.jspx<\/em> page
                                    \n* Choose Query -> ADF Query Panel<\/em>
                                    \n* Drag EmpDetails1<\/em> from Data Controls<\/em> to lower part of query page
                                    \n* Select Form -> ADF Form…<\/em>
                                    \n* On Edit Form Fields<\/em>, check both
                                    \n– Include Navigation Controls
                                    \n– Submit Button<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click OK<\/em><\/p>\n
                                    Add Submit Button<\/h3><\/span>\n
                                    * In the Structure<\/em> pane, locate af:command:Button – Submit<\/em>
                                    \n* Right click af:command:Button – Submit<\/em>
                                    \n* Choose Insert after af:command:Button – Submit -> Button<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * On property pane for the new button, set:
                                    \n– Text: Back<\/strong>
                                    \n– Action: back<\/em><\/p>\n
                                    Add Commit and Rollback Button<\/h3><\/span>\n
                                    * On Data Controls<\/em> pane, locate AppModuleDataControl -> Operations<\/em>
                                    \n* Drag Commit<\/em> icon into the structure pane before the ‘af:commandButton – First<\/em>‘
                                    \n– choose ADF Button<\/em> when prompted.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Drag Rollback<\/em> icon into the structure pane before the First<\/em> button, choose ADF Button<\/em> when prompted.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * In the Property Inspector, for the Rollback<\/em> and for the Commit<\/em> buttons, set the Behavior > Disabled<\/em> property to default (false)<\/em>.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    Add Query Button<\/h3><\/span>\n
                                    * Open DeptEmpPage.jspx<\/em>
                                    \n* Expand Departments<\/em> accordion
                                    \n* Drag a button between First<\/em> and Previous<\/em> buttons
                                    \n* On new button property pane, set
                                    \n– Text: Query<\/strong>
                                    \n– Action: goQuery<\/em>
                                    \n* Save All<\/p>\n
                                    Test Page Flow<\/h3><\/span>\n
                                    * Right click DeptEmpPage.jspx<\/em>
                                    \n* Select Run<\/em>
                                    \n* Click Query<\/em> button to go to the query<\/em> page.
                                    \n* Click Back<\/em> button to go back to DeptEmpPage<\/em> page.<\/p>\n
                                    Using ADF Faces Framework Features<\/h2><\/span>\n
                                    Using Partial Page Refresh<\/h3><\/span>\n
                                    * Open query.jspx<\/em>
                                    \n* Click on Salary row.
                                    \n* In property pane,
                                    \n– set Id<\/em> to sal<\/strong>
                                    \n– set Behavior -> AutoSubmit<\/em> to True<\/em>
                                    \n* Click on YearlySalary<\/em> field.
                                    \n– In property pane, right click Behavior -> ParticalTriggers<\/em> field, and choose Edit…<\/em>
                                    \n– Move “facet(center) -> panelFormLayout – pfl1 -> inputText – sql<\/em>” to the right side panel.
                                    \n– Click OK<\/em>.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Save all.<\/p>\n
                                    Test<\/h4><\/span>\n
                                    * Right click DeptEmpPage.jspx<\/em> and select Run<\/em>
                                    \n* Web page show up at                                     http:\/\/127.0.0.1:7101\/HRSystem-ViewController-context-root\/faces\/DeptEmpPage.jspx<\/a>
                                    \n* Click Query<\/em> button in the Departments<\/em> panel
                                    \n* Enter A%<\/strong> in the FirstName<\/em> field in the Employees<\/em> panel
                                    \n* Click Search<\/em> button
                                    \n* Update the Salary<\/em> field and click on a different field (such as LastName<\/em> field)
                                    \n* Notice that YearlySalary<\/em> field is updated automatically.<\/p>\n
                                    Using Drop Down Menus and Operation Components<\/h3><\/span>\n
                                    * Open DeptEmpPage.jspx<\/em>
                                    \n* Right click menu place holder and select Insert inside Facet menus -> Menu<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * In property pane,
                                    \n– set Text field to: My Options<\/strong>
                                    \n– set Behavior > Detachable property<\/em> to true<\/em><\/p>\n
                                    Add Export to Excel Menu Item<\/h4><\/span>\n
                                    * In structure pane,
                                    \n– right click af:menu – My Options<\/em>, and
                                    \n– select Insert inside af:menu – My Options -> Menu Item<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * In property pane,
                                    \n– set Text<\/em> field to Export to Excel<\/em>
                                    \n* Drag “Component Palette -> Operations -> Export Collection Action Listener<\/em>” to Structure pane’s “af:commandMenuItem – Export to Excel<\/em>“.
                                    \n* In “Insert Export Collection Action Listener<\/em>” dialog,
                                    \n– right click ExportedId<\/em> field and click Edit…<\/em>
                                    \n– select “form – f1 -> facet(center) -> panelSplitter – ps1 -> facet (first) -> panelCollection – pc1 -> table* – t1 <\/em>”<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    – Click OK<\/em>
                                    \n– Select excelHTML<\/em> in Type<\/em> field, click OK<\/em>.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    Add Printable Page Menu Item<\/h4><\/span>\n
                                    * In Structure<\/em> pane, right click “af:commandMenuItem – Export to Excel<\/em>“, and select “Insert After af:commandMenuItem – Export to Excel -> Menu Item<\/em>”<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * In property pane,
                                    \n– set Text<\/em> field to Printable Page<\/em>
                                    \n* Drag “Component Palette -> Operations -> Show Printable Page Behavior”<\/em> to the newly added menu item in structure pane.
                                    \n* Save all<\/p>\n
                                    Test<\/h4><\/span>\n
                                    * Right click DeptEmpPage.jspx<\/em> and select Run<\/em>
                                    \n* Web page show up at                                     http:\/\/127.0.0.1:7101\/HRSystem-ViewController-context-root\/faces\/DeptEmpPage.jspx<\/a>
                                    \n* Test
                                    \n– detachable menu
                                    \n– Export to Excel
                                    \n– Printable Page <\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    Create Read Only Business Services, Page Fragments and Regions <\/h2><\/span>\n
                                    Query Only Business Service Based on Parameters<\/h3><\/span>\n
                                    * In Model<\/em> folder, right click demo.model<\/em>, select New View Object…<\/em>
                                    \n* In Create View Object<\/em> dialog, set
                                    \n– Name: EmpByEmail<\/strong>
                                    \n– checked: SQL query<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    click Next<\/em>
                                    \n* In Query<\/em> dialog, enter query statement:<\/p>\n
                                    \r\nselect first_name, last_name from employees where email=:p_email\r\n<\/pre>\n
                                    * Click Test and Explain…<\/em> button, should receive Query is valid confirmation.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * In Bind Variables<\/em> dialog, click New<\/em> button.
                                    \n– Set Variable -> Name<\/em> to p_email<\/strong><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    – Set Control Hints -> Label<\/em> to Email<\/strong><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click Next<\/em> until Application Module<\/em> dialog,
                                    \n– Check: Add to Application Module<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click Finish<\/em><\/p>\n
                                    Test AppModule<\/h4><\/span>\n
                                    * Right click AppModule<\/em> and select Run<\/em>
                                    \n* Double click EmpByEmail1<\/em>
                                    \n* Enter a value in the Bind Variables dialog, e.g. SKING<\/strong>, and click OK<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    Error<\/h4><\/span>\n
                                    * Error message<\/p>\n
                                    \r\nattempt to set a parameter name that does not occur in the SQL: Variable\r\n<\/pre>\n
                                    * Cause:
                                    \n– forgot to set variable name.
                                    \n* Fix:
                                    \n– set variable name to p_email.<\/p>\n
                                    Reusable Task Flows, Page Fragments and Regions<\/h3><\/span>\n
                                    Create a new task flow<\/h4><\/span>\n
                                    * Right click ViewController<\/em>, select New…<\/em>
                                    \n* In New Gallery<\/em> dialog, select “Web Tier -> JSF\/Facelets -> ADF Task Flow<\/em>“. Click OK<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * In Create Task Flow<\/em> dialog,
                                    \n– set File Name: search-email-flow.xml<\/strong>
                                    \n– checked: Create as Bounded Task flow <\/em>
                                    \n– checked: Create with Page Fragments<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click OK<\/em>
                                    \n* Drag a View component<\/em> onto search-email-flow.xml<\/em> editor, name the view component searchEmail<\/strong>.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Double click searchEmail<\/em> component to create the page.
                                    \n– Make sure to check<\/strong> Document Type<\/em>: JSP XML<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Click OK<\/em> to accept other defaults<\/p>\n
                                    Add ExecuteWithParams Button<\/h4><\/span>\n
                                    * Select Data Controls -> AppModuleDataControl<\/em>, click the refresh button. New EmpByEmail1<\/em> data control component is shown.
                                    \n* Expand EmpByEmail1 -> Operations<\/em> folder
                                    \n* Drag ExecuteWithParams<\/em> operation onto the page editor
                                    \n* Select Create -> ADF Parameter Form…<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Change Display Label<\/em> to Email<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    – Click OK<\/em>
                                    \n* Click ExecuteWithParams<\/em> button on the design editor
                                    \n* In property pane,
                                    \n– set Text: Find Details<\/strong><\/p>\n
                                    Bind EmpByEmail1<\/em> Data Control<\/h4><\/span>\n
                                    * Drag Data Controls > AppModuleDataControl > EmpByEmail1<\/em> to the right side of Find Details button.
                                    \n* Select Create -> Form -> ADF Read Only Form…<\/em>
                                    \n* Accept defaults in Edit Form Fields dialog by click the OK<\/em> button.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    Add to DeptEmpPage.jspx Page<\/h4><\/span>\n
                                    * Open DeptEmpPage.jspx<\/em>
                                    \n* Drag a Separator<\/em> component (under layout) beneath the Departments<\/em> form
                                    \n* Drag “Web Content -> WEB-INF -> search-email-flow.xml<\/em>” under the new separator.
                                    \n– Select Create -> Region<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Save all<\/p>\n
                                    Test<\/h4><\/span>\n
                                    * Run DeptEmpPage.jspx<\/em> page. You should see the new page fragment.
                                    \n* Enter a email, e.g. SKING<\/strong>, and click Find Details<\/em> button.<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    Using Skins<\/h2><\/span>\n
                                    Create a New Skin<\/h3><\/span>\n
                                    * Right click ViewController<\/em> project and select New…<\/em>
                                    \n* Select Web Tier > ADF Skin<\/em> and click OK<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Enter following and accept other default values:
                                    \n– File Name: MySkin.css<\/strong>
                                    \n– Check: Use as the default skin family for this project<\/em>
                                    \n– Extends: fusionFx-simple-v2.1.desktop<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    – click OK<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Skin is registered in WEB-INF\/trinidad-skins.xml<\/em> file:<\/p>\n
                                    \r\n\r\n\r\n  \r\n    MySkin.desktop<\/id>\r\n    MySkin<\/family>\r\n    fusionFx-simple-v2.1.desktop<\/extends>\r\n    org.apache.myfaces.trinidad.desktop<\/render-kit-id>\r\n    skins\/MySkin\/MySkin.css<\/style-sheet-name>\r\n    demo\/view.skinBundle<\/bundle-name>\r\n  <\/skin>\r\n<\/skins>\r\n<\/pre>\n
                                    and selected in WEB-INF\/trinidad-config.xml<\/em> file:<\/p>\n
                                    \r\n\r\n\r\n  MySkin<\/skin-family>\r\n<\/trinidad-config>\r\n<\/pre>\n
                                    * Right click DeptEmpPage.jspx<\/em> and select Run<\/em> to verify the new skin is loaded.<\/p>\n
                                    Change Page Background and Font Family<\/h3><\/span>\n
                                    * Open MySkin.css<\/em> file
                                    \n* Go to Faces Component Selectors > Document af|document<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * In property pane, select Common > Background Color > Edit<\/em> and enter:<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    – RGB Hex: #fcfacb<\/strong><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Check new background color by right clicking DeptEmpPage.jspx<\/em> and select Run<\/em><\/p>\n
                                    Change Font of Application Text<\/h3><\/span>\n
                                    * From MySkin.css, select Global Selector Aliases > Font > .AFDefaultFontFamily:alias<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * In property pane, Select:
                                    \n– Font Family: Times New Romain<\/em>
                                    \n* Back in MySkin.css<\/em> navigator tree, select .AFDefaultFont:alias<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * In property pane, select:
                                    \n– Font Size:<\/em> medium<\/strong>
                                    \n– Line Box > Line Height:<\/em> 18 px<\/strong>
                                    \n* Save All
                                    \n* Reload page to see that font size has changed<\/p>\n
                                    Format Header<\/h3><\/span>\n
                                    * Set Faces Components Selectors > Panel Header > Pseudo-Elements > title0<\/em>
                                    \n– Background Color:<\/em> #fff27e<\/strong>
                                    \n* Set Faces Components Selectors > Panel Header > Pseudo-Elements > title-text0<\/em>
                                    \n– Font\/Text > Color:<\/em> Red<\/em>
                                    \n* Set Faces Components Selectors > Panel Header > Pseudo-Elements > content0<\/em>
                                    \n– Common > Background Color:<\/em> White<\/em>
                                    \n– Common > Border:<\/em> 1px solid<\/strong>
                                    \n– Common > Border Color:<\/em> #fff27e<\/strong><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Save all
                                    \n* Reload page to see header format change<\/p>\n
                                    Format Table Headers<\/h3><\/span>\n
                                    * Set Faces Components Selectors > Column > Pseudo-Elements > column-header-table<\/em>
                                    \n– Background Color:<\/em> #fff27e<\/strong>
                                    \n– Background Image:<\/em> none<\/strong>
                                    \n– Font\/Text > Color:<\/em> Red<\/em><\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    * Save all
                                    \n* Reload page to see column header format<\/p>\n
                                    \"\"<\/a><\/h6><\/span>\n
                                    References<\/h2><\/span>\n
                                    *Developing RIA Web Applications with Oracle ADF<\/a>
                                    \n*                                     Changing an Application’s Look and Feel by Using Skins<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
                                    Environment * JDeveloper 11gR2 * Oracle Database 10.2 Prepare DB * Unlock Oracle DB HR user: alter user HR identified by HR account unlock; Create ADF Web App Create New App * Select File > New… > General > Applications … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[96],"tags":[],"class_list":["post-2369","post","type-post","status-publish","format-standard","hentry","category-adf"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8cRUO-Cd","_links":{"self":[{"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/2369","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2369"}],"version-history":[{"count":29,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/2369\/revisions"}],"predecessor-version":[{"id":2926,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/2369\/revisions\/2926"}],"wp:attachment":[{"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2369"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2369"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jianmingli.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}