Module 1: Creating an ASP.NET 2.0 Application

Transcription

1 Module 1: Creating an ASP.NET 2.0 Application Contents Overview 1 Lesson: Evaluating the Features of the New Web Development Environment 2 Lesson: Using the Compile-on-Demand Resources 11 Lesson: Using the Page Object Model 26 Lab A: Creating an ASP.NET 2.0 Application 39

2 Information in this document, including URL and other Internet Web site references, is subject to change without notice. Unless otherwise noted, the example companies, organizations, products, domain names, addresses, logos, people, places, and events depicted herein are fictitious, and no association with any real company, organization, product, domain name, address, logo, person, place or event is intended or should be inferred. Complying with all applicable copyright laws is the responsibility of the user. Without limiting the rights under copyright, no part of this document may be reproduced, stored in or introduced into a retrieval system, or transmitted in any form or by any means (electronic, mechanical, photocopying, recording, or otherwise), or for any purpose, without the express written permission of Microsoft Corporation. Microsoft may have patents, patent applications, trademarks, copyrights, or other intellectual property rights covering subject matter in this document. Except as expressly provided in any written license agreement from Microsoft, the furnishing of this document does not give you any license to these patents, trademarks, copyrights, or other intellectual property Microsoft Corporation. All rights reserved. Microsoft, Active Directory, FrontPage, IntelliSense, Microsoft Press, MSDN, PowerPoint, SharePoint, Verdana, Visual Basic, Visual Studio, Windows, and Windows Server are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. The names of actual companies and products mentioned herein may be the trademarks of their respective owners.

3 Module 1: Creating an ASP.NET 2.0 Application iii Instructor Notes Presentation, Demonstrations, and Student Practices: 60 minutes Lab: 45 minutes In this module, you will teach students how to create an ASP.NET 2.0 application. You will also provide students with an overview of the elements that form the foundation of Web applications written with ASP.NET 2.0. After completing this module, students will be able to:! Describe the development environment.! Use the resources for Compile-on-Demand functionality.! Use the Page Object model to build a Web form that is dynamically created from.net resources. Required materials To teach this module, you need the following materials:! Microsoft PowerPoint file 3201a_01.ppt Important It is recommended that you use PowerPoint 2002 or later to display the slides for this course. If you use PowerPoint Viewer or an earlier version of PowerPoint, some of the features of the slides might not be displayed correctly. Preparation task To prepare for this module:! Read all of the materials for this module.! Read the chapter titled Creating an ASP.NET 2.0 Application in Introducing Microsoft ASP.NET 2.0 (Microsoft Press).! Complete the practices and lab.

4 iv Module 1: Creating an ASP.NET 2.0 Application How to Teach This Module Key points to remember when teaching this module:! Try to keep students focused on the content in Module 1 and be sure to keep the class moving; oftentimes during the first module, students raise a lot of questions about topics that are going to be covered later on in the course. You should try to answer these types of questions by saying that the topic in question will be covered in detail in a later module. And if you know the module in which it is covered, go ahead and tell the class.! When you are going through the slide topics, be sure to expound upon the bullet points when you feel students might need additional information. You can supplement the content on the slides with any real world knowledge that you bring to the course and by discussing typical scenarios that you are aware of. You can also add further detail to the slides by explaining the specifics of a point. Be sure to try and add some detail to slides when appropriate and encourage students to refer to their companion book for more information.! When performing the hands-on activities, if you make any changes to the virtual machine that you do not want to keep, you can close the virtual machine without saving. This will take the virtual machine back to the most recently saved state. To close the virtual machine without saving, perform the following steps: a. On the virtual machine, on the Action menu, click Close. b. In the Close dialog box, on the What do you want the virtual machine to do? list, select Turn off and delete changes and then click OK.! The focus of Module 1, Creating an ASP.NET 2.0 Application, is on how to create an ASP.NET 2.0 application by using the new development environment, the ASP.NET 2.0 Compile-on-Demand Resources, and the Page Object model.! The focus of the lesson, Evaluating the Features of the New Web Development Environment, is on providing students with a comparison between features and functionality in Microsoft Visual Studio.NET 2003 and the new features and functionality in Visual Studio.NET 2005.! The focus of the lesson, Using the Compile-on-Demand Resources, is on how to use the Code-Beside Model to build a shared class.! The focus of the lesson, Using the Page Object Model, is on how to use the Page Object Model to create a Web form.

5 Module 1: Creating an ASP.NET 2.0 Application v! To introduce this module, you could begin by explaining that there are three foundational elements of ASP.NET applications: the integrated development environment, the page, and the core controls. This chapter discusses each of these elements. ASP.NET 2.0 includes multiple visual designers that significantly improve Web application design and development. The ASP.NET designer of Visual Studio.NET 2005 solves many issues with current Web development tools and delivers a robust integrated development environment that is easy to use. The Page class is the basis of all the Web forms dynamically created from.aspx resources. The class now supports personalization, themes, and a powerful scripting object model that leverages cross-page postbacks and script callbacks. The new ASP.NET 2.0 core controls populate the pages. Controls include: Web wizards, multiview, and bulleted lists. Demonstration Tips When performing the instructor-led demonstrations in this course, you might consider showing the finished result of the demonstrations before you begin. By showing students the completed application before you begin performing the actual tasks to build it, they will have a mental picture of what you are trying to accomplish in the demonstration. The finished solutions for each demonstrated are provided in the solution folder. For example, C:\Program Files\Microsoft Learning\3201A\Practices\Mod01\ Solution\language\Demo1

