Bài giảng Lập trình web: Trang Master và các điều khiển trong ASP.NET – Chu Thị Hường

Bài giảng Lập trình web: Trang Master và các điều khiển trong ASP.NET được biên soạn nhằm thông tin đến người học kiến thức về xây dựng trang Master; nhóm điều khiển trong ASP.NET.

Trang 1

L P TRÌNH WEB

Biên so n: Chu Th Hư ng – B môn HTTT – Khoa CNTT

TRANG MASTER VÀ CÁC ĐI*U KHI,N

TRONG ASP.NET

L P TRÌNH WEB

Trang 2

Xây d3ng trang Master.

Gi7i thi8u

Các ph<n t= trong trang Master

T o trang Master và content

L@p trình tương tác v7i trang Master

NCI DUNG

L@p trình tương tác v7i trang Master

Nhóm ñiMu khiOn trong ASP.NET:

Gi7i thi8u

Các ñiMu khiOn Web server

Các ñiMu khiOn Validation,

Các ñiMu khiOn HTML server.

Trang 4

chuhn c`a m t Wng dXng web

trong trang Master

Các tính năng này có thO ñư]c

ldp l i trên t[t cU hodc m t

nhóm các trang bing cách kV

thja trang Master này

Trang 5

Đdc ñiOm trang Master:

Trang Master có ñuôi mk

r ng master và ñư]c nh@n

ñư]c bao gZm hai ph<n:

MASTER PAGES

ñư]c bao gZm hai ph<n:

Master PageContent Pages

Trang 7

Các ph<n t= trong trang

Master:

Content Placeholders:

Là vùng có thO thay ñai

ñư]c trên trang Master và

ta có thO tùy biVn ñư]c cho

MASTER PAGES

ta có thO tùy biVn ñư]c cho

mni trang.

M t trang Master có thO có

nhiMu hơn m t Content

Trang 8

Các ph<n t= trong trang

Master:

Vùng không thay ñai (Non

editable regions): Là vùng

không tùy biVn ñư]c trên

mni trang, chWa các ph<n

MASTER PAGES

mni trang, chWa các ph<n

t= chung c`a các trang

trong Wng dXng web.

Các ph<n t= này có thO là:

Logos công ty, menu,

copyright,…

Trang 10

T o trang Master

MASTER PAGES

Trang 11

Thêm content cho trang Master:

MASTER PAGES

M t trang Master phUi

ContentPlaceHolder,

tuy nhiên cũng có thO

Design View View

Trang 13

T o file content s= dXng trang Master:

MASTER PAGES

Cách 1: Dùng c=a

sa Add New Item

Trang 14

Trang 15

Cách 3: Khai báo cú pháp

MASTER PAGES

Trang 16

L@p trình tương tác v7i trang Master:

MASTER PAGES

Trang 17

Gi~I THI•U NHÓM CÁC ĐI*U

KHI,N WEB SERVER

ASP.NET cung c[p

nhiMu nhóm ñiMu khiOn

server khác nhau:

HTML Server controls

Web server controls

Trang 18

GI~I THI•U NHÓM CÁC ĐI*U

KHI,N WEB SERVER

HTML Server controls

Là các l7p b}c các ph<n t= HTML

chuhn và có thêm tính năng tương tác

phía server.

ChuyOn thy HTML sang ñiMu khiOn

HTML bing cách thêm thu c tính

runat="server“.

Ví dX:

< label for ="txtUsername"> Tên ñăng nh@p</ label >

< input id ="txtUsername" type ="text" runat ="server" />

< label for ="txtFullname">H} tên </ label >

< input id ="txtHoten" type ="text" runat ="server"/>

Trang 19

KHI,N WEB SERVER

Trang 20

KHI,N WEB SERVER

Web server controls (Web controls)

