ASP.NET Pearson Education, Inc. All rights reserved.

Size: px

Start display at page:

Allyson Golden
5 years ago
Views:

1 1 ASP.NET

2 2 Rule One: Our client is always right. Rule Two: If you think our client is wrong, see Rule One. Anonymous

3 Introduction ASP.NET 2.0 and Web Forms and Controls Web application development with Microsoft s ASP.NET 2.0 technology Web Form files have the filename extension.aspx and contain the Web page s GUI Every ASPX file created in Visual Studio has a corresponding class written in a.net language, such as Visual Basic/ C# - Contains event handlers, initialization code, utility methods and other supporting code - Called the code-behind file - Provides the ASPX file s programmatic implementation

4 Creating and Running a Simple Web- 4 Form Example Program consists of two related files ASPX file C# code-behind file Example Show the output Step-by-step process to create the program Present the code (much of which is generated by Visual Studio)

5 5 WebTime ouput WebTime.cs Program Output

6 Creating and Running a Simple Web Form Example 6 Adding Web Form for project WebTime (Right click on project in Solution Explorer)

7 Creating and Running a Simple Web Form Example 7 Click on Add New Item and Add a Web Form for project WebTime.

8 Creating and Running a Simple Web Form Example 8 codebehind file ASPX file

9 Creating and Running a Simple Web Form Example 9 codebehind file ASPX file Solution Explorer window for project WebTime.

10 10 Creating and Running a Simple Web Form Example Toolbox in Visual Web Developer.

11 Creating and Running a Simple Web Form Example 11 Design mode button Source mode of Web Forms designer.

12 Creating and Running a Simple Web Form Example 12 Split mode of Web Forms designer.

13 Creating and Running a Simple Web Form Example 13 Code-behind file for WebTime.aspx.cs generated by Visual Web Developer.

14 Designing the Page 14 Designing a Web Form as simple as a Windows Form Use Toolbox to add controls to page in Design mode Control and other elements are placed sequentially on a Web Form position is relative to Web Forms upper left corner Alternate type layout (absolute positioning) is discouraged

15 Designing the Page 15 label Web Form WebForm.aspx after adding Label and setting its properties.

16 16 Adding Page Logic Open WebTime.aspx.cs Add to Page_Load event handler //display the server's current time in timelabel timelabel.text=datetime.now.tostring("hh:mm:ss");

17 17 Running the Program Can view the Web Form several ways Select Debug > Start Without Debugging - runs the app by opening it in a browser window - If created on a local file system URL Debug>Start Debugging - view web app in a web browser with debugging enabled - Do you want IDE to modify the web.config file to enable debugging? Click OK Finally, can open web browser and type the web page s URL in the Address field

18 Directive to specify information needed to process file WebTime.aspx This attribute determines how event handlers are linked to a <%-- Fig. 22.4: WebTime.aspx --%> control s events <%-- A page that displays the current time in a Label. --%> <%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebTime.aspx.cs" Inherits="WebTime" EnableSessionState="False" %> 18 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head runat="server"> <title>simple Web Form Example</title> <style type="text/css"> #form1 { height: 255px; width: 655px; }.style1 { font-size: large; } </style> </head> Document type declaration, specifies document element name and URI Title for web page AutoEventWireUp set to true so ASP.NET treats method of name Page_eventName as an event handler for a specified event Specify class in the code-behind file from which this ASP.NET document

19 <body> <form id="form1" runat="server"> <div> Body tag, beginning of Web page s viewable content 19 <h2> <p> </div> Current time on the Web Server:</h2> </p> <asp:label ID="timeLabel" runat="server" </form> </body> </html> BackColor="Black" Font-Size="XX-Large" ForeColor="Lime"></asp:Label> Attribute indicates the server processes the form and generates HTML for client The asp:label control maps to HTML span element markup for the Label Web control

20 // WebTime.aspx.cs // The code-behind file for a page that displays the Web server's time. using System; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; // definitions for graphical controls used in Web Forms using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; public partial class WebTime : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { //display the server's current time in timelabel timelabel.text = DateTime.Now.ToString("hh:mm:ss"); } } Contains classes that manage client requests and server responses Contain classes for creation of Web-based applications and controls Event raised when Web page loads 20 Set timelabel s Text property to Web server s time

21 Examining an ASPX File Examining an ASPX File ASP.NET comments begin with <%-- and terminate with --%> Page directive - Specifies the language of the code-behind file ASP.NET markup is not case-sensitive, so using a different case is not problematic