6 vi Module 1: Creating an ASP.NET 2.0 Application Lesson: Evaluating the Features of the New Web Development Environment Contrasting the Differences for Creating Applications in Visual Studio.NET 2003 and Visual Studio.NET 2005 Contrasting the Differences for Modifying Applications in Visual Studio.NET 2003 and Visual Studio.NET 2005 In this lesson, students will learn how developing Web applications is much easier with the restructured designer in ASP.NET 2.0. The ASP.NET 2.0 designer, Visual Studio.NET 2005, solves issues surrounding Web development tools and provides you an easy-to-use and powerful integrated development environment (IDE). The primary point of contrast for creating applications between the two versions of Visual Studio.NET is that with Visual Studio 2005 you no longer need to compile all the files into an assembly because the application implements the ASP.NET dynamic compile engine to compile not only.aspx files, but also.cs or.vb files. There are two primary points of contrast for modifying applications between the two versions of Visual Studio.NET: Again, there is no need to re-compile the files after making modifications in Visual Studio 2005.There is also no need to open an entire project to make any changes; you only need to open the file on which you want to make changes and then publish it to the Web server. Demonstration: Visual Studio.NET 2005 New Features Practice: How Will Visual Studio.NET 2005 Improve the Development of Web Applications? This demonstration provides you the opportunity to browse some of the new features of Visual Studio You can spend a few minutes highlighting the updated Microsoft IntelliSense feature, using the drag-and-drop method, and adding some event code to Web forms. Be sure to encourage students to ask questions while you are highlighting the new features. Typically, during most of the demonstrations in this course, you need to follow the outlined tasks fairly closely both to keep the material tightly focused and for the sake of time, but in this activity, please feel free to browse other Visual Studio 2005 features based on student requests or if there is a specific feature that you like that is not described in this demonstration. Just be sure to keep the time between about 8 and 12 minutes. Allow between 6 and 12 minutes for this activity. It should be a simple and informal discussion that offers students the opportunity to think about what they have learned so far in the lesson and to think about how they have used Visual Studio 2003 and might use Visual Studio 2005 in their own organizations. Keep in mind that the students experience with Visual Studio 2005 will probably be limited to what they have learned so far in this lesson, so a lot of what they talk about will be speculation about how they anticipate Visual Studio 2005 will help them manage their Web applications.

7 Module 1: Creating an ASP.NET 2.0 Application vii Lesson: Using the Compile-on-Demand Resources In this lesson, students will learn about the compile-on-demand capabilities and their uses in ASP.NET 2.0. You will then compare and contrast the Code- Behind and Code-Beside models to provide the students with the basis for the new direction of ASP.NET 2.0. You will then describe the characteristic of Partial and Shared Classes. You will then demonstrate how to use the Code- Beside Model to build a shared class. Note This lesson covers ASP.NET 2.0 Compile-on-Demand capabilities. Because this is a new feature in ASP.NET 2.0 and one in which there is considerable interest by developers, this may be a good time to click the links on the slides to open this section in the reference book. At the very least, you can suggest that students read the compile-on-demand resources section in the book if they have further questions about it. The Compile-on-Demand Resources of ASP.NET 2.0 Contrasting the Code- Behind model and the Code-Beside model How Does the Partial Class Work? What Is a Shared Class? Demonstration: Building a Shared Class The key concept about the upgraded ASP.NET 2.0 compile-on-demand feature is that several new file types are recognized, and that after the run time verifies that changes to those recognized file types are detected, there is no longer any need for a development tool to force a compile step. Again, with Visual Studio 2005, one of the key improvements is the ability to compile class files and eliminate the need for Visual Studio.NET to require an integrated development environment compilation for Web application projects. This slide describes how the partial class operates when a page is run. The objective for this topic is to illustrate the new compilation model in ASP.NET 2.0. It is important to remember that the notion of partial classes is a complicated one in ASP.NET 2.0. Therefore, it is important that you carefully explain this topic to students. Also, feel free to encourage them to open this section in their book for more information. As for covering partial classes in your lecture, you can begin with a summary of partial classes. Explain that partial classes work on pages that use code separation that is, pages separated into.aspx and.cs files. Please note that code separation is fully supported but is now optional in ASP.NET 2.0. The code in the code-beside file is rooted in the Active Server Pages (ASP) namespace and contains only a class definition that is not partial, or not complete. This definition contains only part of the complete class that comprises the runtime page; the partial class contains the event handlers and any custom code that you write. The primary concept for students to understand about shared classes is that with ASP.NET 2.0, you, as a developer, now can leverage reusable source components by placing them in the Code subdirectory. A key point to make by performing this demonstration is that after a component is placed in the Code subdirectory, the components are compiled on demand and made available to all pages.

8 viii Module 1: Creating an ASP.NET 2.0 Application Lesson: Using the Page Object Model New Attributes Directive Properties and Methods of the Page Class In this lesson, students will learn how the Page class is the basis of all the Web forms dynamically created from.aspx resources. You will demonstrate the key characteristics of directive including the properties and methods of the Page class that have been enhanced in ASP.NET 2.0. You will describe the improvements to the events and life cycle of a page. Students will then practice implementing cross-page postbacks. This topic covers directive that enables you to have control over new framework features including personalization and themes. For additional information about the attributes of directive, refer to Table 1-2, New Attributes in Directive, in Introducing Microsoft ASP.NET 2.0 (Microsoft Press). Be sure to describe some of the properties and methods here, but you will be performing two subsequent demonstrations about the properties and methods, so you can keep the lecture at an overview level at this time. For additional information about the properties and methods of directive, refer to the following tables in Introducing Microsoft ASP.NET 2.0 (Microsoft Press):! Table 1-3, New Intrinsic Objects in the Page Class! Table 1-4, Other New Properties of the Page Class! Table 1-5, New Methods of the Page Class Demonstration: Page Class Properties Demonstration: Page Class Methods Be sure to discuss the differences between intrinsic objects and page-specific properties. Of special interest are the ClientScriptManager class, which represents a separate object that groups all the methods that work with clientside scripts, and the IsCrossPagePostBack and PreviousPage properties because by using those properties, the target knows about the posting page and can retrieve the values of the original controls because a reference to the posting page is returned by the PreviousPage property. For additional information about the properties of directive, refer to the following tables in Introducing Microsoft ASP.NET 2.0 (Microsoft Press):! Table 1-3, New Intrinsic Objects in the Page Class! Table 1-4, Other New Properties of the Page Class For additional information about directive, refer to Table 1-5, New Methods of the Page Class, in Introducing Microsoft ASP.NET 2.0 (Microsoft Press).