Web server controls có t[t cU các tính

năng c`a các ñiMu khiOn HTML server.

Trang 21

KHI,N WEB SERVER

Validation controls

KiOm tra tính h]p l8 c`a d‰ li8u trên

các ñiMu khiOn input.

Trang 22

KHI,N WEB SERVER

Trang 23

KHI,N WEB SERVER

Trang 24

KHI,N WEB SERVER

Data controls

Là nhóm các ñiMu khiOn hn tr] truy xu[t

và hiOn th d‰ li8u.

User defined controls

Là nhóm các ñiMu khiOn do ngư i dùng

ñ nh nghĩa, gZm hai lo i:

User Controls Custom controls

Trang 25

ĐI*U KHI,N WEB SERVER

Đdc ñiOm c`a các ñiMu khiOn web server :

T3 ñ ng dò tìm trình duy8t

S= dXng Template: M t s\ ñiMu khiOn Web Server cho phép ngư i dùng ñ nh nghĩa thêm layout bing cách s= dXng Template

layout bing cách s= dXng Template

Hn tr] các themes, cho phép ñ nh nghĩa nh[t quán giao di8n các ñiMu khiOn trên toàn b site.

Trang 26

Namespace System.Web.UI.WebControls

System.Web.UI.WebControls chWa các l7p cho phép t o các ñiMu khiOn Web Server

Các l7p thu c không gian miMn này như Lable, Textbox, Button, ListBox, …

Textbox, Button, ListBox, …

Class WebControl thu c không gian miMn System.Web.UI.WebControls Nó ñóng vai trò l7p cơ sk cho h<u hVt các ñiMu khiOn Web Server.

Trang 27

thWc và các s3 ki8n thông thư ng ñư]c kV thja cho các ñiMu khiOn dln xu[t tj l7p này.

AccessKey Property ChŠ ñ nh Key cho phép ñiMu hư7ng nhanh ñVn

ñiMu khiOn

BackColor Property ChŠ ñ nh hodc truy xu[t màu nMn c`a ñiMu khiOn

Web ServerForeColor Property ChŠ ñ nh hodc truy xu[t ForeColor c`a ñiMu

khiOn Web ServerHeight Property ChŠ ñ nh hodc try xu[t chiMu cao c`a ñiMu khiOn

Trang 28

L7p WebControl:

CssClass ChŠ ñ nh hodc truy xu[t ñVn t@p CSS style g^n v7i

ñiMu khiOn

ID Property ChŠ ñ nh hodc truy xu[t nh@n d ng duy nh[t ñư]c

gán cho ñiMu khiOn

Visible Property ChŠ ñ nh hodc truy xu[t giá tr Boolean gán cho ñiMu

khiOn mà ñiMu khiOn có ñư]c hiOn th hay không

Width Property ChŠ ñ nh hodc truy xu[t ñ r ng c`a ñiMu khiOn

Focus() method ThiVt l@p forcus cho ñiMu khiOn

Load event Xu[t hi8n khi ñiMu khiOn ñư]c load trong b nh7

Trang 29

Các l7p Web server controls cơ bUn:

<asp:Label> Label Text, AssociatedControlID

TextChanged event

Click event

Trang 30

Các l7p Web server controls cơ bUn:

HorizontalAlign, Scrollbars

CheckedChanged event

TextAlign, CheckedChanged event

GridLines, Rows (collection)

Text, VerticalAlign,

Trang 31

Các ñiMu khiOn List Control:

ñ\i tư]ng <asp:ListItem>

tư]ng <asp:ListItem>

như các check boxes

như các Radio button

number

Trang 32

Các ñiMu khiOn List Control: BUng sau chWa các thu c tính c`a l7p ListControl

AutoPostBack NVu true, form t3 ñ ng t o posted back khi ngư i dùng

thay ñai l3a ch}n hi8n t i

Items TrU vM t@p h]p các ph<n t= ListItem

SelectedIndex ChŠ ñ nh hodc truy xu[t ñVn Index c`a ph<n t= có giá tr

index nhŒ nh[t trong danh sách các ph<n t= ñư]c ch}n.SelectedItem TU vM tham chiVu ñVn ListItem ñ<u tiên trong danh sách

l3a ch}n

Trang 33

Các ñiMu khiOn List Control: BUng sau chWa các thu c tính c`a l7p ListControl

DataSource ChŠ ñ nh ñ\i tư]ng chWa thông tn mu\n hiOn th như

DataSet, DataTable, collection

DataMember ChŠ ñ nh bUng mu\n s= dXng trong trư ng h]p

DataSource chWa nhiMu hơn m t bUng

DataTextField ChŠ ñ nh trư ng mu\n hiOn th ñ\i v7i thu c tính Text

c`a mni Item

DataValueField ChŠ ñ nh trư ng mu\n gán cho thu c tính Value trên

mni ph<n t= Item

Trang 34

Ví dX khai báo và s= dXng

< asp : ListBox runat ="server" ID ="Listbox1"

SelectionMode ="Multiple" Rows ="5">

< asp : ListItem Selected ="true"> Option 1 </ asp : ListItem >

< asp : ListItem > Option 2 </ asp : ListItem >

</ asp : ListBox >

< asp : DropDownList runat ="server" ID ="DropdownList1">

< asp : ListItem Selected ="true"> Option 1 </ asp : ListItem >

< asp : ListItem > Option 2 </ asp : ListItem >

</ asp : DropDownList >

//L*p trình truy xu,t ñ.n ph/n t0 ñư2c ch3n

foreach (ListItem li in Listbox1.Items)

{

if (li.Selected) Response.Write(li.Text + "<br />");

}

Trang 35

ĐI*U KHI,N Đi*U HƯ~NG

TRANG VÀ NÂNG CAO

Các ñiMu khiOn ñiMu hư7ng trang:

Trang 36

ĐI*U KHI,N ĐI*U HƯ~NG

TRANG

ĐiMu khiOn SiteMapData Source:

Trang 37

Trang 38

Trang 39

ĐI*U KHI,N Đi*U HƯ~NG

TRANG

Các ñiMu khiOn nâng cao.

<asp:ImageMap> HotSpotMode, HotSpot, ImageURL,

AlternateText, Click Event

<asp:CircleHotSpo> AccessKey, PostBackValue, NavigateUrl,

Radius, x, y, GetCoordinates method

<asp:RectangleHotSpot> AccessKey, Coordinates, PostBackValue,

GetCoordinates method,

<asp:PolygonHotSpot> AccessKey, Left, Bottom, Right, Top

PostBackValue, GetCoordinates method,

Trang 40

TRANG

Các ñiMu khiOn nâng cao.

<asp:FileUpload > HasFile, FileName, PostedFile, SaveAs

Method

<asp:multiview> ActiveViewIndex , Views, SetActiveView

Method, ActiveViewChanged Event

<asp:View>

Trang 41

< asp : MenuItem Text ="SUn phhm" Value =“SP">

< asp : MenuItem Text ="Ti vi" Value =“TV"></ asp : MenuItem >

< asp : MenuItem Text ="T` l nh" Value =“TL"></ asp : MenuItem >

</ asp : MenuItem >

</ Items >

</ asp : Menu >

Trang 42

ĐI*U KHI,N VALIDATION

D‰ li8u trư7c khi ñư]c ch[p

nh@n tj phía ngư i dùng c<n

ñư]c kiOm tra tính h]p l8:

