Bài giảng Lập trình Web - Bài 2: Server Controls

Nội dung text: Bài giảng Lập trình Web - Bài 2: Server Controls

1. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC a - Tek Ngành lập trình - CSDL 1
2. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Mục tiêu • Sử dụng thành thạo các điều khiển: - HTML Server Controls - Web Server Controls - Specialized Controls • Các sự kiện cơ bản trên trang .aspx • Làm việc với đối tượng ViewState a - Tek Ngành lập trình - CSDL 2
3. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Nội dung 1. Tổng quan về ASP.Net Server Controls 2. Đối tượng Asp.Net Page 3. HTML Server Controls 4. Web Server Controls 5. Các điều khiển khác 6. Đối tượng ViewState a - Tek Ngành lập trình - CSDL 3
4. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Tổng quan về ASP.NET Server Controls • Giới thiệu các nhóm điểu khiển trên thanh Toolbox • Các kiểu Server Control a - Tek Ngành lập trình - CSDL 4
5. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Tổng quan về ASP.NET Server Controls • Giới thiệu các nhóm điều khiển trên thanh ToolBox a - Tek Ngành lập trình - CSDL 5
6. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Tổng quan về ASP.NET Server Controls • Các kiểu Server Controls - HTML Server Controls - Web Server Controls a - Tek Ngành lập trình - CSDL 6
7. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Tổng quan về ASP.NET Server Controls • Khi nào sử dụng HTML Server Control - Điều khiển cần phải có đoạn JavaScript kèm theo sự kiện - Có nhiều code JavaScript tham chiếu đến điều khiển đó • Khi nào sử dụng Web Server Control - Không rơi vào các trường hợp trên a - Tek Ngành lập trình - CSDL 7
8. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Nội dung 1. Tổng quan về Server Controls 2. Đối tượng Asp.Net Page 3. HTML Server Controls 4. Web Server Controls 5. Các điều khiển khác 6. Đối tượng ViewState a - Tek Ngành lập trình - CSDL 8
9. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC ASP.NET Page • Sự kiện • Thuộc tính a - Tek Ngành lập trình - CSDL 9
10. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 3: Server Controls ASP.NET Page • Sự kiện - Trình tự các sự kiện xảy ra khi render một trang web (Page Life-Cycle Events) a - Tek Ngành lập trình - CSDL 10
11. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 3: Server Controls ASP.NET Page Thuờng dùng: kiểm tra trang có Postback không, Page_PreInit() tạo Theme động, Master động, điều khiển động Page_Init() Thuờng dùng để đọc hoặc đặt giá trị thuộc tính cho điều khiển Page_IntComplete() Page_PreLoad() Cài đặt các xử lý khởi động ban đầu, thường dùng Page_Load() Nếutạo connectioncó PostBack thì phát sinh sự kiện của điều Page_PreRender() khiển,Xảy ra như trước Click khi của trang Button, web được render, trả kết quả về cho Client Page_UnLoad() Minh họa a - Tek Ngành lập trình - CSDL 11
12. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 3: Server Controls ASP.NET Page • Thuộc tính - IsPostBack (True/False): trả về trạng thái của trang web, cho biết được load lần đầu tiên hay không - MaintainScrollPositionOnPostBack (True/False): có giữ nguyên vị trí mà người dùng đang đọc sau khi PostBack không a - Tek Ngành lập trình - CSDL 12
13. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Nội dung 1. Tổng quan về Server Controls 2. Đối tượng Asp.Net Page 3. HTML Server Controls 4. Web Server Controls 5. Các điều khiển khác 6. Đối tượng ViewState a - Tek Ngành lập trình - CSDL 13
14. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC HTML Server Controls • HTML Controls • HTML Server Controls a - Tek Ngành lập trình - CSDL 14
15. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls HTML Server Controls • HTML Controls - Được tạo ra từ tag HTML tĩnh - Thường được sử dụng lập trình ở phía client - Thuộc tên miền System.Web.UI.HtmlControls Minh họa a - Tek Ngành lập trình - CSDL 15
16. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls HTML Server Controls • HTML Server Controls - Sử dụng HTML Controls trong quá trình lập trình ở phía server, ta thực hiện như sau: § Bổ sung thuộc tính runat=“server” vào tag điều khiển § Hoặc chọn chức năng Run As Server Control từ thực đơn ngữ cảnh - Điểu khiển có thuộc tính runat=“server” gọi là HTML Server Controls Minh họa a - Tek Ngành lập trình - CSDL 16
17. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Nội dung 1. Tổng quan về Server Controls 2. Đối tượng Asp.Net Page 3. HTML Server Controls 4. Web Server Controls 5. Các điều khiển khác 6. Đối tượng ViewState a - Tek Ngành lập trình - CSDL 17
18. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Web Server Controls • Giới thiệu • Label • HyperLink • TextBox • Image • Button, ImageButton, LinkButton • CheckBox, RadioButton a - Tek Ngành lập trình - CSDL 18
19. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Web Server Controls • Giới thiệu - Web Server Controls là các đối tượng của .Net Framework - Được chuyển đổi sang dạng HTML tĩnh lúc thực thi - Thường được sử dụng lập trình ở phía server - Thuộc tên miền System.Web.UI.WebControls - HTML Source lúc thiết kế có dạng: a - Tek Ngành lập trình - CSDL 19
20. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Web Server Controls • Label - Dùng để hiển thị thông tin - Thuộc tính Text có thể nhận và hiển thị nội dung với các tag HTML. Minh họa a - Tek Ngành lập trình - CSDL 20
21. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Web Server Controls • TextBox - Dùng để nhập và hiển thị dữ liệu - Text: nội dung chứa trong TextBox - TextMode (SingleLine,MultiLine,Password ): định dạng hiển thị của Textbox. - Wrap: có được phép tự động xuống dòng hay không Minh họa a - Tek Ngành lập trình - CSDL 21
22. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Web Server Controls • HyperLink - Dùng để tạo ra các liên kết siêu văn bản - ImageURL: hình ảnh hiển thị trên điều khiển (ưu tiên) - Text: chuỗi văn bản hiển thị trên điều khiển. - NavigateUrl: đường dẫn cần liên kết đến - Target(_blank, _self, _parent): dạng cửa sổ hiển thị trang kết quả Minh họa a - Tek Ngành lập trình - CSDL 22
23. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Web Server Controls • Image - Dùng để hiển thị hình ảnh - ImageURL: đường dẫn đến tập tin hình ảnh cần hiển thị. - AlternateText: chuỗi văn bản sẽ hiển thị khi đường dẫn của thuộc tính ImageURL không tồn tại. Minh họa a - Tek Ngành lập trình - CSDL 23
24. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Web Server Controls • Button, LinkButton, ImageButton - Sẽ PostBack về server khi được chọn - CausesValidation(True/False): có kiểm tra tính hợp lệ trên trang web không - OnClientClick: ngôn ngữ Client-side script sẽ được thi hành ở mức client Minh họa a - Tek Ngành lập trình - CSDL 24
25. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Web Server Controls • CheckBox và RadioButton - Checked: cho biết trạng thái của điều khiển có được chọn hay không - TextAlign: qui định vị trí hiển thị của điều khiển so với chuỗi văn bản - GroupName: nhóm các điều khiển thành một nhóm, dành cho RadioButton Minh họa a - Tek Ngành lập trình - CSDL 25
26. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Nội dung 1. Tổng quan về Server Controls 2. Đối tượng Asp.Net Page 3. HTML Server Controls 4. Web Server Controls 5. Các điều khiển khác 6. Đối tượng ViewState a - Tek Ngành lập trình - CSDL 26
27. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Các điều khiển khác • Panel và PlaceHolder • Table • Calendar • FileUpLoad • View, MultiView a - Tek Ngành lập trình - CSDL 27
28. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Các điều khiển khác • Panel, PlaceHolder - Được sử dụng để chứa các điều khiển khác - Điều khiển Panel cho phép đặt những điều khiển khác vào bên trong lúc thiết kế còn PlaceHolder thì không - Xử lý thêm điều khiển khác vào lúc thực thi: TextBox txtSo_A = new TextBox(); .Controls.Add(txtSo_A); Minh họa a - Tek Ngành lập trình - CSDL 28
29. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Các điều khiển khác • Table - Dùng để thao tác, thể hiện dữ liệu dưới dạng bảng - Bao gồm tập hợp các dòng - TableRow (thông qua thuộc tính Rows), mỗi dòng được tạo thành từ tập hợp các ô - TableCell (thông qua thuộc tính Cells) - Mỗi ô trong Table có thể chứa các điều khiển khác Minh họa a - Tek Ngành lập trình - CSDL 29
30. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Các điều khiển khác • Calendar - Dùng để thể hiện lịch trong tháng - Sự kiện: § SelectionChanged: khi thay đổi ngày khác § VisbleMonthChanged: khi thay đổi tháng khác § DayRender: khi các ngày được tạo ra Minh họa a - Tek Ngành lập trình - CSDL 30
31. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Các điều khiển khác • FileUpLoad - Dùng để upload tập tin về server - Thuộc tính: • HashFile (True/False): điều khiển có khai báo tập tin chưa • FileName: trả về tên tập tin được upload - Phương thức: • SaveAs: upload tập tin lên Server Minh họa a - Tek Ngành lập trình - CSDL 31
32. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Các điều khiển khác • MultiView và View - Là control container, dùng để chứa các điều khiển khác - MultiView gồm có nhiều View - Thuộc tính: • ActiveViewIndex: chỉ số của view hiện hành - Phương thức: • SetActiveView: thay đổi view hiện hành Minh họa a - Tek Ngành lập trình - CSDL 32
33. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Nội dung 1. Tổng quan về Server Controls 2. Đối tượng Asp.Net Page 3. HTML Server Controls 4. Web Server Controls 5. Các điều khiển khác 6. Đối tượng ViewState a - Tek Ngành lập trình - CSDL 33
34. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Đối tượng ViewState • Giới thiệu • Sử dụng a - Tek Ngành lập trình - CSDL 34
35. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Đối tượng ViewState • Giới thiệu - Dùng để lưu lại những thông tin của trang web sau khi Web Server gởi kết quả về cho client Quản lý tình trạng ở mức client - Thuộc tính EnableViewState của trang web cho phép sử dụng đối tượng này hay không (True/False) Minh họa a - Tek Ngành lập trình - CSDL 35
36. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls Đối tượng ViewState • Sử dụng: § Gán giá trị cho ViewState: ViewState[“Tên trạng thái”] = ; § Nhận giá trị: = ViewState[“Tên trạng thái”]; Lưu ý: “Tên trạng thái” có phân biệt chữ HOA/thường Minh họa a - Tek Ngành lập trình - CSDL 36
37. TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM TRUNG TÂM TIN HỌC Bài 2: Server Controls HẾT a - Tek Ngành lập trình - CSDL 37