9 Module 1: Creating an ASP.NET 2.0 Application ix Events and Life Cycle of a Page Practice: Implementing Cross-Page Postbacks The diagram on the slide illustrates and compares the page life cycles of ASP.NET 1.x and 2.0. For detailed information about each event in the life cycle, you can refer to the section titled The Page Life Cycle and Table 1-6, New Events of the Page Class, in Introducing Microsoft ASP.NET 2.0 (Microsoft Press). In Module 0, you performed a demonstration about how to use the virtual machines. But remember that this is the first opportunity for students to use the virtual machine to perform an activity in this course, so you should take a few moments to carefully go over how to start and log onto the GEN-STU-01 virtual machine. Be sure to encourage students to ask questions about this process because they will be using the virtual machine throughout the practices and labs in this course.

10 x Module 1: Creating an ASP.NET 2.0 Application Lab: Creating an ASP.NET 2.0 Application Exercise 2: Creating a Simple Shared Class Scenario reflection activity Begin by telling students that they will be creating a corporate intranet site for Adventure Works. The labs in this course essentially take the students through a variety of scenarios focused the components of the intranet site. Students will play the role of the senior Web developer at Adventure Works. Throughout this corporate intranet project, it will be the responsibility of the senior Web developer to design and implement ASP.NET applications and resolve issues that arise. The senior Web developer manages a team of developers, attends meetings with the senior management, and has frequent contact with all key members of the IT department. When introducing this lab, encourage students to read the scenarios and then reflect on how that information might apply to their own organizations. They will engage in a lab scenario discussion activity when they complete the module. This will help them keep the key business drivers in mind as they work through the practices. Also, be sure to show students the figure located after the Scenario section. This illustration provides an example of the application that students will create in this lab. When students begin the second exercise, you should mention the Refactor feature of Visual Studio 2005 as a way of creating properties. The Refactor feature enables you to encapsulate a field and create a property from the field that has been encapsulated. Allow no more than 5 to 10 minutes for this activity. It should be a simple and informal discussion that offers students the opportunity to think about what they learned in the lab and to draw comparisons to situations in their own organizations. It is easy to get off track during these types of discussions, so just remember to keep students focused on the subject of this module creating ASP.NET 2.0 applications by using the new IDE, post class, and controls. Make sure that students specifically discuss how to use Visual Studio 2005 to create Web sites and shared classes and how these capabilities might be applicable to their organizations.

11 Module 1: Creating an ASP.NET 2.0 Application 1 Overview *****************************ILLEGAL FOR NON-TRAINER USE******************************

12 2 Module 1: Creating an ASP.NET 2.0 Application Lesson: Evaluating the Features of the New Web Development Environment *****************************ILLEGAL FOR NON-TRAINER USE******************************

13 Module 1: Creating an ASP.NET 2.0 Application 3 Contrasting the Differences for Creating Applications in Visual Studio.NET 2003 and Visual Studio.NET 2005 *****************************ILLEGAL FOR NON-TRAINER USE****************************** See Introducing Microsoft ASP.NET 2.0, Chapter 1, Creating an ASP.NET 2.0 Application, Getting Started with Visual Studio 2005, pages 3 6.

14 4 Module 1: Creating an ASP.NET 2.0 Application Contrasting the Differences for Modifying Applications in Visual Studio.NET 2003 and Visual Studio.NET 2005 *****************************ILLEGAL FOR NON-TRAINER USE****************************** See Introducing Microsoft ASP.NET 2.0, Chapter 1, Creating an ASP.NET 2.0 Application, Getting Started with Visual Studio 2005, pages 3 6.

15 Module 1: Creating an ASP.NET 2.0 Application 5 Demonstration: How to Use the New Features in Visual Studio 2005 *****************************ILLEGAL FOR NON-TRAINER USE****************************** See Introducing Microsoft ASP.NET 2.0, Chapter 1, Creating an ASP.NET 2.0 Application, Creating a Sample Web Site, pages Instructions In this demonstration, you will see how to use the new features available in Microsoft Visual Studio Your instructor will show you how Visual Studio 2005 has the ability to:! Open a single file and still have Microsoft IntelliSense.! Create a component by using the drag-and-drop feature in source view.! Automatically create event code by using the double-click feature. Then, the instructor will discuss the new special folders and the embedded Web server. Your instructor will use the following values in this demonstration. Variable Virtual machine User Name Password Value GEN-STU-01 Administrator P@ssw0rd

16 6 Module 1: Creating an ASP.NET 2.0 Application Procedure! To prepare for this demonstration 1. If the virtual machine has been paused: On the GEN-STU-01 virtual machine, on the Action menu, click Resume. 2. If the virtual machine has been shut down: a. From the Desktop, double-click the Microsoft Virtual PC icon, highlight GEN-STU-01, and then click Start. b. After the GEN-STU-01 virtual machine boots, log on with a user name of Administrator and a password of P@ssw0rd. 3. If Visual Studio is not open: On the GEN-STU-01 virtual machine, click Start, click Microsoft Visual Studio 2005.! To open the demo1.aspx file 1. On the GEN-STU-01 virtual machine, in Microsoft Visual Studio 2005, on the File menu, click Open file. 2. In the Open Project window, in the File name box, type C:\Program Files\ Microsoft Learning\3201A\Democode\Mod01\Starter\language\Demo1\ Demo1.aspx, and then click Open. This opens the demo1.aspx file in Visual Studio Notice that IntelliSense works everywhere, including within data-binding expressions and page directives, even when you open a single file in Visual Studio Note This is a dual-language course that contains code samples, starter, and solution files for both C# and Microsoft Visual Basic.NET. You can choose the language in which you want to code to complete the procedures. When you see the word language (for example, StrongPassword.language), this indicates that the folder or file can be either C# or Visual Basic.NET. Choose the language you are using, and then proceed.! To add controls in Source view In Source view, drag the following controls onto the page: a. Drag a TextBox control to line 19, and modify its properties. <asp:textbox ID="Msg" Runat="server" Text="Hello, ASP.NET 2.0"></asp:TextBox> b. Drag a Button control to line 20, and modify its properties. <asp:button ID="Send" Runat="server" Text="Send" /> You can now drag and drop controls in Source view and see the generated HTML instead of seeing the control graphically rendered.