KiOu, Giá tr ,

Đ nh d ng,

Trang 43

Class BaseValidator: Các l7p ñiMu khiOn Validation nim trong System.Web.UI.WebControls L7p BaseValidtor cung c[p như là m t l7p cơ sk cho t[t cU các ñiMu khiOn Validation.

Thu c tính Mô t

ControlToValidate ChŠ ñ nh hodc truy xu[t ñVn ID c`a ñiMu khiOn Web

Server c<n kiOm tra tính h]p l8.

Display ChŠ ñ nh hodc truy xu[t ñVn cách thWc hiOn th chuni

thông báo lni trên ñiMu kiOn Validation Có thO nh@n các giá tr : None, Static, Dynamic

ErrorMessage ChŠ ñ nh hodc truy xu[t chuni thông báo lni trên ñiMu

khiOn Validtion khi tính h]p l8 không thŒa mãn.

IsValid ChŠ ñ nh hodc truy xu[t giá tr (true, false) chŠ ñ nh xem

d‰ li8u Input có thŒa ñiMu ki8n h]p l8 hay không.

Trang 44

Các ñiMu khiOn:

khiOn Input khác hodc v7i m t giá tr hing.

vi ñư]c chŠ ñ nh hay không?

RegularExpressionValid

ator

KiOm tra tính h]p l8 c`a giá tr trên ñiMu khiOn Input theo

m t khuôn mlu c`a biOu thWc.

có h]p l8 theo m t logic ñã chŠ ñ nh hay không?

khiOn Validation khác.

Trang 45

Các ñiMu khiOn:

ErrorMessage, ValidateEmptyText, ServerValidate Event

ShowSummary,

Trang 46

Thu c tính Page.Isvalid:

Thu c tính Page.IsValid dùng ñO

truy xu[t ñVn giá tr chŠ ñ nh s3

kiOm tra tính h]p l8 c`a trang?

Thu c tính này nh@n giá tr True

khi t[t cU các ñiMu khiOn

Validation trên trang ñMu xác

nh@n thành công tính h]p l8.

D3a trên giá tr trU vM c`a thu c

tính Page.IsValid ñO quyVt ñ nh

tiVp tXc hay không tiVn trình Post

Back t7i Server.

Trang 47

Trang 48

ĐI*U KHI,N HTML SERVER

Gi7i thi8u:

HTML Server Controls cung c[p ñO truy xu[t vào các thu c tính và tính ch[t c`a các thy HTML.

HTML Server Controls trong ASP.NET là t@p

HTML Server Controls trong ASP.NET là t@p các ñiMu khiOn tương Wng các thy HTML, chúng ñư]c khai báo trên Web page bing cách thêm thu c tính runat=“Server”.

Trang 49

Không gian miMn System.Web.UI.HtmlControls:

GZm các l7p giúp cho vi8c t o các ñiMu khiOn HTML Server.

Bao gZm nhiMu l7p HtmlInputButton, HtmlImage, HtmlForm, HtmlTable,

HtmlImage, HtmlForm, HtmlTable,

D3a trên chWc năng có thO ñư]c phân l7p thành các nhóm như container controls, Input controls và Image controls

Trang 50

M t s\ ñiMu khiOn HTML:

Trang 51

Ví dX s= dXng ñiMu khiOn HTML:

MarkUp code:

< input id ="txtFirst" type ="text" runat ="server"/>

Programming code:

Trang 52

TH™O LU N – CÂU HšI

Trang 53

Th3c hành các ví dX

Th3c hành s= dXng các ñiMu khiOn.

Xây d3ng, thiVt kV trang Master cho bài

t@p l7n ñư]c phân công

BÀI T P

t@p l7n ñư]c phân công

Định dạng
Số trang	53
Dung lượng	3,02 MB