Bài 2: Thiết kê và lập trình web với ASP.NET - Giới thiệu ASP.NET

Windows Cardspace Windows Communications Foundation WCF.. Windows Workflow Foundation WF.

Trang 1

L p trình và Thi t k Web 2

Bài 2

Gi i

Gi i thi u thi u ASP ASP NET NET

Gi i

Gi i thi u thi u ASP ASP NET NET

Ths Tr n Th Bích H nh

Khoa CNTT Khoa CNTT – – H.KHTN

N i d

N i dung

Gi i thi u v ASP NET

Gi i thi u v NET Framework

Các thành ph n c a m t ng d ng ASP NET

C u trúc c a 1 WebForm

2

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

N i d

N i dung

Gi i

Gi i thi thi ASP NET

Gi i

Gi i thi u thi u ASP NET ASP NET

ASP NET

– D a trên n n t ng D a trên n n t ng NET Framework NET Framework

– c phát tri n lên t ASP

Trang 2

đi ASP

u đi m đi m c a c a ASP ASP

Công nghCông ngh Server-side scriptingServer side scripting

Cho phép t o các ng d ng web đ n gi n, nhanh chóng

và d dàng

T o trang web có tích h pn i dungđ ng

5

Khuy t đi m đi m c a c a ASP ASP

Ch h tr 2 lo i ngôn ng :Ch h tr 2 lo i ngôn ng : VBScriptVBScriptvàvàJavaScriptJavaScript

Không t ng thích trình duy t

Tái s d ng code kém

6

Các đi m n i b t c a ASP.NET

H trH tr đa ngôn ng :đa ngôn ng : C#C#,, VB.NETVB.NET,, J#J#

ASP code đ c l pv i HTML và text

Các đi m n i b t c a ASP.NET Các đi m n i b t c a ASP.NET

SS d ng c chd ng c ch Server-side CachingServer side Caching

 i cùng v inhi u server controlđ c xây d ng s n

T đ ng nh n d ng trình duy t ng i dùng đang s d ng

Trang 3

Cá đi i b t ASP NET

Các đi m n i b t c a ASP.NET

Web ServiceWeb Service: tri n khai m t hàm t: tri n khai m t hàm t xa thông qua webxa thông qua web

9

N i d

N i dung

Các thành ph n c a m t ng d ng Web

10

Gi i thi u v NET Framework

.NET Frameworklà n n t ng cho Microsoft.NET Platformg

.NET Framework là môi tr ng cho vi c xây d ng, tri n

khai và v n hành các ng d ng Win/Web c ng nhg g g Web

Service

Gi i thi u v NET Framework – – version version 2 2 0 0

 Giúp p đ n gi n hóa g quá q 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 :

Trang 4

C h h h h t t đđ NET F NET F k k

C

C ch ch ho t ho t đ ng đ ng c a c a NET Framework NET Framework

13

Windows Presentation Foundation (WPF).

Windows Cardspace

Windows Communications Foundation (WCF).

Windows Workflow Foundation (WF).

14

N i d

N i dung

Gi i thi u v ASP.NET

Các thành ph n c a m t ng d ng Web

Trang 5

C S

C u trúc m t ng d ng ASP.NET

W b Cli t Web Client

ASP.NET Applications

IIS

Applications

NET NET Framework

Operating System

17

Cá

Các Các thành thành ph n ph n c a c a m t m t ng ng d ng d ng ASP NET ASP NET

N i

N i dungdung

W b Form

L p

L p trình x lýtrình x lý

C u hình

18

Cá

Cá thà h thà h h h tt d ASP NET( ASP NET(tt tt))

Các

Các thành thành ph n ph n c a c a m t m t ng ng d ng d ng ASP NET( ASP NET(tt tt))

Trong m t ng d ng ASP NET hoàn ch nh các ph n th c

Trong m t ng d ng ASP NET hoàn ch nh, các ph n th c

thi c a Web Form đ c l u trong cácfile dllvà ch y trên

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

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

N i d

N i dung

C ch x lý m t ng d ng ASP.NET

Trang 6

C h lý t t ASP NET

C ch x lý m t trang ASP.NET

21

D Demo

Gi i thi u cách t o ASP.NET Web Project

Các ch đ Thi t k và l p trình

Biên d ch và Tri n khai Web Project

22

N i d

N i dung

C

C u trúc m t Web Form aspx

M t Web Form bao g m các thành ph n:

– Directives Code Declaration Blocks – Code Declaration Blocks – Code Render Blocks

W b C t l – Web Controls – Server-side comments – Literal Text và HTML Tags

Code Declaration Blocks và Code Render Blocks có th đ t

Trang 7

C u trúc m t Web Form aspx

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

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

Page directives

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

<html>

<head>

<title>Sample Page</title>

Literal text và html tags

void Page_Load()

{

messageLabel.Text = "Hello World";

}

</script>

Code declaration Blocks

</head>

<body>

<% comment here %>

< >

Server-side comments

<p>

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

</p>

<p>

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

Web controls

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

"block."; %>

<%= Title %>

</p>

</form>

Code render Blocks

</form>

</body>

</html>

25

Directives

 Ch a các ch th cho bi t cách th c Web Form Ch a các ch th cho bi t cách th c Web Form đ c biên d ch đ 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 CodeFile

Ví d :

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

26

C d d d l l ti ti bl bl k k

Code declaration blocks

 c khai báo n u ph n x c khai báo n u ph n x lý logic c a ch lý logic c a ch ng trình ng trình đ c đ 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 :

i

void mySub()

{

// Code here

}

void Page_Load( )

C d R R d d Bl Bl k k Code Render Blocks

Là các đo n code đ c th c thi khi m t trang đ c n p

ho c tr n i dung v phía ngg p g i dùng.g

Bao g m 2 lo i:

Inline Code – Inline Code – Inline Expression

Trang 8

C d R R d d Bl Bl k k I liI li C dC d

Code Render Blocks Blocks Inline Code

Bao g m các l nh xBao g m các l nh x lý trên server nh ng không tr lý trên server nh ng không tr

n i dung v phía trình duy t

Ví d :

<% %

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

%>

29

C d R R d d Bl Bl k k I li I li E E i i Code Render Blocks Blocks Inline Expression

 Code x Code x lý tr thông tin v trình duy t 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 g p ng th c g

 c khai báo trong c p th <%= %>

Ví d :

<%

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

%>

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

30

C

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” />

S Server Server side commentsside comments

Th hi n các ghi chú trên Web Form

S d ng m t trong 2 d ng:

– Html Comment : <!–comment >

– Asp.net Comment : <% comment %>

Html comment s đ c g i v trình duy t do đó không thích h p đ comment n i dung Asp.net server-side code

Asp.net comment đ c dùng đ n thông tin đ i v i trình duy t nh ng s đ c x lý b i Asp.net runtime

Trang 9

Server

Server side commentsside comments

 Ví d :

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

<% 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

This is generated by a code render block.

>

33

Literal Text và HTML Tags

Cung c p c u trúc đ nh d ng thông tin trang web ( thông qua các th Html ) cùng v i n i dung hi n th t nh ( literal

text )

N u không có thành ph n này, trang web s không cóN u không có thành ph n này, trang web s không có

c u trúc và trình duy t s không hi n th đ c

34

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" />

 Code behind: là file mã ngu n ( C#, VB.net ) ch a khai báo l p có nhi m 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 y g

Trang 10

W b F đ â d i d b hi d

Ví d :

37

T ng

T ng k t k t

 uuđi m ASP NETđi m ASP NET

C u trúc WebForm

38

Định dạng
Số trang	10
Dung lượng	555,92 KB