17 Module 1: Creating an ASP.NET 2.0 Application 7! To add event code 1. Switch to Design view, and then double-click the Send button. 2. Add code to the Send_Click event method. C# MsgSent.Text = Msg.Text; Visual Basic.NET MsgSent.Text = Msg.Text 3. Save the demo1.aspx file.! To demonstrate the Demo1 page 1. Right-click anywhere in the code and then click View in browser. 2. Show the functionality of the text box and button. Note As a developer, you are accustomed to adding values to your attributes. As you know, you can enclose a value with double-quotes, single quotes, or no quotes at all. In ASP.NET 2.0, the autocomplete functionality will complete your tag by using the same syntax with which you began. For example, if you begin to write your value with a double-quote, autocomplete inserts another double-quote to complete the tag. 3. Close the browser and the demo1.aspx file. 4. Close the browser and any open files or projects, but leave Visual Studio 2005 open. 5. On the GEN-STU-01 virtual machine, on the Action menu, click Pause.

18 8 Module 1: Creating an ASP.NET 2.0 Application Discussion questions 1. What is the Visual Web Developer Web Server? The local Web server is the default option used to debug a Web application, unless you explicitly open the project from an existing Internet Information Server (IIS) virtual directory. It works only with individual pages and does not include any of the extra features of IIS, such as Simple Mail Transfer Protocol (SMTP). An icon titled Visual Web Developer Web Server is created in the Quick Launch portion of the Taskbar. 2. What are Special Folders? Special Folders include the following: " The Bin folder The Bin folder contains all precompiled assemblies the application needs. " The Code folder The Code folder contains source class files (.vb or.cs) that the ASP.NET run-time engine dynamically compiles to assemblies. " The Resources folder The Resources folder contains resource files (.jpg,.resx,.xsd) that the ASP.NET run-time engine dynamically compiles to resource assemblies. " The Themes folder The Themes folder contains the definition of the themes supported by the application. The contents of this folder are compiled to a dynamic assembly.

19 Module 1: Creating an ASP.NET 2.0 Application 9 Practice: Developing Web Applications with Visual Studio.NET 2005 *****************************ILLEGAL FOR NON-TRAINER USE****************************** See Introducing Microsoft ASP.NET 2.0, Chapter 1, Creating an ASP.NET 2.0 Application, Creating a Sample Web Site, pages Introduction Instructions Reflect on your development experience using Visual Studio.NET 2003, and think about the features you liked. Decide which features or capabilities could be improved. Now that you have been introduced to some of the differences between Visual Studio.NET 2003 and Visual Studio.NET 2005, and some of the new key features of Visual Studio.NET 2005, you probably have thoughts about how Visual Studio.NET 2005 will change the way you approach application development. Read the following questions about Visual Studio.NET. Write down your answers in the lines provided below. Then, discuss your answers as a class.

20 10 Module 1: Creating an ASP.NET 2.0 Application Discussion questions 1. What are the key differences between Visual Studio 2003 and Visual Studio 2005? Visual Studio 2003 requires an IIS virtual directory and Microsoft FrontPage Server Extensions (FPSE) whereas Visual Studio 2005 does not. Also, Visual Studio 2003 does not support File Transfer Protocol (FTP), local file system, or direct IIS access, nor does it have the ability to open a single page outside of a project. 2. How can using Visual Studio 2005 improve or enhance publishing, compiling, and maintaining your Web applications? With Visual Studio.NET 2005, you can publish your projects straight to a Web server. This eliminates the need to re-compile your projects when you create or modify an application. Also, you do not need to open an entire project to make a modification; you can modify individual files.

21 Module 1: Creating an ASP.NET 2.0 Application 11 Lesson: Using the Compile-on-Demand Resources *****************************ILLEGAL FOR NON-TRAINER USE******************************

22 12 Module 1: Creating an ASP.NET 2.0 Application The Compile-on-Demand Resources of ASP.NET 2.0 *****************************ILLEGAL FOR NON-TRAINER USE****************************** See Introducing Microsoft ASP.NET 2.0, Chapter 1, Creating an ASP.NET 2.0 Application, The Code-Beside Model, page 11.

23 Module 1: Creating an ASP.NET 2.0 Application 13 Contrasting the Code-Behind Model and the Code-Beside Model *****************************ILLEGAL FOR NON-TRAINER USE****************************** See Introducing Microsoft ASP.NET 2.0, Chapter 1, Creating an ASP.NET 2.0 Application, The Code-Beside Model, pages

24 14 Module 1: Creating an ASP.NET 2.0 Application How Does the Partial Class Work? *****************************ILLEGAL FOR NON-TRAINER USE****************************** See Introducing Microsoft ASP.NET 2.0, Chapter 1, Creating an ASP.NET 2.0 Application, The Code-Beside Model, page 11.

25 Module 1: Creating an ASP.NET 2.0 Application 15 What Is a Shared Class? *****************************ILLEGAL FOR NON-TRAINER USE****************************** See Introducing Microsoft ASP.NET 2.0, Chapter 1, Creating an ASP.NET 2.0 Application, The Code-Beside Model, page 12.

