Upload
jane-beryl-caldwell
View
238
Download
1
Embed Size (px)
Citation preview
Introduction to ASP.NET
T.Ahlam Algharasi
05.2
The Visual Studio IDE
• Start page
05.3
Websites in Visual Studio• Create a new ASP.NET application.
05.4
Websites in Visual Studio
• The New Web Site window
05.5
Websites in Visual Studio
• The New Web Site window allows you to specify three details:
– Template: The template determines what files your website starts with. Visual Studio supports two types of basic ASP.NET applications: web site applications and web service applications.
– Location: The location specifies where the website files will be stored.
– Language: The language identifies the .NET programming language you’ll use to code your website.
05.6
The Visual Studio IDE
21
3
4
05.7
The Visual Studio IDEDescription Windows
Lists the files and subfolders that are in the web application folder.
Solution Explorer
Shows ASP.NET’s built-in server controls and any third- party controls or custom controls that you build yourself and add to the Toolbox. Controls can be written in any language and used in any language.
Toolbox
Allows you to configure the currently selected element, whether it’s a file in the Solution Explorer or a control on the design surface of a web form.
Properties
Reports on errors that Visual Studio has detected in your code but that you haven’t resolved yet.
Error List
05.8
Solution Explorer
• It allows you to see the files that are in the web application directory.
• ASP.NET File Types
Description File
These are ASP.NET web pages .They contain the user interface and, optionally, the underlyingapplication code.
Ends with .aspx
These are ASP.NET user controls. User controls are similar to web pages, except that they can’t be accessed directly. User controls allow you to develop an important piece of the user interface and reuse it in as many web forms as you want without repetitive code.
Ends with .ascx
05.9
Solution Explorer• ASP.NET File Types
Description File
This is the XML-based configuration file for your ASP.NET application. It includes settings for customizing security, memory management, and much more.
web.config
These are ASP.NET web services. Web services work differently than web pages, but they still share the same application resources, configuration settings, and memory.
Ends with .asmx
These are code-behind files that contain vb code. They allow you to separate the application from the user interface of a web page.
Ends with .vb
Solution Explorer
• “App_Data” Folder
– This directory is reserved for data storage, including
database files , XML files, and other data store files. Of
course, you’re free to store data files in other directories.
05.10
05.11
Toolbox Tabs
Description Tab
This tab includes the rich web server controls that are the heart of ASP.NET’s web form model.
Standard
These components allow you to connect to a database. Data
These controls allow you to verify an associated input control against user-defined rules. For example, you can specify the input can’t be empty, it must be a number, it must be greater than a certain value, and so on.
Validation
These controls are designed to display site maps and allow the user to navigate from one page to another.
Navigation
These controls provide prebuilt security solutions, such as login boxes and a wizardfor creating users.
Login
05.12
Toolbox Tabs
• You can customize both the tabs and the items in each tab. – To modify the tab groups, right-click a tab heading, and select
Rename Tab, Add Tab, or Delete Tab. – To add an item, right-click the blank space on the Toolbox, and
Select Items. You can also drag items from one tab group to another.
Description Tab
This tab allows you to drag and drop static HTML elements. HTML
Provides a repository for code snippets and control objects. Just drag and drop them here, and pull them off when you need to use them later.
General
05.13
Code Debugging
• To test this page, select Debug Start Debugging from the ➤menu. Because this is the first time running any page in this application, Visual Studio will inform you that you need a configuration file that specifically enables debugging
• Click OK to add this configuration file.
ASP.net Server
05.14
The Coding Model
• Visual Studio supports two models for coding web pages and web services:
– Code-behind• This model separates each ASP.NET web page into two
files: an .aspx markup file with the HTML and control tags, and a .vb code file with the source code for the page.• This model provides better organization• important when building complex pages.
05.15
The Coding Model
Code-behind Example “Default.aspx” Page
05.16
The Coding Model
Code-behind Example “Default.aspx.vb” Page
05.17
The Coding Model
– Inline code • This model is the closest to traditional ASP. All the code
and HTML is stored in a single .aspx file. The code is embedded in one or more script blocks. • it’s popular for coding simple web pages.
05.18
The Coding Model Inline code Example
05.19
Choosing the coding model
• When you add a new web page to your website (using Website Add New Item), the Place Code in a Separate File check box ➤
chooses whether you want to use the code-behind model or not.
05.20
Web Forms • The term used to describe an ASP.NET web page is web form.
– The basic structure of a web form is shown here:
Controls
05.22
Server Controls
• Server controls– are a fundamental part of the ASP.NET architecture.– are tags that are understood by the server.
• There are three kinds of server controls:– HTML Server Controls - Traditional HTML tags – Web Server Controls - New ASP.NET tags – Validation Controls - For input validation
05.23
Server Controls
• HTML Server Controls
– HTML server controls are standard
HTML tags and are declared with
the runat="server" attribute.
– The runat="server" attribute
indicates that the form should be
processed on the server.
05.24
Server Controls
• Web Server Controls
– These classes duplicate the functionalities of the
basic HTML tags but have a more consistent and
meaningful set of properties and methods that
make it easier for the developer to declare and
access them.
05.25
Server Controls
• Validation Controls
– are used to validate user-input. For Example If the user-
input does not pass validation, it will display an error
message to the user.
Questions
05.26