WEB 460 Week 1 iLab Basic ASP Page and Cross-Page Posting
Scenario/Summary In this week's lab assignment, we'll be developing credit card information checkout pages of an online book store. Such pages are necessary in any developed e-commerce application. In these pages, users are required to enter information related to their payment and shipping options. We will develop two pages. On the first page, the user provides personal, payment, and shipping information for the order submitted. The second page summarizes the user's input and requires the user to confirm. Learning Objectives Create an ASP.NET web project in Visual Studio 2010 or Visual Studio 2012. Create and design ASP.Net web forms. Cross-page posting in ASP.NET How to use ASP.NET web server controls (DropDownList, TextBox, RadioButtonList, Label, and Button) Exception handling Deliverables A zip archive of the ASP.NET Application implementing cross-page posting consisting of the following files: – pgCheckOut.aspx web form with all server controls defined in requirements – pgCheckOut.aspx.cs with code for cross-page posting – pgConfirm.aspx web form with all server controls defined in requirements – pgConfirm.aspx.cs with code for cross-page posting and exception handling Required Software Visual Studio 2012 Set up the Visual Studio development environment and test the web server on your machine. More information on how you can get the most recent version of VS is found in Course Home. iLAB STEPS STEP A: Create a New Web Site Project Back to Top Go to the File menu and select New. From the New sub-menu, select Web Site to create a new Web Site project. 2.·In the New Web Site dialog box, select the language you want to use in developing your web application; for our applications choose Visual C#. 3.·Select ASP.NET Empty Web Site to create a project with only a web.config file. 4.·Then specify the location of your project or website. Note that in ASP.NET, you have the option of creating your website in different locations, whether in any folder on your local file system, on the local IIS server you have on your computer, or on a remote HTTP or FTP server. ASP.NET has an integrated IIS server with the Visual Studio .Net IDE. I recommend using the default Web Sites folder in the Visual Studio project folder. This allows the development of web applications without the hassle of setting up an IIS server on your computer. If you don't have IIS server installed on your computer, this is the best option to select for your lab. TEP B: Create and Design a New Web Form, pgCheckOut.aspx Back to Top Add the first web form to the web application by right-clicking on the project name and selecting Add New Item. Name the web form pgCheckOut.aspx 2.Add the controls in the table below to the form. If desired, you can visually lay out the form using HTML and CSS after adding the controls. The first column in the table shows the data the control represents or their label, the second column is the type of control, and the last column is the ID or name of the actual control. If the Visual Studio web form Toolbox Pane is not displayed, you can show it by going to the View menu and selecting Toolbox. All of these controls can be found in the Toolbox Pane. STEP D: Create and Design Another Web Form, pgConfirm.aspx Back to Top Add the second web form to your web application. Name the form pgConfirm.aspx. 2.Add label controls to display the user input values for the name, address, credit card type, and credit card number. STEP E: Add Code to the pgConfirm.aspx Form (to Allow User to Verify Order Input and Submit for Final Processing) Back to Top In the pgConfirm.aspx page, add the following code to the PreviousPageType directive to the pgConfirm.aspx file, and set it to the pgCheckOut.aspx.