26 16 Module 1: Creating an ASP.NET 2.0 Application Demonstration: How to Build a Shared Class *****************************ILLEGAL FOR NON-TRAINER USE****************************** See Introducing Microsoft ASP.NET 2.0, Chapter 1, Creating an ASP.NET 2.0 Application, The Code-Beside Model, page 12. Introduction In this demonstration, you will see an example of how to create a shared class for use by all resources in a Microsoft ASP.NET application. This demonstration creates a shared class that generates and validates a strong password. For the purposes of this demonstration, a strong password is defined as being at least eight characters long and must contain at least one character from each of the following groups: uppercase, lowercase, digits, and special characters. Your instructor will use the following values in this demonstration. Variable Virtual machine User Name Password Value GEN-STU-01 Administrator P@ssw0rd Procedure! To prepare for this demonstration On the GEN-STU-01 virtual machine, on the Action menu, click Resume.! To open the Demo project 1. In Visual Studio 2005, on the File menu, click Open Web site. 2. In the Open Web Site window, browse to C:\Program Files\ Microsoft Learning\3201A\Democode\Mod01\Starter\language\Demo2, and then click Open.

27 Module 1: Creating an ASP.NET 2.0 Application 17! To open the StrongPassword.language file In Solution Explorer, expand the Code folder, and then double-click StrongPassword.language. This opens the StrongPassword.language file into the Edit window.! To review the class code 1. Review the class code. 2. Review the following features: a. The references for the StrongPassword class at the top of the file. C# using System; using System.Collections; using System.Text; Visual Basic.NET Imports System Imports System.Collections Imports System.Text b. The class code includes the private members: MINIMUMLENGTH, PunctuationMarks, and m_password. C# private const int MINIMUMLENGTH = 8; private char[] PunctuationMarks = { '.', ',', '!', '?', '*', '&', '@', '$', '^', ';' }; private string m_password; Visual Basic.NET Private MINIMUMLENGTH As Integer = 8 Private PunctuationMarks As Char()= _ {"."c, ","c, "!"c, "?"c, "*"c, "&"c, "@"c, "$"c, "^"c,! ";"c} Private m_password As String Create these members to assist in the validation and generation of passwords.

28 18 Module 1: Creating an ASP.NET 2.0 Application c. The class code includes two publicly available methods: Validate and Generate. C# public bool Validate (string password) { m_password = password; return Validate(); } public bool Validate() { if (m_password == "") return false; return ValidateInternal(); } public string Generate() { return GenerateInternal (MINIMUMLENGTH); } public string Generate(int passwordlength) { return GenerateInternal(passwordLength); } Visual Basic.NET Public Overloads Function Validate(password As String) As Boolean m_password = password Return Validate() End Function 'Validate Public Overloads Function Validate() As Boolean If m_password = "" Then Return False End If Return ValidateInternal() End Function 'Validate Public Overloads Function Generate() As String Return GenerateInternal(MINIMUMLENGTH) End Function 'Generate Public Overloads Function Generate(passwordLength As Integer) As String Return GenerateInternal(passwordLength) End Function 'Generate The application calls these methods to either ensure that a password is strong (based on our definition), or to create a new strong password, respectively.

29 Module 1: Creating an ASP.NET 2.0 Application 19! To review the ValidateInternal and GenerateInternal methods 1. Review the existing private method ValidateInternal, and note the following features: a. The method validates the length of the password. C# if (m_password.length <MINIMUMLENGTH) return false; Visual Basic.NET If m_password.length < MINIMUMLENGTH Then Return False End If The private method returns false to the calling method if the password length is less than the default minimum length. b. The method then validates that at least one special character is present. C# int puncpos = m_password.indexofany (PunctuationMarks); if (puncpos == -1) return false; Visual Basic.NET Dim puncpos As Integer = _ m_password.indexofany(punctuationmarks) If puncpos = - 1 Then Return False End If The private method returns false to the calling method if there are no special characters present in the password.

30 20 Module 1: Creating an ASP.NET 2.0 Application c. Next, the method validates that a number is present in the password. C# char[] Digits = {'0','1','2','3','4','5','6','7','8','9'}; int digitpos = m_password.indexofany (Digits); if (digitpos == -1) return false; Visual Basic.NET Dim Digits As Char() = {"0"c, "1"c, "2"c, "3"c, "4"c, _ "5"c, "6"c, "7"c, "8"c, "9"c} Dim digitpos As Integer = m_password.indexofany(digits) If digitpos = - 1 Then Return False End If The private method returns false to the calling method if there are no digits present in the password. d. The method then validates that the password contains at least one lowercase character and at least one uppercase character. C# bool foundlower = false; for (int i = 0; i < m_password.length; i++) { char c = m_password[i]; if (c >= 'a' && c <= 'z') { foundlower = true; break; } } if (!foundlower) return false; bool foundupper = false; for (int i = 0; i < m_password.length; i++) { char c = m_password[i]; if (c >= 'A' && c <= 'Z') { foundupper = true; break; } } if (!foundupper) return false;

31 Module 1: Creating an ASP.NET 2.0 Application 21 Visual Basic.NET Dim foundlower As Boolean = False Dim i As Integer For i = 0 To m_password.length - 1 Dim c As Char = m_password(i) If c >= "a"c And c <= "z"c Then foundlower = True Exit For End If Next i If Not foundlower Then Return False End If Dim foundupper As Boolean = False For i = 0 To m_password.length - 1 Dim c As Char = m_password(i) If c >= "A"c And c <= "Z"c Then foundupper = True Exit For End If Next i If Not foundupper Then Return False End If The private method returns false to the calling method if there are no lowercase or uppercase characters present in the password. e. Finally, the method returns true to the calling method if all strong password criteria are met. C# return true; Visual Basic.NET Return True The private method returns to the calling method if there are no special characters present in the password.

