Bài giảng lập trình và thiết kế web bằng ngôn ngữ ASP phần 3 GV dương khai phong

Lý thuyết: 45 tiết Thực hành: 30 tiết • GVHD: Dương Khai Phong • Email: khaiphong@gmail.com • Website: http://sites.google.com/site/khaiphong 1/ Giới thiệu tổng quan Web 2/ HTML JavaScript 3/ Các đối tượng ASP.Net 4/ ADO.Net (kết nối sở liệu) 5/ Triển khai ứng dụng Web + Ôn tập PHẦN 3: Giới thiệu Cấu trúc website ASP.Net Cơ lập trình C# ASP.Net Các điều khiển chuẩn (Standard Control) Các đối tượng nâng cao ASP.Net a ASP.Net gì? • ASP.Net kỹ thuật lập trình phát triển ứng dụng Web phía Server (Server-side) môi trường Visual Studio.Net, dùng kết hợp ngôn ngữ VB.Net C# với HTML, Javascript, CSS ( khác với kỹ thuật lập trình phía Client (Client-side) dùng ngôn ngữ HTML, Javascript CSS )  Yêu cầu: người học phải trang bị kiến thức lập trình ngôn ngữ C# b Các đặc điểm trang ASP.Net: • Một trang ASPX để tự động phát sinh mã HTML hiển thị Browser → trang Asp.Net cần biên dịch trước thành tập tin DLL mà Server thi hành • Trong ứng dụng, lập trình viên sử dụng nhiều ngôn ngữ khác để hoàn thành ứng dụng Yêu cầu Yêu cầu Hồi đáp Hồi đáp ASPX File Phân tích Cú pháp ASPX Engine Trang dạng *.dll Phát sinh Code Behind Class Biên dịch Generate Page Class Khởi tạo,xử lý Render a Tổng quan: • Một website ASP.Net tạo cung cấp sẵn số tập tin thư mục dùng để phục vụ cho việc tổ chức lưu trữ ứng dụng, gồm có:  Default page: tự động thi hành người dùng nhập tên miền  Web config: chứa khai báo mặc định Web server  Application folders: dùng để lưu trữ tập tin có phần mở rộng tương ứng với ý nghĩa thư mục lưu trữ Cấu trúc website ASP.Net Cửa sổ viết code design Cửa sổ chứa đối tượng control Cửa sổ thuộc tính b Tìm hiểu trang ASP.Net: • Một trang ASP.Net có phần đuôi mở rộng *.aspx thông thường kèm theo lớp phục vụ ẩn đằng sau (code behind) có phần đuôi mở rộng *.aspx.cs • Để viết code (C#,VB.Net, ) xây dựng trang web asp.net ta thực cách sau:  Viết code trực tiếp trang *.aspx:  : khai báo biến viết hàm, lớp cặp thẻ  : lấy giá trị biến hay hàm đó,  : lấy giá trị đối tượng ràng buộc liệu  Viết code trang code-behind *.aspx.cs (thường dùng) c Ví dụ (viết code trực tiếp trang aspx) Đoạn code C# viết trực tiếp trang aspx Địa thực trang aspx a Điều khiển kiểm tra liệu (Validation):  CompareValidator • So sánh giá trị điều khiển với giá trị điều khiển khác • So sánh giá trị điều khiển với giá trị xác định trước • Trong trường hợp không nhập liệu, điều khiển không thực kiểm tra • Thuộc tính: – ControlToCompare (ưu tiên) – Operator – Type – ValueToCompare a Điều khiển kiểm tra liệu (Validation):  CustomValidator • Cho phép người dùng tự viết hàm xử lý kiểm tra lỗi • Thuộc tính: – ValidateEmptyText(True/False): có kiểm tra giá trị nhập rỗng – ClientValidationFunction: tên hàm kiểm tra mức client • Sự kiện ServerValidate: dùng để xử lý kiểm tra liệu mức Server a Điều khiển kiểm tra liệu (Validation):  ValidationSummary • Dùng để hiển thị bảng lỗi - tất lỗi có trang Web (thuộc tính ErrorMessage) • Thuộc tính: – HeaderText: chuỗi văn dòng tiêu đề – ShowMessageBox (True/False): hộp thọai thông báo lỗi Browser a Điều khiển kiểm tra liệu (Validation):  Ví dụ RequiredFieldValidator, CompareValidator, RegularExpressionValidator Bước 1: tạo project hình bên - ID userName: txtName - ID Birthday: txtBirthday - ID Email: txtEmail - ID Password: txtPassword - ID Confirm PWD: txtConfirmPWD - ID Đăng ký: bRegister - ID Xoá: bReset Bước 2: thêm control Validation vào tương ứng a Điều khiển kiểm tra liệu (Validation):  Ví dụ RequiredFieldValidator, CompareValidator, RegularExpressionValidator Standard Control Thuộc tính Tên control Validation txtName RequiredFieldValidator txtBirthday CompareValidator Bước 1: tạo project hình bên Name - ID userName: txtUser Giá trị - ID Birthday:rfvName txtBirthday ID - ID Email: txtEmail ControlToValidate txtName ID Password: txtPassword ErrorMessage Nhập họ tên đầy đủ - ID Confirm PWD: txtConfirmPWD - ID Đăng ký:cvBirthday bRegister ID - ID Xoá: bReset ControlToValidate txtBirthday ErrorMessage Nhập định dạng ngày tháng Operator Bước 2: thêm DataTypeCheck control Validation vào tương Type Date ứng txtEmail RegularExpressionValidator ID ControlToValidate ErrorMessage ValidationExpression revEmail txtEmail Nhập địa dạng Email Internet email address b Các đối tượng quản lý ứng dụng web: • Đối tượng Request Response • Đối tượng Server • Đối tượng Cookies • Đối tượng Application Session b Các đối tượng quản lý ứng dụng web:  Đối tượng Request Response Mô tả Ý nghĩa Thuộc tính đối tượng REQUEST RESPONSE Dùng để nhận giá trị từ Client gửi Được sử dụng để giao tiếp điều cho Web server thông qua địa phối thông tin Web Server URL Client (gởi kết đến Client) Request.QueryString*““+; Ví dụ: địa URL http: // [: ] [ [? ] ] In chuỗi hình phía Client Phương thức Ít sử dụng Response.Write(“chuỗi") ; Response.Redirect(“URL") ; Yêu cầu Client truy cập đến URL khác b Các đối tượng quản lý ứng dụng web:  Ví dụ sử dụng đối tượng Request Response: Chuỗi Query String ~/search.aspx?Kind=Nokia&Content=6600 Thông tin truyền từ trang default.aspx  search.spax b Các đối tượng quản lý ứng dụng web:  Ví dụ sử dụng đối tượng Request Response: Chuỗi Query String ~/search.aspx?Kind=Nokia&Content=6600 Thông tin truyền từ trang default.aspx  search.spax  Các bước xây dựng trang default.aspx Bước 1: tạo project hình bên - ID Dropdownlist: cbKind - ID Textbox: txtSearch - ID Button: bSearch Bước 2: coding cho trang default.aspx.cs: double click vào nút bSearch  Các bước xây dựng trang search.aspx Bước 1: tạo project hình bên - ID Label: lSearch Bước 2: coding cho trang search.aspx.cs: xử lý kiện Page_Load b Các đối tượng quản lý ứng dụng web:  Đối tượng Server: • • Chức năng: sử dụng để cung cấp thông tin Web Server cho ứng dụng Phương thức thường dùng:  Server.Transfer(“URL"): ngừng thi hành trang hành, gởi yêu cầu đến trang khác  Server.MapPath([đối số]): trả đường dẫn vật lý tương ứng với đường dẫn ảo Web Server Ví dụ: Server.Transfer(“~/Thongtin/Loithuonggap.aspx") Server.MapPath(""): trả đường dẫn đến thư mục trang hành Lưu ý: sử dụng ký hiệu “~” để đến đường dẫn tương đối đối tượng dấu “ ” để đến đường dẫn tuyệt đối b Các đối tượng quản lý ứng dụng web:  Đối tượng Cookies: • • Chức năng: dùng để lưu trữ thông tin người dùng máy Client Sử dụng đối tượng:  Tạo đối tượng Cookies: HttpCookie cookName = new HttpCookie("cookName "); cookName.Value = "Kiem-tra-Cookie"; cookName.Expires = DateTime.Today.AddDays(3) // hết hạn  Lưu Cookies vào máy Client: Response.Cookies.Add();  Lấy giá trị Cookies: Request.Cookies[“Tên Cookie"].Value; b Các đối tượng quản lý ứng dụng web:  Đối tượng Session: • Chức năng: lưu trữ thông tin phiên làm việc cụ thể người dùng kết nối đến Web server lần (lưu trữ thông tin trao đổi trang aspx) • Phương thức:  Session.Timeout(phút) thời gian trì Session, người dùng không tương tác với Web Server (default=20’)  Session.Abandon([đối số]): hủy Session giải phóng tài nguyên cho Web Server • Sử dụng đối tượng:  Tạo biến Session: Session[“”] = ;  Lấy giá trị biến Session: =Session[“”]; b Các đối tượng quản lý ứng dụng web:  Đối tượng Application: • • Chức năng:  Đối tượng/biến toàn cục, quản lý toàn ứng dụng Web (chỉ bị đóng/hủy tắt Web Server)  Thông tin lưu trữ đối tượng Application “hiểu” tất trang aspx suốt thời gian “sống” ứng dụng Sử dụng đối tượng:  Tạo biến Application: Application.Lock(); Application[“”] = ; Application.Unlock();  Lấy giá trị biến Application: =Application[“”]; [...]... dấu từ -32 768 đến 32 767 Int16 2 Số nguyên không dấu từ 0 đến 65. 535 Số nguyên có dấu –2.147.4 83. 647 đến 2.147.4 83. 647 Int32 4 float Single 4 kiểu dấu chấm động, giá trị xấp xỉ từ 3, 4E -38 đến 3, 4E +38 , với 7 chữ số có nghĩa double Double 8 Kiểu dấu chấm động có độ chính xác gấp đôi, giá trị xấp xỉ từ 1,7E -30 8 đến 1,7E +30 8, với 15,16 chữ số có nghĩa decimal Decimal 8 Có độ chính xác đến 28 con số và giá... Bước 1: Tạo project Bước 2: Thiết kế form như hình - ID Label: lContent - ID Textbox: txtContent - ID Button: bChange Bước 3: Viết code xử lý sự kiện click cho nút Change như sau: - Double click vào nút Change  Các ví dụ liên quan đến các Standard Control: 2 Control: Button kết hợp ASP. Net và Javascript Bước 1,2 ,3: tương tư như ví dụ 1 Bước 4: xử lý sự kiện phía client bằng javascript như sau: Khi... là phần quan trọng nhất trong ASP. Net Framework (một control ASP. NET là một lớp thực thi trên server và đưa ra nội dung trên trình duyệt) • ASP. NET có hơn 70 control hỗ trợ xây dựng ứng dụng web, được chia ra các nhóm control sau: Chứa các control chuẩn: Label,Textbox,Button Chứa control kiểm tra tính hợp lệ của dữ liệu Chứa các control thao tác với dữ liệu Chứa các control điều hướng trong trang web. .. liệu trong các form Chứa các control chuẩn HTML b Điều khiển sự kiện trong ASP. Net: • Phần lớn các điều khiển của ASP. Net hỗ trợ 1 hoặc nhiều sự kiện Ví dụ: điều khiển ASP. NET Button hỗ trợ sự kiện Click, khi người sử dụng nhấn chuột vào Button một sự kiện sẽ được đưa ra và công việc này sẽ được xử lý trên server • Một trang ASP. Net khi thực thi sẽ gồm có các sự kiện sau xảy ra: PreInit Init PreRenderCompelte... 4.294.967.295 c Khai báo biến – hằng: (tương tự như C/C++) d Các cấu trúc điều khiển: (tương tự như C/C++)   e Cấu trúc điều kiện – rẽ nhánh:  if else  switch case Cấu trúc lặp:  for  while  do while Hàm: (tương tự như C/C++)  Lưu ý: do ngôn ngữ C# là ngôn ngữ thuần hướng đối tượng nên cần lưu ý đến quyền truy cập của các thành viên a Tổng quan về các điều khiển trong ASP. Net: • Các điều khiển ASP. Net... default.aspx: • ID TextBox: txtSearch • ID Button: bGo - Trang search.aspx: • ID Label: lSearch Bước 3: viết code cho nút Go trên trang default.aspx  Các ví dụ liên quan đến các Standard Control: 3 Thực hiện chuyển trang: (thuộc tính PostBackURL) Bước 1,2: tương tự như ví dụ 1, tạo project, cùng các control có ID như sau: - Trang default.aspx: • ID TextBox: txtSearch • ID Button: bGo - Trang search.aspx:... đổi  Các ví dụ liên quan đến các Standard Control: 2 Control: Button kết hợp ASP. Net và Javascript Bước 1,2 ,3: tương tư như ví dụ 1 Bước 4: xử lý sự kiện phía client bằng javascript như sau: Khi nhấn nút Change hộp thoại xác nhận cho phép người dùng kiểm tra lại trước khi thay đổi  Các ví dụ liên quan đến các Standard Control: 3 Thực hiện chuyển trang: (thuộc tính PostBackURL) Bước 1,2: tương tự... lSearch Bước 3: viết code cho nút Go trên trang default.aspx Bước 4: viết code cho trang search.aspx a Điều khiển kiểm tra dữ liệu (Validation):  Tổng quan Validation: • Dùng để kiểm tra tính hợp lệ của dữ liệu • Tự động phát sinh code kiểm tra dữ liệu ở client-side tùy thuộc vào web browser có hỗ trợ thực thi script ở client không a Điều khiển kiểm tra dữ liệu (Validation):  Qui trình kiểm trả...c Ví dụ (viết code trong trang code behind aspx.cs) KẾT QUẢ VẪN KHÔNG ĐỔI a Các vấn đề cơ bản trong lập trình: • Các kiểu dữ liệu cơ bản • Khai báo biến – hằng • Các cấu trúc điều khiển  Cấu trúc điều kiện – rẽ nhánh  Cấu trúc lặp • Hàm • Hướng đối tượng trong C# • … b Các kiểu dữ liệu cơ... thêm các DataTypeCheck control Validation vào tương Type Date ứng txtEmail RegularExpressionValidator ID ControlToValidate ErrorMessage ValidationExpression revEmail txtEmail Nhập đúng địa chỉ dạng Email Internet email address b Các đối tượng quản lý ứng dụng web: • Đối tượng Request và Response • Đối tượng Server • Đối tượng Cookies • Đối tượng Application và Session ... tổng quan Web 2/ HTML JavaScript 3/ Các đối tượng ASP. Net 4/ ADO.Net (kết nối sở liệu) 5/ Triển khai ứng dụng Web + Ôn tập PHẦN 3: Giới thiệu Cấu trúc website ASP. Net Cơ lập trình C# ASP. Net Các... thuật lập trình phía Client (Client-side) dùng ngôn ngữ HTML, Javascript CSS )  Yêu cầu: người học phải trang bị kiến thức lập trình ngôn ngữ C# b Các đặc điểm trang ASP. Net: • Một trang ASPX... dấu từ -32 768 đến 32 767 Int16 Số nguyên không dấu từ đến 65. 535 Số nguyên có dấu –2.147.4 83. 647 đến 2.147.4 83. 647 Int32 float Single kiểu dấu chấm động, giá trị xấp xỉ từ 3, 4E -38 đến 3, 4E +38 , với