Adding nodes and connections automatically in an existing Web application

You can automatically populate a Web diagram with nodes and connections that represent all or part of an existing Web application.

1. Create a Web project. You can create either a dynamic Web project or a static Web project.

   • Create a dynamic Web project if your Web application contains dynamic J2EE resources such as servlets, JSP files, filters, and associated metadata. A dynamic Web application can contain multiple Web diagrams.

   • Create a static Web project if your Web application does not contain any server side scripting. A static Web project contains resources that do not change at runtime on the Web server, for example HTML and CSS files.

   When you create a Web project, a Web Diagram,

   WebDiagram.gph, is automatically created and opened in the editor. You can begin to define the flow of your Web application.

2. Create a Web application (Web pages with application logic).

3. Create a Web diagram.

There are two ways to populate a Web diagram automatically:

• To use the entire application: Right-click in an empty area in the diagram, and then select

  Reverse Engineer in the menu. The Web diagram editor draws nodes and connections for all objects in the application.

• To use part of the application:

  1. Click the

     Web Page icon in the palette, and then click the diagram. A node is shown in the diagram.

  2. Click the

     button. The Web Page Selection dialog box opens.

  3. In the dialog box, select an existing Web page and click OK.

  4. In the diagram, right-click the Web page node, and then select

     Reverse Engineer in the menu. The Web diagram editor draws all of the outgoing connections of the Web page and their target nodes.

 

Related concepts

Web diagram tools

---