32 22 Module 1: Creating an ASP.NET 2.0 Application 2. Review the existing private method GenerateInternal, and note the following features: a. First, the method defines a random generator. C# Random rndgenerator = new Random ((int)datetime.now.ticks); Visual Basic.NET Dim rndgenerator As New Random(CInt(DateTime.Now.Second)) b. Next, the method defines a return buffer. C# ArrayList buffer = new ArrayList (); for (int i = 0; i < passwordlength; i++) buffer.add (""); Visual Basic.NET Dim buffer As New ArrayList() Dim i As Integer For i = 0 To passwordlength - 1 buffer.add("") Next i An ArrayList is used to simplify coding but does not necessarily improve performance. Add as many empty items as there are password characters. Then, insert characters in the randomly generated position without worrying about colliding positions. Here, you are exploiting the capability of lists to grow dynamically. Empty items enable any insert to work without worrying about indexes. c. Next, the method selects a random punctuation mark and adds it to the buffer. C# int puncpos = rndgenerator.next (0, passwordlength - 1); int puncmarkindex = rndgenerator.next (0, PunctuationMarks.Length - 1); buffer.insert (puncpos,punctuationmarks[puncmarkindex]); Visual Basic.NET Dim puncpos As Integer = _ rndgenerator.next(0, passwordlength - 1) Dim puncmarkindex As Integer = _ rndgenerator.next(0, PunctuationMarks.Length - 1) buffer.insert(puncpos, PunctuationMarks(puncMarkIndex))

33 Module 1: Creating an ASP.NET 2.0 Application 23 d. The method then selects two random digits and adds them to the buffer. C# int digit1pos = rndgenerator.next (0, passwordlength - 1); int digit2pos = rndgenerator.next (0, passwordlength - 1); int digit1 = rndgenerator.next (0, 9); int digit2 = rndgenerator.next (0, 9); buffer.insert (digit1pos, digit1); buffer.insert (digit2pos, digit2); Visual Basic.NET Dim digit1pos As Integer = _ rndgenerator.next(0, passwordlength - 1) Dim digit2pos As Integer = _ rndgenerator.next(0, passwordlength - 1) Dim digit1 As Integer = rndgenerator.next(0, 9) Dim digit2 As Integer = rndgenerator.next(0, 9) buffer.insert(digit1pos, digit1) buffer.insert(digit2pos, digit2) e. Next, the method adds lowercase and uppercase letters to the buffer. C# int numberoflowercase = (int)(passwordlength - 3) / 2; for (int i = 0; i < numberoflowercase; i++) { int pos = rndgenerator.next (0, passwordlength - 1); int val = rndgenerator.next ('a', 'z'); buffer.insert (pos, ((char)val).tostring ()); } int numberofuppercase = passwordlength numberoflowercase; for (int i = 0; i < numberofuppercase; i++) { int pos = rndgenerator.next (0, passwordlength - 1); int val = rndgenerator.next ('A', 'Z'); buffer.insert (pos, ((char)val).tostring ()); }

34 24 Module 1: Creating an ASP.NET 2.0 Application Visual Basic.NET Dim numberoflowercase As Integer = _ CInt(passwordLength - 3) / 2 For i = 0 To numberoflowercase - 1 Dim pos As Integer = rndgenerator.next(0, _ passwordlength - 1) Dim val As Integer = rndgenerator.next(ascw("a"), _ AscW("z")) buffer.insert(pos, ChrW(val).ToString()) Next i Dim numberofuppercase As Integer = _ passwordlength numberoflowercase For i = 0 To numberofuppercase - 1 Dim pos As Integer = _ rndgenerator.next(0, passwordlength - 1) Dim val As Integer = rndgenerator.next(ascw("a"), _ AscW("Z")) buffer.insert(pos, ChrW(val).ToString()) Next i f. Finally, the method removes empty items, and then builds and returns the string. C# StringBuilder sb = new StringBuilder (""); foreach (object o in buffer) { if (o.tostring ()!= "") sb.append (o.tostring ()); } return sb.tostring (); Visual Basic.NET Dim sb As New StringBuilder("") Dim o As Object For Each o In buffer If o.tostring() <> "" Then sb.append(o.tostring()) End If Next o Return sb.tostring() The class file is saved in the special Code folder and is compiled by the ASP.NET 2.0 Framework on demand.

35 Module 1: Creating an ASP.NET 2.0 Application 25! To demonstrate the shared class 1. In Solution Explorer, right-click pwdgen.aspx, and then click Open. 2. Point out the buttongenerate_click and buttonvalidate_click event handler s use of the StrongPassword casting. 3. Right-click anywhere on the code, and select View in browser. 4. Demonstrate the Suggest the password and Validate the password functionality. 5. Close the browser and any open files or projects, but leave Visual Studio 2005 open. 6. On the GEN-STU-01 virtual machine, on the Action menu, click Pause.

36 26 Module 1: Creating an ASP.NET 2.0 Application Lesson: Using the Page Object Model *****************************ILLEGAL FOR NON-TRAINER USE******************************

37 Module 1: Creating an ASP.NET 2.0 Application 27 New Attributes Directive *****************************ILLEGAL FOR NON-TRAINER USE****************************** See Introducing Microsoft ASP.NET 2.0, Chapter 1, Creating an ASP.NET 2.0 Application, The Page Object Model, pages

38 28 Module 1: Creating an ASP.NET 2.0 Application Properties and Methods of the Page Class *****************************ILLEGAL FOR NON-TRAINER USE****************************** See Introducing Microsoft ASP.NET 2.0, Chapter 1, Creating an ASP.NET 2.0 Application, The Page Object Model, pages

