6: Building a Shopping Cart Application in .NET framework

Painting Code 39 Full ASCII in .NET framework 6: Building a Shopping Cart Application

17

The third wizard step defines the final step of the check-out process, which simply displays a summary of the order and allows the user to submit the order for final processing The title of this step is Confirmation This label displays the order subtotal, obtained by adding the total for each item in the shopping cart This label displays the sales tax for the order This label displays the shipping charges for the order This label displays the order total This is the last control in the third wizard step The Wizard control ends with a <SideBarStyle> element that defines how the sidebar navigation links will be aligned In this case, VerticalAlign= Top indicates that the links will appear at the top of the sidebar area By default, they are centered vertically

18 19 20 21 22

Mercifully, the code-behind file for the Check Out page is not nearly as long as the aspx file (or as long as the code-behind for the Cart page, for that matter) Listing 6-11 shows the C# version, and the Visual Basic version is shown in Listing 6-12

Listing 6-11:

The code-behind file for the Check Out page (C#)

System; SystemData; SystemConfiguration; SystemCollections; SystemWeb; SystemWebSecurity; SystemWebUI; SystemWebUIWebControls; SystemWebUIWebControlsWebParts; SystemWebUIHtmlControls;

public partial class CheckOut : SystemWebUIPage { private Order order; private Customer cust; private ShoppingCart cart; protected void Page_Load(object sender, EventArgs e) {

(continued)

Listing 6-11 (continued)

cart = (ShoppingCart)Session[ cart ]; if (Session[ order ] == null) { order = new Order(DateTimeNow, null, (ShoppingCart)Session[ cart ]); Session[ order ] = order; } else { order = (Order)Session[ order ]; cart = orderCart; } cust = new Customer(txtLastNameText, txtFirstNameText, txtAddressText, txtCityText, ddlStateSelectedValue, txtZipCodeText, txtPhoneNumberText, txtEmailText); orderCust = cust; lblSubtotalText = orderSubTotalToString( c ); lblSalesTaxText = orderSalesTaxToString( c ); lblShippingText = orderShippingToString( c ); lblTotalText = orderTotalToString( c ); } protected void Wizard1_FinishButtonClick( object sender, WizardNavigationEventArgs e) { // process credit card information here

bool success = OrderDBWriteOrder(order); Session[ cart ] = null; Session[ order ] = null; if (success) ResponseRedirect( Completedaspx ); else ResponseRedirect( Completedaspx Error=1 ); } }

The Wizard control is a new feature in ASPNET 20 that makes it easy to create wizards that walk the user through a series of steps A wizard consists of one or more steps and navigation buttons that let the user move from step to step Only the content defined for the current step is displayed when the page containing a Wizard control is rendered The steps for the Wizard control are defined by the <WizardSteps> element, which can contain one or more <WizardStep> child elements There are five different types of steps you can create: Start: The first step This step includes a Next button but not a Previous button Step: An intermediate step This step includes both a Next and a Previous button Finish: The final step that collects data from the user Instead of a Next button, this step includes a Finish button Complete: The last step displayed by the wizard, after the user clicks the Finish button No navigation buttons are included on this step Auto: A step whose type is determined by its position in the <WizardSteps> element (For example, the first step declared is the start step) Here s a basic skeleton of a simple Wizard control with three steps: <asp:Wizard id= Wizard1 runat= server > <WizardSteps> <asp:WizardStep steptype= Start title= Step One > Content for step one goes here </asp:WizardStep> <asp:WizardStep steptype= Step title= Step Two > Content for step two goes here </asp:WizardStep> <asp:WizardStep steptype= Finish title= Step Three > Content for step three goes here </asp:WizardStep> </WizardSteps> </asp:Wizard> Note that you can edit the steps individually in You can select the step you want to edit from a Visual Studio using the Smart Tag menu, which drop-down list that appears in the Smart Tag you can summon by clicking the small arrow menu And you can add or remove steps by that appears in the upper-right corner of the choosing Add/Remove WizardSteps from the Wizard when you re working in Design view Smart Tag menu