PHÁT TRIỂN ỨNG DỤNG WEB

TRÊN NỀN .NET

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

HTML server controls

Web server controls
 Các điều khiển cơ bản
 Validation controls
 Mô hình xử lý sự kiện trong asp.net
Custom Error Page
Ajax control toolkit

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

Tạo 1 website ( empty) đặt tên là chuong2 để

thực hiện các bài thực hành cho chương này

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

01

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

02

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

1. HTML server controls

1. HTML server controls
 Tạo page mới, tên là htmlservercontrol.aspx: right click vào “chuong2”, chọn
add  chọn web form.

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

1. HTML server controls

1. HTML server controls
 Tạo page mới, tên là htmlservercontrol.aspx: right click vào “chuong2”, chọn
add  Thực hành các ví dụ về các control html server .
a. Hyperlink: tạo 1 hyperlink, set href và target. Sau đó set lại 2 giá trị này ở
phía server
b. Button và container control: Khi click vào button, nội dung của container sẽ
được gán lại ở phía server
c. Image: khi click vào button, lấy image gán vào 1 image khác
d. Input ( yêu cầu như hình)

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

1. HTML server controls

1. HTML server controls
 Tạo page mới, tên là htmlservercontrol.aspx: right click vào “chuong2”, chọn
add  Thực hành các ví dụ về các control html server .
o Upload file, sử dụng html input file ( p.62)

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

1. HTML server controls

1. HTML server controls
 Tạo page mới, tên là htmlservercontrol.aspx: right click vào “chuong2”, chọn
add  Thực hành các ví dụ về các control html server .
o Ratio Button ( p.62)

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

1. HTML server controls

1. HTML server controls
 Tạo page mới, tên là htmlservercontrol.aspx: right click vào “chuong2”, chọn
add  Thực hành các ví dụ về các control html server .
o Html Select, HTML Table( p.62)

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

2. 1 Các điều khiển cơ bản

2. 1 Các điều khiển cơ bản
 Label
 Textbox
 Button, LinkButton, ImageButton
 CheckBox and Radio
 Image, Hyperlink
 List Controls group
 Table
 AddRotator
 FileUpload

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

2. 1 Các điều khiển cơ bản

2. 1 Các điều khiển cơ bản
Click và button thì nội dung button thay đổi

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

2. 1 Các điều khiển cơ bản

2. 1 Các điều khiển cơ bản
Check vào checkbox thì nội dung textbox 2 có giá trị giống
nội dung textbox 1

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

2. 1 Các điều khiển cơ bản

2. 1 Các điều khiển cơ bản
Click chọn vào check box nào thì nội dung được hiển thị
bên dưới

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

2. 1 Các điều khiển cơ bản

2. 1 Các điều khiển cơ bản

Chọn item nào trong danh sách, thì item đó hiển thị lên ở
lable bên dưới ( làm 2 trường hợp: khi click submit, và
không cần click submit

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

2. 1 Các điều khiển cơ bản

2. 1 Các điều khiển cơ bản

Chọn item nào trong danh sách, thì item đó hiển thị lên ở
lable bên dưới ( làm 2 trường hợp: khi click submit, và
không cần click submit

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

2. 1 Các điều khiển cơ bản

2. 1 Các điều khiển cơ bản

Thiết kế trang như hình

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

2. 1 Các điều khiển cơ bản

2. 1 Các điều khiển cơ bản

Thiết kế trang như hình, xử lý khi đăng nhập

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

2. 1 Các điều khiển cơ bản

2. 1 Các điều khiển cơ bản

Thiết kế trang như hình, xử lý khi click vào đăng chuyên
mục: kiểm tra các field rỗng, upload file

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

2. 1 Các điều khiển cơ bản

2. 1 Các điều khiển cơ bản

Viết trang web xử lý:

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

2. 2 Validation controls
2. 1 Validate control
 Kiểm tra dữ liệu do người dùng nhập từ các server controls
 Có 6 loại validate controls:
 RequiredFieldValidator
 CompareValidator
 RangeValidator
 RegularExpressionValidator
 CustomValidator
 ValidationSummary

Phát triển ứng dụng web .net

 http://www.hbu.edu.vn/

Chương 2: Sử dụng server/Ajax control

5. Ajax control toolkit

 5 Ajax control toolkit : Xử lý trang web sau, sử dụng
update panel và validator controls

Phát triển ứng dụng web .net