Bi 1:

LM QUEN VI ASP.NET
Gii thiu v ASP.NET & cc khi nim c bn
ng dng Web
ASP.NET
Cu trc ng dng ASP.NET
Web Form
S kin
i tng Request/Response
PostPack
Mc tiu bi hc
Gii thiu v ASP.NET & cc khi nim c bn
ng dng Web
ASP.NET
Cu trc ng dng ASP.NET
Web Form
S kin
i tng Request/Response
PostPack
Lm quen vi ASP.NET 2
Mc tiu bi hc
1. Gii thiu v m hnh MVC
1. ASP.NET & Cc khi nim c bn
Lm quen vi ASP.NET 3
1. Gii thiu v m hnh MVC
2. Pht trin ng dng ASP.NET
3. Kim th v g li ng dng
Lm quen vi ASP.NET 4
ngdngWebl mt ng dng client/ server c
truy cp thng qua trnh duyt Web trn mng
internet hoc intrannet.
Mt ng dng Web gm tp hp cc trang Web c
vit bng ngn ng do trnh duyt h tr nh: html,
asp.net, java, javascript
ng dng Web
Server
ngdngWebl mt ng dng client/ server c
truy cp thng qua trnh duyt Web trn mng
internet hoc intrannet.
Mt ng dng Web gm tp hp cc trang Web c
vit bng ngn ng do trnh duyt h tr nh: html,
asp.net, java, javascript
Lm quen vi ASP.NET 5
Internet
My client
Server
Trnh duyt
Web
Server Web
Server CSDL
Ngi dng ti my client s dng trnh duyt gi yu
cu ti Server Web. Server Webx l v gi li
phn hi ti trnh duyt. Trnh duyt x l v hin
th giao din trang Webcho ngi dng
Trnh duyt Web v Server Web s dng giao thc HTTP
trao i thng tin.
Ngi dng gi yu cu HTTP ti trnh duyt bng cch
nhp a ch (URL) vo trnh duyt
V d v URL:
http://www.vietphotoshop.com/html/html_chapter_1.htm
ng dng Web
Ngi dng ti my client s dng trnh duyt gi yu
cu ti Server Web. Server Webx l v gi li
phn hi ti trnh duyt. Trnh duyt x l v hin
th giao din trang Webcho ngi dng
Trnh duyt Web v Server Web s dng giao thc HTTP
trao i thng tin.
Ngi dng gi yu cu HTTP ti trnh duyt bng cch
nhp a ch (URL) vo trnh duyt
V d v URL:
http://www.vietphotoshop.com/html/html_chapter_1.htm
Lm quen vi ASP.NET 6
Ngi dng gi yu cu
bng cch nhp a ch
URL
Hai loi ng dng Web
Web tnh
Vit bng ngn ng nh du vn bn (HTML)
Khng c CSDL i km vi ng dng
Trang .html ch xy dng vi mc ch cung cp thng tin
V d:
http://www.vietphotoshop.com/html/html_chapter_1.htm
Web ng
Vit bng ngn ng: Asp.net, J SP, PHP
C tng tc vi ngi dng. Ni dung trang l ng, hin
th khc nhau p ng cc s kin (nhp liu, nhn chut)
ca ngi dng
Lu tr d liu trong CSDL
http://www.bodua.com/tailieu.aspx?bdg=114&bdgs=7
ng dng Web
Hai loi ng dng Web
Web tnh
Vit bng ngn ng nh du vn bn (HTML)
Khng c CSDL i km vi ng dng
Trang .html ch xy dng vi mc ch cung cp thng tin
V d:
http://www.vietphotoshop.com/html/html_chapter_1.htm
Web ng
Vit bng ngn ng: Asp.net, J SP, PHP
C tng tc vi ngi dng. Ni dung trang l ng, hin
th khc nhau p ng cc s kin (nhp liu, nhn chut)
ca ngi dng
Lu tr d liu trong CSDL
http://www.bodua.com/tailieu.aspx?bdg=114&bdgs=7
Lm quen vi ASP.NET 7
ASP.NET l mt framework c pht trin xy
dngcc trang webngkt hp gia HTML, CSS,
J avaScript v m kch bn pha server.
ASP.NET l mt phn
ca .NET Framework
ASP.NET
ASP.NET l mt framework c pht trin xy
dngcc trang webngkt hp gia HTML, CSS,
J avaScript v m kch bn pha server.
ASP.NET l mt phn
ca .NET Framework
Lm quen vi ASP.NET 8
Ni dung demo:
Chy th ng dng Web ASP.NET
Nhp thng tin vo cc trng
Nhn chut vo button Calculate v Clear khm ph s
thay i ni dung ca trang Web ng
Demo
Chy th mt ng dng Web ASP.NET
Lm quen vi ASP.NET 9
Cu trc ng dng ASP.NET
1. Th mc cc lp ca ng dng
2. Th mc cha file CSDL
3. Th mc cha File nh
4. Cc Web Formtng ng vi
cc trang ca ng dng
5. File cu hnh ng dng
Cc thnh phn 4, 5 l thnh
phn bt buc phi c
Ngoi ra cn c thm th mc:
cha file css
Cu trc ng dng ASP.NET
Cu trc ng dng ASP.NET
1. Th mc cc lp ca ng dng
2. Th mc cha file CSDL
3. Th mc cha File nh
4. Cc Web Formtng ng vi
cc trang ca ng dng
5. File cu hnh ng dng
Cc thnh phn 4, 5 l thnh
phn bt buc phi c
Ngoi ra cn c thm th mc:
cha file css
Lm quen vi ASP.NET 10
Trong mt ng dng ASP.NET, mi trang Webc gi
l mt Web Form
C hai m hnh vit m cho mt Web Form
1. M hnh trang n
Web Form
Trang ASP.NET
(file .aspx)
Trong mt ng dng ASP.NET, mi trang Webc gi
l mt Web Form
C hai m hnh vit m cho mt Web Form
1. M hnh trang n
Lm quen vi ASP.NET 11
Trang ASP.NET
(file .aspx)
M nh du
(Mark Code)
Trnh by giao din
M lp trnh
(x l s kin)
-iu khin
HTML
- iu khin
ASP.NET
- CSS.
C#
hoc VB
2. M hnh trang code-behind (code-behind page model)
Hu nh cc lp trnh vin ASP.NET u s dng m
hnh Code-behind v c nhiu u im: d vit v c
m, h tr bi visual studio
Web Form
File cha m nh du (.aspx)
Cha m nh du v m gi
file code-behind
File code-behind (.cs)
Cha cc m lp trnh x l s
kin trang
Gi (Call)
2. M hnh trang code-behind (code-behind page model)
Hu nh cc lp trnh vin ASP.NET u s dng m
hnh Code-behind v c nhiu u im: d vit v c
m, h tr bi visual studio
Lm quen vi ASP.NET 12
M aspx: Cha cc m trnh by giao din trang: HTML,
ASP.NET, CSS
V d v Web Form
s dng m hnh Code-behind
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SimpleWebForm.aspx.cs"
Inherits="SimpleWebForm" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Mt Web Form n gin</title>
</head>
<body style="height: 141px">
<form id="frmSimpleWebForm" runat="server">
<div style="height: 133px">
y l mt Web Form n gin
<br />
User:
<asp:TextBox ID="txtUser" runat="server"></asp:TextBox>
<br />
<asp:Button ID="btnSubmit" runat="server" Text="Submit" />
</div>
</form>
</body>
</html>
Tiu trang
Dng ch dn <@Page.>
Thuc tnh CodeFile ch ra tn file code-
behind ca WebForm
Inherits ch ra tn lp ca Web Form
Lm quen vi ASP.NET 13
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SimpleWebForm.aspx.cs"
Inherits="SimpleWebForm" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Mt Web Form n gin</title>
</head>
<body style="height: 141px">
<form id="frmSimpleWebForm" runat="server">
<div style="height: 133px">
y l mt Web Form n gin
<br />
User:
<asp:TextBox ID="txtUser" runat="server"></asp:TextBox>
<br />
<asp:Button ID="btnSubmit" runat="server" Text="Submit" />
</div>
</form>
</body>
</html>
Tiu trang
Phn ni dung trang
Web nm trong th
<form>
Cha: on vn bn,
m HTML, iu khin
ASP.NET
M cs: Cha cc phng thc x l s kin trang
V d v Web Form
s dng m hnh Code-behind
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class SimpleWebForm : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
// Cc m x l s kin Load ca trang
// Thng l cc m khi to gi tr Default cho cc iu khin
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
// M x l s kin ngi dng nhn vo button Submit
}
}
Khai bo cc namespace cn thit
Tn lp tha k lp Page. Tn lp
ny c khai bo trong dng ch
dn @Page ca fle aspx
Lm quen vi ASP.NET 14
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class SimpleWebForm : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
// Cc m x l s kin Load ca trang
// Thng l cc m khi to gi tr Default cho cc iu khin
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
// M x l s kin ngi dng nhn vo button Submit
}
}
Tn lp tha k lp Page. Tn lp
ny c khai bo trong dng ch
dn @Page ca fle aspx
S kin l nhng hnh ngc ngi dng kch
hot trn Web Formkhi ng dng ang chy.
V d: Nhn vo button, nhn phm
ASP.NET l m hnh lp trnh hng s kin
Mi s kin c x l bi mt khi m nm trong file
.cs, gi l phng thc x l s kin.
Hai loi s kin
S kin t ng kch hot
Cc s kin trong vng i ca trang
S kin do ngi ngi dng kch hot
S kin
S kin l nhng hnh ngc ngi dng kch
hot trn Web Formkhi ng dng ang chy.
V d: Nhn vo button, nhn phm
ASP.NET l m hnh lp trnh hng s kin
Mi s kin c x l bi mt khi m nm trong file
.cs, gi l phng thc x l s kin.
Hai loi s kin
S kin t ng kch hot
Cc s kin trong vng i ca trang
S kin do ngi ngi dng kch hot
Lm quen vi ASP.NET 15
S kin Chut
ly mi
Phn hi By
sp
Vng i ca mt trang Web
S kin trong
vng i ca mt trang Web
Init
Load
S kin
(Event)
protected void Page_Init(object sender,
EventArgs e) { }
protected void Page_Load(object sender,
EventArgs e) { }
Lm quen vi ASP.NET 16
Pre Render
Unload
S kin
(Event)
protected void Page_PreRender (object
sender, EventArgs e) { }
protected void Page_Unload (object
sender, EventArgs e) { }
Mt phng thc x l s kin n gin
Khi ngi dng nhn chut vo button Submit. Trang Web
s hin th dng ch Bn va bm vo button Submit
Phng thc x l s kin
Lm quen vi ASP.NET 17
protected void btnSubmit_Click(object sender, EventArgs e)
{
Response.Write("Bn va bm vo button Submit";
}
ASP.NET duy tr cc thng tin
trao i gia Client v Server
thng qua cc i tng:
Request
Response
Server
ASP.NET cung cp cc lp
HttpRequest , HttpResponse,
HttpServerUtility thuc
namespace System.Web lm
vic vi cc i tng ny
i tng Request/ Response
HTTP Request
HTTP Response
ASP.NET duy tr cc thng tin
trao i gia Client v Server
thng qua cc i tng:
Request
Response
Server
ASP.NET cung cp cc lp
HttpRequest , HttpResponse,
HttpServerUtility thuc
namespace System.Web lm
vic vi cc i tng ny
Lm quen vi ASP.NET 18
PostPack l qu trnh gi tr li cc thng tin t trnh
duyt ti Server x l.
Khi ngi dng tng tc vi trang web bng cch to
mt s kin, trang s c gi tr li server v tri qua
vng i ging nh mt trang mi.
Thuc tnh IsPostPack ca lp Page c dng
kim tra trang c yu cu ln u tin hay l kt qu
ca qu trnh PostPack
PostPack
PostPack l qu trnh gi tr li cc thng tin t trnh
duyt ti Server x l.
Khi ngi dng tng tc vi trang web bng cch to
mt s kin, trang s c gi tr li server v tri qua
vng i ging nh mt trang mi.
Thuc tnh IsPostPack ca lp Page c dng
kim tra trang c yu cu ln u tin hay l kt qu
ca qu trnh PostPack
Lm quen vi ASP.NET 19
Lm quen vi ASP.NET 20
Ba mi trng pht trin ng dng ASP.NET
Mi trng my tnh c lp (Mt my tnh ng vai tr l
client ng thi l server)
Mi trng mng LAN (c SGK)
Mi trng Internet (c SGK)
Sinh vin s s dng mi trng c lp pht trin
ng dng ASP.NET
Mi trng
pht trin ng dng ASP.NET 4
Ba mi trng pht trin ng dng ASP.NET
Mi trng my tnh c lp (Mt my tnh ng vai tr l
client ng thi l server)
Mi trng mng LAN (c SGK)
Mi trng Internet (c SGK)
Sinh vin s s dng mi trng c lp pht trin
ng dng ASP.NET
Lm quen vi ASP.NET 21
Phn mm: - Window XP hoc phin bn cao hn
- .NET Framework 4
- Visual Studio 2010
- Ty chn: IIS, SQL Server
Mi trng pht trin c lp
Visual Studio l mt b sn phm gm IDE v .NET
Framework s dng
Pht trin
Debug
ng gi (Deploy)
cc ng dng .NET
Visual Studio cng l mt cng c hu ch pht trin
cc ng dng ASP.NET
Sinh vin c lm quen vi tnh nng v cc phin
bn ca cng c ny trong mn lp trnh Windows.
Visual Studio 2010
Visual Studio l mt b sn phm gm IDE v .NET
Framework s dng
Pht trin
Debug
ng gi (Deploy)
cc ng dng .NET
Visual Studio cng l mt cng c hu ch pht trin
cc ng dng ASP.NET
Sinh vin c lm quen vi tnh nng v cc phin
bn ca cng c ny trong mn lp trnh Windows.
Lm quen vi ASP.NET 22
M chng trnh Visual Studio
To mt ng dng Web
M Menu File > New > Web Site m hp thoi New
Web Site
Demo
To ng dng Web
M chng trnh Visual Studio
To mt ng dng Web
M Menu File > New > Web Site m hp thoi New
Web Site
Lm quen vi ASP.NET 23
Demo
Thm mt Web Form
Lm quen vi ASP.NET 24
Chn checkbox to Web Form
theo m hnh trang Code-behind
Giao din Visual Studio
Toolbox
cha cc
iu khin
thit k
giao din
Web Form
Solution
Explorer
cha cu
trc file v
th mc ca
ng dng
Vng lm vic chnh
- Lp trnh vin c th
sa ni dung cc File
aspx, cs..
- Cc File c hin th
ba ch Design
hoc Split hoc Source.
Lm quen vi ASP.NET 25
Toolbox
cha cc
iu khin
thit k
giao din
Web Form
Cc nt bt ch Design, Split, Source
Solution
Explorer
cha cu
trc file v
th mc ca
ng dng
Vng lm vic chnh
- Lp trnh vin c th
sa ni dung cc File
aspx, cs..
- Cc File c hin th
ba ch Design
hoc Split hoc Source.
Ca s
Properties.
ch nh
cc thuc
tnh cho cc
thnh phn
ca trang
Web
Ni dung demo
To giao din Web Form ging nh
hnh bn
nh dng hin th cho ch,
textbox, label
Bi tp VN: Sinh vin tm hiu cc
thuc tnh khc ca ca s
Properties
Demo
To giao din Web Form
Ni dung demo
To giao din Web Form ging nh
hnh bn
nh dng hin th cho ch,
textbox, label
Bi tp VN: Sinh vin tm hiu cc
thuc tnh khc ca ca s
Properties
Lm quen vi ASP.NET 26
S kin Page_Load
thng kt hp vi thuc
tnh IsPostPack thit
lp gi tr mc nh ca cc
iu khin.
Demo
S dng thuc tnh I sPostPack
Lm quen vi ASP.NET 27
Thm trnh x l s kin cho button xa (btnReset_Click)
Demo
Thm mt phng thc
x l s kin cho Web Form
Chut phi >
Properties
Lm quen vi ASP.NET 28
Chut phi >
Properties
Danh sch cc s
kin. Nhn p vo
thm s kin vo Web
Form
Thm trnh x l s kin cho button Tnh
(btnSubmit_Click)
Demo
Thm mt phng thc
x l s kin cho Web Form
Lm quen vi ASP.NET 29
Build: To file
solution
Build & Chy ng dng
Chy ng dng
Mc nh, ng dng s chy trn trnh duyt IE.
thay i thit lp trnh duyt chy ng dng web
Lm quen vi ASP.NET 30
Mc nh, ng dng s chy trn trnh duyt IE.
thay i thit lp trnh duyt chy ng dng web
Chut phi >
Browse With
- Chn trnh duyt
- Click vo Set as
Default
Sa li ng dng. Sau khi Click vo button Tnh s
chuyn sang trang mi hin th thng tin sn phm v
kt qu tnh ton
Demo
i tng Request v Response
Lm quen vi ASP.NET 31
on m x l s kin click vo button Tnh
protected void btnSubmit_Click(object sender, EventArgs e)
{
Response.Redirect("OutPut.aspx?MaSP="+txtMaSP.Text+"&TenSP="+txtTenSP.Text+
"&SoLuong="+txtSoLuong.Text+"&Gia="+txtGia.Text);
}
Thm trang OutPut
Demo
i tng Request v Response
Thm m cho s kin Page_Load ca trang OutPut
Lm quen vi ASP.NET 32
protected void Page_Load(object sender, EventArgs e)
{
Response.Write("Thng tin trong chui Request gm: <br/>");
Response.Write("M sn phm: " + Request.QueryString["MaSP"] + "<br/>");
Response.Write("Tn sn phm: " + Request.QueryString["TenSP"] + "<br/>");
Response.Write("Gi: " + Request.QueryString["Gia"] + "<br/>");
int Gia = Convert.ToInt32(Request.QueryString["Gia"]);
int SoLuong = Convert.ToInt32(Request.QueryString["SoLuong"]);
int Tong = Gia*SoLuong;
Response.Write("Tng: " + Tong.ToString());
}
Thm m cho s kin Page_Load ca trang OutPut
Lm quen vi ASP.NET 33
Kim th ng dng l qu trnh kim tra xem ng dng
c hot ng chnh xc.
Vi ng dng ASP.NET, vic kim th ng dng phi
thc hin trn tt c cc trnh duyt
Demo:
Kim th ng dng vi trnh duyt mc nh
Kim th ng dng vi cc trnh duyt khc
Kim th ng dng
s dng Server pht trin ng dng Web
Kim th ng dng l qu trnh kim tra xem ng dng
c hot ng chnh xc.
Vi ng dng ASP.NET, vic kim th ng dng phi
thc hin trn tt c cc trnh duyt
Demo:
Kim th ng dng vi trnh duyt mc nh
Kim th ng dng vi cc trnh duyt khc
Lm quen vi ASP.NET 34
Khi kim th ng dng, mt li c th xy ra ngn
khng cho ng dng thc thi.
Khi li xy ra, mt ngoi l s c to.
Nu ngoi l khng c bt v x l, ng dng s
chuyn sang ch ngt v hp thoi Exception
Assistant s hin th.
Hp thoi Exception Assistant cung cp cc m t v li
v tr ti v tr cu lnh gy li trong chng trnh
Hp thoi Exception Assistant
Khi kim th ng dng, mt li c th xy ra ngn
khng cho ng dng thc thi.
Khi li xy ra, mt ngoi l s c to.
Nu ngoi l khng c bt v x l, ng dng s
chuyn sang ch ngt v hp thoi Exception
Assistant s hin th.
Hp thoi Exception Assistant cung cp cc m t v li
v tr ti v tr cu lnh gy li trong chng trnh
Lm quen vi ASP.NET 35
Sinh vin c lm quen vi vic s dng Visual
Studio g li ng dng Windows
Visual Studio cng cung cp cc tnh nng tng t
g li ng dng ASP.NET
Thit lp im dng
Trong file cs, ti cu lnh bn mun ng dng dng khi chy.
Nhn chut vo thanh cn l thit lp im dng
S dng cc phm F5, F10, F11 thc hin debug
S dng ca s Watch theo di s thay i gi tr cc
bin
G li ng dng
Sinh vin c lm quen vi vic s dng Visual
Studio g li ng dng Windows
Visual Studio cng cung cp cc tnh nng tng t
g li ng dng ASP.NET
Thit lp im dng
Trong file cs, ti cu lnh bn mun ng dng dng khi chy.
Nhn chut vo thanh cn l thit lp im dng
S dng cc phm F5, F10, F11 thc hin debug
S dng ca s Watch theo di s thay i gi tr cc
bin
Lm quen vi ASP.NET 36
Demo g li ng dng Future Value
G li ng dng
Lm quen vi ASP.NET 37
Trong bi ny sinh vin hc cc ni dung sau:
ASP.NET & cc khi nim c bn
ASP.NET l mt framework c pht trin xy
dng cc trang web ng kt hp gia HTML, CSS,
J avaScript v m kch bn pha server.
Web Form
S kin
Cc s kin trong vng i mt trang Web
S kin ngi dng
i tng Request/Response
PostPack
Tng kt
Trong bi ny sinh vin hc cc ni dung sau:
ASP.NET & cc khi nim c bn
ASP.NET l mt framework c pht trin xy
dng cc trang web ng kt hp gia HTML, CSS,
J avaScript v m kch bn pha server.
Web Form
S kin
Cc s kin trong vng i mt trang Web
S kin ngi dng
i tng Request/Response
PostPack
Lm quen vi ASP.NET 38
Pht trin ng dng ASP.NET
To mt ng dng Web
Thm mt Web Form
Thit k giao din Web Form
Thm mt s kin vo Web Form
S dng thuc tnh IsPostPact
S dng cc i tng Request/Response
Tng kt
Pht trin ng dng ASP.NET
To mt ng dng Web
Thm mt Web Form
Thit k giao din Web Form
Thm mt s kin vo Web Form
S dng thuc tnh IsPostPact
S dng cc i tng Request/Response
Lm quen vi ASP.NET 39
Kim th & g li ng dng
Kim th ng dng s dng Server pht trin ng dng
Kim th trn trnh duyt mc nh
Kim th trn cc trnh duyt khc
Kim th ng dng s dng IIS (t hc)
Hp thoi Exception Assistant
G li ng dng
Thit lp im dng
S dng cc phm tt F5, F10, F11
Theo di gi tr bin trong ca s Watch
S dng tnh nng Trace (t hc)
S dng tracepoint (t hc)
Tng kt
Kim th & g li ng dng
Kim th ng dng s dng Server pht trin ng dng
Kim th trn trnh duyt mc nh
Kim th trn cc trnh duyt khc
Kim th ng dng s dng IIS (t hc)
Hp thoi Exception Assistant
G li ng dng
Thit lp im dng
S dng cc phm tt F5, F10, F11
Theo di gi tr bin trong ca s Watch
S dng tnh nng Trace (t hc)
S dng tracepoint (t hc)
Lm quen vi ASP.NET 40