01 <%@ page language="java" contentType="text/html;charset=UTF-8"%>
02 <%@ taglib uri="netui-tags-databinding.tld" prefix="netui-data"%>
03 <%@ taglib uri="netui-tags-html.tld" prefix="netui"%>
04 <%@ taglib uri="netui-tags-template.tld" prefix="netui-template"%>
05 <netui:base />
06 <netui:html>
07 <head>
08 <title>
09 Web Application Samples: Handling Data
10 </title>
11 <link href="/WebApp/resources/css/style.css" type="text/css" rel="stylesheet"/>
12 </head>
13 <body>
14 <jsp:include page="/resources/jsp/header.jsp"/>
15
16 <h3>Web Application Samples: Handling Data</h3>
17 <p>These samples show how to collect, process and display data in web applications.</p>
18 <p>These samples highlight the use of data binding. Data binding lets you create
19 a strong separation between the presentational and data processing parts of your
20 web application. Data binding is made possible by a special library of JSP tags:
21 the <netui...> tag library. The <netui...> tag library lets you bind your
22 JSP pages to the data processing files in your application. This frees you from
23 doing any data processing within the JSP files themselves.
24 <blockquote>
25 <hr>
26 <h4><netui:anchor action="toSimpleSubmit">Simple Data Submission</netui:anchor></h4>
27 <p>This sample shows a simple case of collecting data from a user, processing it, and displaying the
28 results back to the user.
29 <p>Source code: <code>SamplesApp/WebApp/handlingData/simpleSubmit/<code>
30 <hr>
31 <h4><netui:anchor action="toDataflow">Using a Wizard to Collect User Infomation</netui:anchor></h4>
32 <p>This sample shows how to collect data from a user, process it, and display the
33 results back to the user.
34 <p>Data binding expressions make for a strong separation of the
35 data collection and data processing aspects of the wizard.
36 <p>Source code: <code>SamplesApp/WebApp/handlingData/dataFlow/<code>
37 <hr>
38 <h4><netui:anchor action="toDatabinding">Data binding contexts</netui:anchor></h4>
39 <p>This sample demonstrates the different data binding contexts
40 available in Page Flows: {actionForm...}, {pageFlow}, etc.
41
42 <p>Source code: <code>SamplesApp/WebApp/handlingData/databinding/</code>
43 <hr>
44 <h4><netui:anchor action="toDropdown">Dynamically populating the options in a dropdown</netui:anchor></h4>
45 <p>A dyanamically populated dropdown menu.
46 <p>Source code: <code>SamplesApp/WebApp/handlingData/dropdown/</code>
47 <hr>
48 <h4><netui:anchor action="toBinary">Handling Binary Data</netui:anchor></h4>
49 <p>Shows how to handle binary image data, such as GIF, JPEG, and BMP files.
50 <p>Source code: <code>SamplesApp/WebApp/handlingData/binaryFlow/</code>
51 <hr>
52 <h4><netui:anchor action="toComplexFormBean">Handling Complex Java Objects</netui:anchor></h4>
53 <p>Shows how to handle complex Java objects in Page Flows.
54 <p>Source code: <code>SamplesApp/WebApp/handlingData/complexFormBean/</code>
55 <hr>
56 <h4><netui:anchor action="toMultipleForms">Multiple Forms on a Page</netui:anchor></h4>
57 <p>Shows how to submit data from a JSP page which contains multiple forms.
58 <p>Source code: <code>SamplesApp/WebApp/handlingData/multipleForms/</code>
59 <hr>
60 <h4><netui:anchor action="toXmlBeans">Handling XMLBean Data</netui:anchor></h4>
61 <p>Shows how to handle XMLBean data within a Page Flow Controller file and how to render it
62 as HTML.
63 <p>Source code: <code>SamplesApp/WebApp/handlingData/xmlBeans/</code>
64 <hr>
65 <h4><netui:anchor action="toTraditionalVsPageFlow">Traditional JSP Web Applications vs. Page Flow Web Applications</netui:anchor></h4>
66 <p>This sample compares a traditional JSP web application with a Page Flow web application.
67 <p>The traditional JSP application does not have a strong separation between the user-interface
68 and the application logic. The Page Flow application has a clear separation between
69 the user interface and the application logic.
70 <p>Notice that the traditional JSP version of the application places both the application logic
71 and the user interface within the JSP pages, but the Page Flow version places all of the
72 application logic within the Controller file.
73 <blockquote><b>Note:</b> both of these sample call a Web Service through the Web Wervice's proxy
74 client instead of through a Web Serivce control. For related proxy client samples see
75 <code>SamplesApp/ProxyClient/</code>.</blockquote>
76 <p>Source code:
77 <p>Traditional Version: <code>SamplesApp/WebApp/handlingData/traditional_vs_pageFlow_webApp/traditional_webApp/</code>
78 <p>Page Flow Version: <code>SamplesApp/WebApp/handlingData/traditional_vs_pageFlow_webApp/pageFlow_webApp/</code>
79
80 <hr>
81 <h2>Related Samples</h2>
82 <p><a href="../tagSamples/netui/tree_dynamic/treeController.jpf">Dynamic Tree Sample</a>
83 <p> Source code: <code>SamplesApp/WebApp/tagSamples/netui/tree_dynamic/</code>
84
85 </blockquote>
86 <hr>
87 <p><netui:anchor action="toPageFlowSamples">Back to Web Application Samples Home</netui:anchor>
88 </body>
89 </netui:html>
|