39 Module 1: Creating an ASP.NET 2.0 Application 29 Demonstration: How to Use Page Class Properties *****************************ILLEGAL FOR NON-TRAINER USE****************************** See Introducing Microsoft ASP.NET 2.0, Chapter 1, Creating an ASP.NET 2.0 Application, The Page Object Model, pages Introduction In this demonstration, you will see an example of how to use one of the new Page class properties introduced in ASP.NET 2.0. The properties of the Page object fall into two distinct groups: intrinsic objects and page-specific properties. Intrinsic objects include references to environmental stand-alone objects, such as Cache, User, and Trace, plus all of the classic intrinsic objects that form the HTTP context, such as Session, Application, Request, and the like. Page-specific properties are all of the properties that affect or describe the state of the page for example, IsPostBack, EnableViewState, and SmartNavigation. A list of the available Page class properties can be found in Introduction to ASP.NET 2.0 in Table 1-3, New Intrinsic Properties of the Page Class, and in Table 1-4, Other New Properties of the Page Class. This demonstration shows how to dynamically set properties of the head tag in a Web form. The Header property is a new Page property that inherits the HtmlHead class. Your instructor will use the following values in this demonstration. Variable Virtual machine User Name Password Value GEN-STU-01 Administrator P@ssw0rd

40 30 Module 1: Creating an ASP.NET 2.0 Application Procedure! To prepare for this demonstration On the GEN-STU-01 virtual machine, on the Action menu, click Resume.! To open the Demo3 project 1. In Visual Studio 2005, from the File menu, click Open File. 2. In the Open File window, browse to C:\Program Files\Microsoft Learning\ 3201A\Democode\Mod01\Starter\language\Demo3\demo3.aspx and then click Open.! Review the page 1. Review the script and head portions of the page noting the following features: a. The page uses the code-beside model. <script runat="server"> b. The html head tag is marked to run from the server. <head runat="server"> Setting the html head tag to run from the server allows the programmer to make changes to the contents of the <head> tag at run time. c. The event code for buttonset_click changes the Title of the page. C# void buttonset_click(object sender, EventArgs e) { Header.Title = Msg.Text; } Visual Basic.NET Sub buttonset_click(sender As Object, e As EventArgs) Header.Title = Msg.Text End Sub 'buttonset_click You set the text of the page title by changing the Title attribute of the Header property.

41 Module 1: Creating an ASP.NET 2.0 Application 31 d. The html head tag is marked to run from the server. C# void buttonmetaset_click(object sender, EventArgs e) { string format = "<meta http-equiv='refresh' content='{0}' />"; LiteralControl equiv; equiv = new LiteralControl(String.Format(format, Content.Text)); ((Control)Header).Controls.Add(equiv); Response.Write("This text will disappear in a few seconds..."); } Visual Basic.NET Sub buttonmetaset_click(sender As Object, _ e As EventArgs) Dim format As String = _ "<meta http-equiv='refresh' content='{0}' />" Dim equiv As LiteralControl equiv = New LiteralControl([String].Format(format, _ Content.Text)) CType(Header, Control).Controls.Add(equiv) Response.Write("This text will disappear in a few seconds...") End Sub 'buttonmetaset_click You can add, remove, or modify any elements of the <head> tag programmatically because it is set to run from the server.! Demonstrate the Page property 1. Right-click anywhere on the code and select View in browser. 2. Click the appropriate Set button to demonstrate the Set the title and Set HTTP-EQUIV tag functionality. 3. Review the page. 4. Close the browser and any open files or projects, but leave Visual Studio 2005 open. 5. On the GEN-STU-01 virtual machine, on the Action menu, click Pause.

42 32 Module 1: Creating an ASP.NET 2.0 Application Demonstration: How to Use Page Class Methods *****************************ILLEGAL FOR NON-TRAINER USE****************************** See Introducing Microsoft ASP.NET 2.0, Chapter 1, Creating an ASP.NET 2.0 Application, The Page Object Model, pages Introduction In this demonstration, you will see an example of how to use one of the new page class methods introduced in ASP.NET 2.0. A complete list of the new Page class methods is available in Introduction to ASP.NET 2.0 intable 1-5, New Methods of the Page Class. The instructor will show how to dynamically set the focus to a specific text box on a Web form. The SetFocus method is a new Page method that inherits the Controls class. Your instructor will use the following values in this demonstration. Variable Virtual machine User Name Password Value GEN-STU-01 Administrator P@ssw0rd Procedure! To prepare for this demonstration On the GEN-STU-01 virtual machine, on the Action menu, click Resume.! To open the Demo4 project 1. In Visual Studio 2005, from the File menu, click Open File. 2. In the Open File window, browse to C:\Program Files\Microsoft Learning\ 3201A\Democode\Mod01\Starter\language\Demo4\demo4.aspx, and then click Open.

43 Module 1: Creating an ASP.NET 2.0 Application 33! To review the page Review the script portion of the page, noting the following features: a. The page uses the code-beside model. <script runat="server"> b. The Page_Load event is used to determine when to implement the SetFocus method. C# void Page_Load(object sender, EventArgs e) { if (!IsPostBack) SetFocus("User"); } Visual Basic.NET Sub Page_Load(sender As Object, e As EventArgs) If Not IsPostBack Then SetFocus("User") End If End Sub 'Page_Load Use the standard IsPostBack property tested, and if the page is in the initial viewing state, then the focus is set to the User TextBox control.! To demonstrate the Page property 1. Right-click anywhere on the code and then select View in browser. 2. Point out that the cursor is focused in the User text box.

44 34 Module 1: Creating an ASP.NET 2.0 Application! To view the source 1. Right-click anywhere on the page and then select View source. 2. Find and review the contents of the hidden field created to hold the control with the last focus. <input type="hidden" name=" LASTFOCUS" value="" /> 3. Find and review the key JavaScript code embedded in the HTML that is used to set the focus. <script src="webresource.axd?a=s&r=webforms.js&t= " type="text/javascript"></script> <script src="webresource.axd?a=s&r=focus.js&t= " type="text/javascript"></script> <script type="text/javascript"> <!-- WebForm_AutoFocus('User') // --> </script> 4. Close the browser and any open files or projects, but leave Visual Studio 2005 open. 5. On the GEN-STU-01 virtual machine, on the Action menu, click Pause.

