Hướng dẫn cơ bản về lập trình WEB sử dụng ASP. Đây là slide hướng dẫn có kèm cả các ví dụ,ất dễ hiểu và dễ học. Nếu bạn chưa biết gì về lập trình web với ASP thì tài liệu này giúp bạn tiếp cận nhanh việc học bằng những ghi chú chính về ngôn ngữ asp và các ví dụ cơ bản nhất.
LẬP TRÌNH ỨNG DỤNG WEB VỚI ASP.NET 7/6/2016 Nội dung Kiến trúc ứng dụng Web Công nghệ phát triển ứng dụng Web (động) Kiến trúc HTML 7/6/2016 Web động Nội dung Web Server sinh có yêu cầu từ Client Nội dung hiển thị lần duyệt khác khác Rất phổ dụng: Hầu hết trang web thương mại web động Sử dụng ngôn ngữ lập trình để sinh trang HTML Sử dụng CSDL 7/6/2016 Web động 7/6/2016 Web động http://www Web Browser Web Server Nội dung (HTML) Yêu cầu liệu Dữ liệu Database Provider Dữ liệu Thao tác CSDL CSDL 7/6/2016 Công nghệ phát triển Web (động) Đa dạng không ngừng phát triển Microsoft: ASP, ASP.NET Sun: Java Servelet, JSP Khác: PHP 7/6/2016 ASP.NET - Kiến trúc ASPX ASPX 7/6/2016 ASP.NET - Kiến trúc Client (Browser) ASP.DLL ActiveX Data Objects (ADO) Database IIS VBScript JavaScript ASP file 7/6/2016 ASP.NET – Đặc điểm Hướng đối tượng: Mỗi trang bao gồm hai đối tượng kế thừa Tách mã giao diện (HTML) với mã xử lý kỹ thuật Codebehind => Dễ viết chương trình, tìm lỗi => Giấu mã (mã dịch thành DLL) .aspx aspx.cs 7/6/2016 ASP.NET – Đặc điểm (2) Các điều khiển phía Server (server-side controls) => Có thể xử lý tất server 10 7/6/2016 DataList 26 7/6/2016 27 7/6/2016 .DataSource =list, DataTable; .DataBind(); CauHinh ch = new CauHinh(Server.MapPath(“ds.txt")); LopHoc lh = new LopHoc(); DataList1.DataSource = lh.DtSinhVien; DataList1.DataBind(); 28 7/6/2016 Ví dụ Tạo trang HtSinhVien.aspx với giao diện: Từ ToolBox: -Tạo Label -1 DropDownList: với tên DropDownList1, thuộc tính AutoPostBack=true -1 GridView với tên GridView 29 7/6/2016 Lập trình kiện Page_Load trang để nạp tên lớp vào DropDownList protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { CauHinh ch = new CauHinh(Server.MapPath(“ds.txt")); LopHoc lh = new LopHoc(); List lssv = lh.LstSinhvien; List tam = new List(); for (int i = 0; i < lssv.Count; i++) { string tenlop = lssv[i].Tenlop; int j; for (j = 0; j < i; j++) if (tenlop.Equals(lssv[j].Tenlop )) break; if (j == i) tam.Add(lssv[i]); } DropDownList1.DataSource = tam; DropDownList1.DataTextField = "tenlop"; DropDownList1.DataBind(); } } 30 7/6/2016 Lập trình kiện SelectedIndexChanged DropDownList để tìm sinh viên theo tên lớp protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) { CauHinh ch = new CauHinh(Server.MapPath("ttt.txt")); LopHoc lh = new LopHoc(); List lssv = lh.LstSinhvien; List tam = new List(); string tenlop = DropDownList1.Text ; for (int i = 0; i < lssv.Count; i++) { if (tenlop.Equals(lssv[i].Tenlop)) tam.Add(lssv[i]); } GridView1.DataSource = tam; GridView1.DataBind(); } } 31 7/6/2016 Tạo trang thongke.aspx Từ ToolBox tạo ListBox để hiển thị tất tên lớp - Khi chọn tên lớp ListBox hiển thị sinh viên lớp Gridview - Khi chọn nút Danh sách lên lớp hiển thị danh sách sinh viên lên lớp (đtb>=5) lớp chọn ListBoxx GridView hiển thị số sinh viên lên lớp - Tương tự cho nút Danh sách sinhviên lại 32 7/6/2016 LÀM VIỆC VỚI STYLESHEET CSS thực chất tập qui tắc để format/ định kiểu (style) cho phần tử hiển thị định vị trang web Nhờ vào CSS mà việc định dạng (kiểu) cho phần tử trở nên dễ dàng linh hoạt nhiều 33 7/6/2016 LÀM VIỆC VỚI STYLESHEET Các định nghĩa CSS đặt tệp nguồn đặt riêng tệp khác Tệp thường có đuôi mở rộng css 34 7/6/2016 LÀM VIỆC VỚI STYLESHEET Tạo file CSS Web site -> Add New Item -> STYLESHEET -> Gõ tên file •Nội dung tệp chứa định nghĩa CSS (Gồm định nghĩa chọn thẻ, chọn ID, lớp) 35 7/6/2016 LÀM VIỆC VỚI STYLESHEET Kích chuột phải trang -> Add Style Rule Element: định dạng lại thẻ có ( Ví dụ a: hover) Class name: Tạo lớp (ví dụ: Mau) Element Id: Tạo ID để phần tử có ID định dạng giống 36 nhau( ví dụ: #TieuDe) 7/6/2016 LÀM VIỆC VỚI STYLESHEET Kích chuột phải lên vị trí cần định dạng -> Add Style -> Chọn mục cần định dạng hình 37 7/6/2016 LÀM VIỆC VỚI STYLESHEET Nạp file Css vào trang: Mở trang chế độ Source dùng thẻ: