Web diagram tools
The flow of a Web application is characterized by the systematic organization of Web pages, page data, page actions, and mappings to business logic and the interconnection of these components. The Web diagram tools provide you with a visual way to create and manage the flow of your Web application.
The Web diagram tools include:
- Web diagram editor
- Web diagram editor palette
- Web diagram editor pop-up menu
- Web diagram editor preferences
Related tasks
Adding connections between nodes
Adding nodes and connections automatically in an existing Web application
Web diagram editor
Use the Web diagram editor to design and construct the logic of a Web application.
From within the Web diagram editor you can configure your Web application by creating a navigation structure, adding data to pages, and creating actions and connections. The palette allows you to add visual representations called nodes for Web pages, Web projects, connections, and JSF and Struts resources (if you have these facets added to your Web project). You can manipulate these nodes and the underlying resources in a variety of ways right from within the Web diagram editor:
- Drag a node to the editor from the Web Parts drawer and the underlying resource the node represents is created in the Web project.
- Hover over a node to display its context menu, then click to add that item to the node.
- Hover over a node or a link on a node and a handle displays that you can click and drag to another node to create a connection.
- Drag the handle from a node or link to an empty space in the editor and a context menu displays with a list of resources that can be created.
- Right-click a node or link to display its context menu. From here you can open the underlying resource in an editor, delete, rename, or move the node, or delete the node and the underlying resource.
- Click a node or link, then click the Properties view to see additional configuration and formatting options.
For information on configuring the preferences for the Web diagram editor, refer to Setting preferences for Web diagrams.