# Index.jsp Sample

This topic inludes the source code for the Index.jsp Sample.

## Sample Location

This sample is located in the following directory in your WebLogic Workshop installation:

BEA_HOME/weblogic81/samples/workshop/SamplesApp/WebApp/handlingData/

## Sample Source Code

`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 &lt;netui...> tag library. The &lt;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>`