22 Examining an ASPX File runat attribute - Indicates that when a client requests this ASPX file: Process the head element and its nested elements on the server Generate the corresponding XHTML Sent to the client asp: tag prefix in a control declaration - Indicates that it is an ASP.NET Web control Each Web control maps to a corresponding XHTML element - When processing a Web control, ASP.NET generates XHTML markup that will be sent to the client to represent that control in a Web browser span element - Contains text that is displayed in a Web page

23 1 <%-- Fig. 25.1: WebTime.aspx --%> 2 <%-- A page that displays the current time in a Label. --%> 3 <%@ Page Language="VB" AutoEventWireup="false" CodeFile="WebTime.aspx.vb" 4 Inherits="WebTime" EnableSessionState="False" %> 5 6 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 7 " 8 9 <html xmlns=" > 10 <head runat="server"> 11 <title>a Simple Web Form Example</title> 12 </head> 13 <body> 14 <form id="form1" runat="server"> 15 <div> 16 <h2> 17 Current time on the Web server:</h2> 18 <p> 19 <asp:label ID="timeLabel" runat="server" BackColor="Black" 20 EnableViewState="False" Font-Size="XX-Large" 21 ForeColor="Yellow"></asp:Label> 22 </p> 23 </div> 24 </form> 25 </body> 26 </html> Outline ASP.NET comments WebTime.aspx Page directive to specify information needed by ASP.NET to process this file Document type declaration Mark up of a label web control Pearson Education, Inc. All rights reserved.

24 1 ' Fig. 25.2: WebTime.aspx.vb 2 ' Code-behind file for a page that displays the current time. 3 Partial Class WebTime 4 Inherits System.Web.UI.Page 5 6 ' initializes the contents of the page 7 Protected Sub Page_Init(ByVal sender As Object, _ 8 ByVal e As System.EventArgs) Handles Me.Init 9 ' display the server's current time in timelabel 10 timelabel.text = DateTime.Now.ToString("hh:mm:ss") 11 End Sub ' Page_Init 12 End Class ' WebTime Outline Retrieves the current time and formats it as hh:mm:ss WebTime.aspx.vb Pearson Education, Inc. All rights reserved.

25 Examining the XHTML Generated by an ASP.NET Application 25 XHTML Generated by an ASP.NET Application XHTML forms can contain visual and nonvisual components Attribute method Specifies the method by which the Web browser submits the form to the server Attribute action Identifies the name and location of the resource that will be requested when this form is submitted The runat attribute is removed when the form is processed on the server The method and action attributes are added The resulting XHTML form is sent to the client browser 2007 Pearson Education, Inc. All rights reserved.

26 1  2  3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 4 " 5 6 <html xmlns=" > 7 <head> 8 <title>a Simple Web Form Example</title> 9 </head> 10 <body> 11 <form name="form1" method="post" action="webtime.aspx" id="form1"> 12 <div> 13 <input type="hidden" name=" VIEWSTATE" id=" VIEWSTATE" value= 14 "/wepdwujodexmde5nzy5zgszvbs789nqeeonueqcncjqeugykw==" /> 15 </div> <div> 18 <h2>current time on the Web server:</h2> 19 <p> 20 <span id="timelabel" style="color:yellow; 21 background-color:black;font-size:xx-large;">13:51:12</span> 22 </p> 23 </div> 24 </form> 25 </body> 26 </html> Outline WebTime.html Declaration for a non-visual component: hidden input Represents the text in the label Pearson Education, Inc. All rights reserved.

27 27 Web Controls

28 Text and Graphics Controls Web control Label TextBox Button HyperLink DropDownList RadioButtonList Image Description Displays text that the user cannot edit. Gathers user input and displays text. Triggers an event when clicked. Displays a hyperlink. Displays a drop-down list of choices from which you can select an item. Groups radio buttons. Displays images (e.g., GIF and JPG) Pearson Education, Inc. All rights reserved.

29 1 <%-- Fig : WebControls.aspx --%> 2 <%-- Registration form that demonstrates Web controls. --%> 3 <%@ Page Language="VB" AutoEventWireup="false" 4 CodeFile="WebControls.aspx.vb" Inherits="WebControls" %> 5 6 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 7 " 8 9 <html xmlns=" 10 <head runat="server"> 11 <title>web Controls Demonstration</title> 12 </head> 13 <body> 14 <form id="form1" runat="server"> 15 <div> 16 <h3>this is a sample registration form.</h3> 17 <p> 18 <em>please fill in all fields and click Register.</em></p> 19 <p> 20 <asp:image ID="userInformationImage" runat="server" 21 EnableViewState="False" ImageUrl="~/Images/user.png" /> 22 <span style="color: teal"> 23 Please fill out the fields below.</span> 24 </p> 25 <table id="table1"> 26 <tr> Set the color of a specific piece of text 27 <td style="width: 230px; height: 21px" valign="top"> 28 <asp:image ID="firstNameImage" runat="server" Outline WebControls.aspx (1 of 5) Pearson Education, Inc. All rights reserved.