45 Module 1: Creating an ASP.NET 2.0 Application 35 Events and Life Cycle of a Page *****************************ILLEGAL FOR NON-TRAINER USE****************************** See Introducing Microsoft ASP.NET 2.0, Chapter 1, Creating an ASP.NET 2.0 Application, The Page Object Model, pages

46 36 Module 1: Creating an ASP.NET 2.0 Application Practice: Implementing Cross-Page Postbacks *****************************ILLEGAL FOR NON-TRAINER USE****************************** See Introducing Microsoft ASP.NET 2.0, Chapter 1, Creating an ASP.NET 2.0 Application, The Page Object Model, pages Introduction In this practice, you will create a set of Web forms to implement cross-page postbacks. The ability to post information from one Web form to another is a new feature of ASP.NET 2.0. It allows you to separate business logic and information processing from your user interface and design. By implementing a logical cross-page, post-back structure for your site, you cut down on redundant code and make controlling and updating code a simpler task. Use the following values in this practice. Variable Virtual machine User Name Password Value GEN-STU-01 Administrator P@ssw0rd

47 Module 1: Creating an ASP.NET 2.0 Application 37 Procedures! To prepare for this practice 1. If the virtual machine has been paused: On the GEN-STU-01 virtual machine, on the Action menu, click Resume. 2. If the virtual machine has been shut down: a. From the Desktop, double-click the Microsoft Virtual PC icon, highlight GEN-STU-01, and then click Start. b. After the GEN-STU-01 virtual machine boots, log on with a user name of Administrator and a password of P@ssw0rd. 3. If Visual Studio is not open: On the GEN-STU-01 virtual machine, click Start, click Microsoft Visual Studio 2005! To open the Mod1 project 1. In Visual Studio 2005, on the File menu, click Open Web Site. 2. In the Open Web Site window, browse to C:\Program Files\ Microsoft Learning\3201A\Practices\Mod01\Starter\language\Practice1, and then click Open. Note This is a dual-language course that contains code snippets, starter, and solution files for both C# and Visual Basic.NET. You can choose the language in which you want to code to complete the procedures. When you see the word language (for example, StrongPassword.language), this indicates that the folder or file can be either C# or Visual Basic.NET. Choose the language that you are using and then proceed.! To code the post.aspx page 1. In Solution Explorer, double-click the file post.aspx. 2. Enter the following code on line 8: <h1>type some text and post</h1> 3. Enter the following code on line 9: <asp:textbox id="data" text="introducing ASP.NET 2.0" runat="server" /> 4. Enter the following code on line 11: <asp:button id="buttonpost" runat="server" text="post..." PostBackUrl="target.aspx" /> 5. Save the file post.aspx.

48 38 Module 1: Creating an ASP.NET 2.0 Application! To code the target.aspx page 1. Double-click the file target.aspx. 2. Enter the following code within the script tag: C# void Page_Load(object sender, EventArgs e) { if (PreviousPage == null) { Response.Write("Sorry. You can only invoke me through cross-page posting."); Response.End(); return; } TextBox txt = (TextBox) PreviousPage.FindControl("Data"); Response.Write("<b>You passed:</b> " + txt.text); } Visual Basic.NET Sub Page_Load(sender As Object, e As EventArgs) If PreviousPage Is Nothing Then Response.Write("Sorry. You can only invoke me through cross-page posting.") Response.End() Return End If Dim txt As TextBox = _ CType(PreviousPage.FindControl("Data"), TextBox) Response.Write(("<b>You passed:</b> " + txt.text)) End Sub 'Page_Load 3. Save the file target.aspx.! To test the post.aspx page 1. Switch back to the file post.aspx by clicking the post.aspx tab at the top of the Edit window. 2. Right-click anywhere on the code and select View in browser. 3. Test and review your page. 4. Close the browser and any open files or projects, but leave Visual Studio 2005 open. 5. On the GEN-STU-01 virtual machine, on the Action menu, click Pause.

49 Lab A: Creating an ASP.NET 2.0 Application Module 1: Creating an ASP.NET 2.0 Application 39 *****************************ILLEGAL FOR NON-TRAINER USE****************************** Objectives After completing this lab, you will be able to:! Create a Web site using Visual Studio 2005.! Create a shared class. Note This lab focuses on the concepts presented in this module and as a result may not comply with Microsoft security recommendations. Prerequisites For more information Scenario You must have either viewed all of the instructor-led demonstrations and completed all of the practices in this module, or have equivalent knowledge and experience. If you would like supporting information to help you complete the lab exercises, you can:! Review the instructor-led demonstrations and practices in this module for detailed steps of the tasks required in this lab.! Use Dynamic Help for detailed information on the controls, code, and objects.! Refer to related content in the book Introducing Microsoft ASP.NET 2.0.! Open the solution files located on both the virtual machine and your Student compact disc at C:\Program Files\Microsoft Learning\3201A\Labfiles\ Mod01\Solution\language\. Senior management at Adventure Works wants a complete re-design of the corporate intranet, which consists of sub-web sites built using disparate Web technologies DHTML, ASP, ASP.NET, and so on.

50 40 Module 1: Creating an ASP.NET 2.0 Application Project Goals Adventure Works wants to design, build, and deploy an intranet site that has:! A consistent user interface! Standardized corporate branding! Support for role-based and personalized content Project Requirements Adventure Works senior management has highlighted the following requirements to accomplish the stated project goals:! Each corporate group in the company will be given a budget to manage and will be responsible for allocating the resources required to meet the project goals.! The Adventure Works Web development team will support the corporate groups and will be responsible for developing the corporate-level infrastructure needed to accomplish the project goals. Throughout this course, you will represent the senior Adventure Works Web developer. You are the manager of the Web development team. It will be your team s responsibility to accomplish the tasks assigned in each lab. You will be provided the background information and specific instructions necessary to complete your tasks in the Scenario section at the beginning of each lab and each exercise. The following figure provides a sample of the application that you will create during the lab exercises. Estimated time to complete this lab: 45 minutes