Home Original page

The jsonpmodel Example Application

This section describes how to build and run the jsonpmodel example application. This example is a web application that demonstrates how to create an object model from form data, how to parse JSON data, and how write JSON data using the object model API.

The jsonpmodel example application is in the tut-install`/examples/web/jsonp/jsonpmodel` directory.

The following topics are addressed here:

Components of the jsonpmodel Example Application

The jsonpmodel example application contains the following files.

  • Three JavaServer Faces pages.

    • The index.xhtml page contains a form to collect information.

    • The modelcreated.xhtml page contains a text area that displays JSON data.

    • The parsejson.xhtml page contains a table that shows the elements of the object model.

  • The ObjectModelBean.java managed bean, which is a session-scoped managed bean that stores the data from the form and directs the navigation between the Facelets pages. This file also contains code that uses the JSON object model API.

Running the jsonpmodel Example Application

This section describes how to run the jsonpmodel example application using NetBeans IDE and from the command line.

The following topics are addressed here:

To Run the jsonpmodel Example Application Using NetBeans IDE

  1. Make sure that GlassFish Server has been started (see Starting and Stopping GlassFish Server).

  2. From the File menu, choose Open Project.

  3. In the Open Project dialog box, navigate to:

    tut-install/examples/web/jsonp

  4. Select the jsonpmodel folder.

  5. Click Open Project.

  6. In the Projects tab, right-click the jsonpmodel project and select Run.

    This command builds and packages the application into a WAR file (jsonpmodel.war) located in the target directory, deploys it to the server, and opens a web browser window with the following URL:

    http://localhost:8080/jsonpmodel/

  7. Edit the data on the page and click Create a JSON Object to submit the form. The following page shows a JSON object that contains the data from the form.

  8. Click Parse JSON. The following page contains a table that lists the nodes of the object model tree.

To Run the jsonpmodel Example Application Using Maven

  1. Make sure that GlassFish Server has been started (see Starting and Stopping GlassFish Server).

  2. In a terminal window, go to:

    tut-install/examples/web/jsonp/jsonpmodel

  3. Enter the following command to deploy the application:

  4. Open a web browser window and enter the following address:

    http://localhost:8080/jsonpmodel/

  5. Edit the data on the page and click Create a JSON Object to submit the form. The following page shows a JSON object that contains the data from the form.

  6. Click Parse JSON. The following page contains a table that lists the nodes of the object model tree.