30 29 EnableViewState="False" ImageUrl="~/Images/fname.png" /> 30 <asp:textbox ID="firstNameTextBox" runat="server" 31 EnableViewState="False"></asp:TextBox> 32 </td> 33 <td style="width: 231px; height: 21px" valign="top"> 34 <asp:image ID="lastNameImage" runat="server" 35 EnableViewState="False" ImageUrl="~/Images/lname.png" /> 36 <asp:textbox ID="lastNameTextBox" runat="server" 37 EnableViewState="False"></asp:TextBox> 38 </td> 39 </tr> 40 <tr> 41 <td style="width: 230px" valign="top"> 42 <asp:image ID=" Image" runat="server" 43 EnableViewState="False" ImageUrl="~/Images/ .png" /> 44 <asp:textbox ID=" TextBox" runat="server" 45 EnableViewState="False"></asp:TextBox> 46 </td> 47 <td style="width: 231px" valign="top"> 48 <asp:image ID="phoneImage" runat="server" 49 EnableViewState="False" ImageUrl="~/Images/phone.png" /> 50 <asp:textbox ID="phoneTextBox" runat="server" 51 EnableViewState="False"></asp:TextBox> 52 Must be in the form (555) </td> 54 </tr> 55 </table> 56 <p> Outline WebControls.aspx (2 of 5) Define a TextBox control used to collect the user s first name Pearson Education, Inc. All rights reserved.

31 57 <asp:image ID="publicationsImage" runat="server" 58 EnableViewState="False" 59 ImageUrl="~/Images/publications.png" /> 60 <span style="color: teal"> 61 Which book would you like information about?</span> 62 </p> 63 <p> 64 <asp:dropdownlist ID="booksDropDownList" runat="server" 65 EnableViewState="False"> 66 <asp:listitem>visual Basic 2005 How to Program 3e 67 </asp:listitem> 68 <asp:listitem>visual C# 2005 How to Program 2e 69 </asp:listitem> 70 <asp:listitem>java How to Program 6e</asp:ListItem> 71 <asp:listitem>c++ How to Program 5e</asp:ListItem> 72 <asp:listitem>xml How to Program 1e</asp:ListItem> 73 </asp:dropdownlist> 74 </p> 75 <p> 76 <asp:hyperlink ID="booksHyperLink" runat="server" 77 EnableViewState="False" NavigateUrl=" 78 Target="_blank"> 79 Click here to view more information about our books 80 </asp:hyperlink> 81 </p> 82 <p> 83 <asp:image ID="osImage" runat="server" EnableViewState="False" 84 ImageUrl="~/Images/os.png" /> Outline Defines a DropDownList WebControls.aspx (3 of 5) Each item in the dropdown list is defined by a ListItem element Adds a hyperlink to the web page Pearson Education, Inc. All rights reserved.

32 85 <span style="color: teal"> 86 Which operating system are you using?</span> 87 </p> 88 <p> 89 <asp:radiobuttonlist ID="operatingSystemRadioButtonList" 90 runat="server" EnableViewState="False"> 91 <asp:listitem>windows XP</asp:ListItem> 92 <asp:listitem>windows 2000</asp:ListItem> 93 <asp:listitem>windows NT</asp:ListItem> 94 <asp:listitem>linux</asp:listitem> 95 <asp:listitem>other</asp:listitem> 96 </asp:radiobuttonlist> 97 </p> 98 <p> 99 <asp:button ID="registerButton" runat="server" 100 EnableViewState="False" Text="Register" /> 101 </p> 102 </div> 103 </form> 104 </body> 105 </html> Outline WebControls.aspx Defines a (4 of 5) RadioButtonList control Each item in the dropdown list is defined by a ListItem element Defines a Button web control Pearson Education, Inc. All rights reserved.

34 34 Fig DropDownList Tasks smart tag menu.

ASP.NET Security. 7/26/2017 EC512 Prof. Skinner 1

ASP.NET Security. 7/26/2017 EC512 Prof. Skinner 1 ASP.NET Security 7/26/2017 EC512 Prof. Skinner 1 ASP.NET Security Architecture 7/26/2017 EC512 Prof. Skinner 2 Security Types IIS security Not ASP.NET specific Requires Windows accounts (NTFS file system)