Lập trình Thiết kế Web Bài Giới thiệu ASP NET. Ths. Trần Thị Bích Hạnh. Khoa CNTT – ĐH.KHTN

Trang 1

Khoa CNTT – ĐH.KHTN

Bài 2

Giới thiệu ASP NET

Ths Trần Thị Bích Hạnh

Lập trình và Thiết kế Web 2 – Bài 2: Giới thiệu ASP NET

Nội dung

Trang 2

Nội dung

3

Giới thiệu ASP NET

– Công nghệ của Microsoft cho phép xây dựng các ứng dụng

web động

– Dựa trên nền tảng NET Framework

– Được phát triển lên từ ASP

Trang 3

Ưu điểm của ASP

và dễ dàng

5

Khuyết điểm của ASP

Trang 4

Các điểm nổi bật của ASP.NET

7

Trang 5

9

Nội dung

Trang 6

Giới thiệu về NET Framework

khai và vận hành các ứng dụng Win/Web cũng như Web Service

11

Giới thiệu về NET Framework – version 2.0

 Giúp đơn giản hóa quá

trình phát triển, tích hợp

sản phẩm

 NET Framework không

 Các ngôn ngữ đang

được hỗ trợ : C++, C# ,

VB.NET, Jscript

Trang 7

Cơ chế hoạt động của NET Framework

13

Windows Presentation Foundation (WPF).

Windows Cardspace

Windows Communications Foundation (WCF).

Windows Workflow Foundation (WF).

Trang 8

15

Nội dung

Trang 9

Cấu trúc một ứng dụng ASP.NET

Web Client

Operating System

ASP.NET Applications

IIS

.NET Framework

17

Các thành phần của một ứng dụng ASP NET

Nội dung

Cấu hình

Lập trình xử lý

Web Form

Trang 10

Các thành phần của một ứng dụng ASP NET(tt)

server thông qua điều khiển của IIS

19

Nội dung

Trang 11

Cơ chế xử lý một trang ASP.NET

21

Demo

Trang 12

Nội dung

23

Cấu trúc một Web Form aspx

– Directives

– Code Declaration Blocks

– Code Render Blocks

– Web Controls

– Server-side comments

– Literal Text và HTML Tags

Trang 13

Cấu trúc một Web Form aspx

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>Sample Page</title>

void Page_Load()

{

messageLabel.Text = "Hello World";

}

</script>

</head>

<body>

<% comment here %>

<p>

<asp:Label id="messageLabel" runat="server" />

</p>

<p>

<% Declare the title as string and set it %>

<% string Title = "This is generated by a code render " +

"block."; %>

<%= Title %>

</p>

</form>

</body>

</html>

Page directives

Code declaration Blocks

Server-side comments

Web controls Code render Blocks Literal text và html tags

25

Directives

 Chứa các chỉ thị cho biết cách thức Web Form được biên dịch

 Được khai báo trong <%@ %> và có thể đặt tại bất kỳ vị trí nào trên Web Form

 Một số thuộc tính quan trọng: Language , AutoEventWireup ,

Ví dụ:

<%@ Language =“C#” AutoEventWireup =“true”

Trang 14

Code declaration blocks

 Được khai báo nếu phần xử lý logic của chương trình được thể hiện ngay trong Web Form ( không sử dụng code behind )

 Khai báo các phương thức hoặc các hàm xử lý sự kiện

Ví dụ:

<script runat="server" >

void mySub()

{

// Code here

}

void Page_Load( )

{

// Code here

}

</script>

27

Code Render Blocks

hoặc trả nội dung về phía người dùng

– Inline Code

– Inline Expression

Trang 15

Code Render Blocks - Inline Code

 Bao gồm các lệnh xử lý trên server nhưng không trả nội dung về phía trình duyệt

 Thường được sử dụng để khai báo biến

 Được khai báo trong cặp thẻ <% %>

Ví dụ:

<%

string Title = "This is generated by a code render block.";

%>

29

Code Render Blocks - Inline Expression

 Code xử lý trả thông tin về trình duyệt

 Thông tin trả về có thể là nội dung của một biến hoặc kết quả của việc gọi thực hiện một phương thức

 Được khai báo trong cặp thẻ <%= %>

Ví dụ:

<%

string Title = "This is generated by a code render block.";

%>

<%= Title %> hoặc <%= mySub () %>

Trang 16

Web Controls

 Bao gồm 3 loại:

– Html Control

– Html Server Control

– Asp.net Server Control

 Được khai báo trong thẻ

Ví dụ:

<asp:Label ID= “Label1” runat= “server” Text= “Text Content” />

<asp:TextBox ID= “TextBox1” runat= “server” Text= “Enter text here” />

31

Server-side comments

– Html Comment : <!– comment >

– Asp.net Comment : <% comment %>

thích hợp để comment nội dung Asp.net server-side code

duyệt nhưng sẽ được xử lý bởi Asp.net runtime

Trang 17

Server-side comments

 Ví dụ:

<! <% string Title = "This is generated by a code render block."; %>

<%= Title %>

>

Kết xuất tại trình duyệt:

<! This is generated by a code render block.

>

33

Literal Text và HTML Tags

qua các thẻ Html ) cùng với nội dung hiển thị tĩnh ( literal text )

cấu trúc và trình duyệt sẽ không hiển thị được

Trang 18

Literal Text và HTML Tags

Ví dụ:

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>Sample Page</title>

void Page_Load()

{

messageLabel.Text = "Hello World";

}

</script>

</head>

<body>

<p>

<asp:Label id="messageLabel" runat="server" />

</p>

<p>

<% Declare the title as string and set it %>

<% string Title = "This is generated by a code render " +

"block."; %>

<%= Title %>

</p>

</form>

</body>

</html>

35

Web Form được xây dựng với code behind

 Code behind: là file mã nguồn ( C#, VB.net ) chứa khai báo lớp có nhiệm

vụ xử lý các logic nghiệp vụ của chương trình hay các sự kiện xảy ra khi người dùng tương tác với WebForm

 Tên của lớp này trùng với tên của WebForm

Ví dụ: nếu tên WebForm là index  tên class sẽ là index

 Tất cả các class xử lý sự kiện trên WebForm đều kế thừa từ lớp

System.Web.UI.Page

 Tất cả các class đều chứa hàm Page_Load tự động gọi thực hiện khi

Trang 19

Web Form được xây dựng với code behind

37

Tổng kết

Tiêu đề	Giới thiệu ASP .NET
Tác giả	Ths. Trần Thị Bích Hạnh
Trường học	Khoa Công Nghệ Thông Tin – Đại Học Khoa Học Tự Nhiên
Chuyên ngành	Lập trình và Thiết kế Web
Thể loại	Bài giảng
Năm xuất bản	2009
Thành phố	Hà Nội

Định dạng
Số trang	19
Dung lượng	914,73 KB