Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Microsoft C# Professional Projects - Premier Press.pdf
Скачиваний:
177
Добавлен:
24.05.2014
Размер:
14.65 Mб
Скачать

DESIGNING THE APPLICATION

Chapter 20

465

 

 

 

 

Designing Application Forms

The application provides different forms for users in different roles. For example, business managers are provided with four forms: AddFl.aspx, RequestID.aspx, Reports.aspx, and FreqFl.aspx. All forms pertaining to different roles were discussed in Chapter 18.

In this section, I explain the controls that you need to add to each Web form and the properties of Web forms that you need to configure. After this section, all Web forms for the application will be ready.

Standardizing the Interface of the Application

All Web forms for the SkyShark Airlines application have a standard interface, which is derived by adding a banner to a header.htm file and including the file on each Web page. Next, I have added a menu bar, which resembles a tab control, on top of each Web form. To do this, I created four similar images with different tabs selected and showing the images at the same position on each Web form. A collage of these images is shown in Figure 20-4.

FIGURE 20-4 Creating a menu bar for the application

Now, when a user selects different screens, distinct images are displayed but give the impression that the same screen contains several tabs.

Common Forms in the Application

There are a number of common forms used by employees at all positions in SkyShark Airlines. In this section, I will explain the design of these forms.

466 Project 4 CREATING AN AIRLINE RESERVATION PORTAL

Default.aspx

The default.aspx form is the first form displayed when a user visits a Web site. The default.aspx form is the logon form for the Web application. When users visit the Web application, they need to log on by specifying their logon credentials in the default.aspx form. Subsequently, depending upon the position of the user, the user is redirected to other forms of the Web application.

You can change the form WebForm1.aspx, added to the Web application by default, to make the form the default.aspx page. To do so, follow these steps:

1.Right-click on WebForm1.aspx in Solution Explorer and select Rename.

2.Type the name of the form as default.aspx.

3.Double-click on default.aspx to open the code-behind file in the Code Editor window.

4.Change the name of the class to WebLogonForm.

5.Return to the design view of the default.aspx form.

6.In the design view of the form, in the @ Page directive in the first line, change the name of the class to WebLogonForm. The new @ Page directive is given as follows:

<%@ Page language=”c#” Codebehind=”default.aspx.cs” AutoEventWireup=”false”

Inherits=”SkyShark.WebLogonForm” %>

NOTE

By performing these steps, you have changed the name and the default class associated with the Web form.These steps need to be carried out for all Web forms that you will add to the project. However, I will not repeat these steps separately for each Web form.

To design the default.aspx form, add controls to it and change their properties as shown in Table 20-2.

 

DESIGNING THE APPLICATION

Chapter 20

467

Table 20-2 Controls in the Default.aspx Form

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Control Type

ID

Properties Changed

 

 

 

 

 

 

 

 

 

 

 

TextBox

txtUserName

None

 

 

 

 

TextBox

txtPassword

TextMode=Password

 

 

 

 

Button

btnSubmit

Text=Submit

 

 

 

 

Label

lblMessage

ForeColor=Red

 

 

 

 

 

 

Text=""

 

 

 

 

 

 

Font:Bold=True

 

 

 

 

RequiredFieldValidator

RequiredFieldValidator

ControlToValidate=txtUserName

 

 

 

ErrorMessage=Please specify a valid

 

 

 

user name.

 

 

 

 

RequiredFieldValidator

RequiredFieldValidator2

ControlToValidate=txtPassword

 

 

 

ErrorMessage=Please specify a valid

 

 

 

password.

 

 

 

 

 

 

 

 

 

 

 

In the preceding table, I have not included the details of the User Name and Password labels. You need to add these controls to the form as well. The completed default.aspx form is shown in Figure 20-5.

FIGURE 20-5 The default.aspx page

468 Project 4 CREATING AN AIRLINE RESERVATION PORTAL

Logoff.aspx

The Logoff.aspx form is used to display the logoff page when a user logs off from the Web site.The controls I have added to the Logoff.aspx form are summarized in Table 20-3.

Table 20-3 Controls in the Logoff.aspx Form

 

Control Type

ID

 

 

Y

 

 

 

 

 

Properties Changed

 

 

TextArea

None

 

L

 

 

Hyperlink

 

F

NavigateUrl=default.aspx

 

 

HyperLink1

 

 

 

 

 

 

M

 

Text=Click here to logon.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

A

 

 

 

 

 

TIP

E

 

 

 

 

 

TextArea is an H

T

 

 

 

 

 

 

ML control. herefore, you need not specify any values for the

 

control.

The Logoff.aspx page is shown in Figure 20-6.

FIGURE 20-6 The Logoff.aspx page

Team-Fly®

DESIGNING THE APPLICATION

Chapter 20

469

 

 

 

 

ChangePassword.aspx

The ChangePassword.aspx form is used by authenticated users to change their passwords. The controls you need to add to the ChangePassword.aspx form are given in Table 20-4.

Table 20-4 Controls in the ChangePassword.aspx Form

Control Type

ID

Properties Changed

Label

txtUser

Text=Changing Password for:

TextBox

txtPassword

TextMode=Password

TextBox

txtConfPassword

TextMode=Password

Button

btnSubmit

Text=Submit

RequiredFieldValidator

RequiredFieldValidator1

ErrorMessage=Please specify a valid

 

 

password.

 

 

ControlToValidate=txtPassword

RequiredFieldValidator

RequiredFieldValidator2

ErrorMessage=Please specify a valid

 

 

password.

 

 

ControlToValidate=txtConfPassword

CompareValidator

CompareValidator1

ErrorMessage=The passwords

 

 

specified by you do not match.

 

 

Please try again.

 

 

ControlToValidate=txtConfPassword

 

 

ControlToCompare=txtPassword

 

 

 

In the ChangePassword.aspx form,the txtUser control is used to display the logon name of the user who is currently logged on.This control is common to all forms in the application. The CompareValidator1 control is used to ensure that the user specifies identical values in the txtPassword and txtConfPassword controls. The completed ChangePassword.aspx form is shown in Figure 20-7.