Giáo trình môn họcmô đun Lập trình web với ASP.NET

ỦY BAN NHÂN DÂN TỈNH LÂM ĐỒNG TRƢỜNG CAO ĐẲNG NGHỀ ĐÀ LẠT GIÁO TRÌNH MƠN HỌC/ MƠ ĐUN: LẬP TRÌNH WEB VỚI ASP.NET NGÀNH/ NGHỀ: THIẾT KẾ TRANG WEB TRÌNH ĐỘ: CAO ĐẲNG Ban hành kèm theo Quyết định số: 1157/QĐ-CĐNĐL ngày 11 tháng 12 năm 2019 Hiệu trưởng Trường Cao đẳng Nghề Đà Lạt (LƢU HÀNH NỘI BỘ) Lâm Đồng, năm 2019 TUYÊN BỐ BẢN QUYỀN Tài liệu thuộc loại sách giáo trình nên nguồn thơng tin phép dùng ngun trích dùng cho mục đích đào tạo tham khảo Mọi mục đích khác mang tính lệch lạc sử dụng với mục đích kinh doanh thiếu lành mạnh bị nghiêm cấm Giáo trình lưu hành nội Trường Cao đẳng Nghề Đà Lạt LỜI GIỚI THIỆU Vài nét xuất xứ giáo trình: Giáo trình viết theo Thơng tư số 03/2017/TT-BLĐTBXH ngày 01 tháng 03 năm 2017 Bộ Lao động – Thương binh Xã hội việc Quy định quy trình xây dựng, thẩm định ban hành chương trình; tổ chức biên soạn, lựa chọn, thẩm định giáo trình đào tạo trình độ trung cấp, trình độ cao đẳng Quá trình biên soạn: Giáo trình biên soạn có tham gia tích cực giáo viên có kinh nghiệm, với ý kiến đóng góp quý báu chuyên gia lĩnh vực công nghệ thông tin Mối quan hệ tài liệu với chương trình, mơ đun/mơn học: Căn vào chương trình đào tạo nghề Thiết kế trang web, giáo trình giúp cung cấp cho người học kiến thức lập trình ASP.NET kỹ lập trình ứng dụng web server Để học mơ đun người học cần có kiến thức lập trình HTML Cấu trúc chung giáo trình: Giáo trình tổ chức thành Lời cảm ơn Giáo trình biên soạn sở văn quy định Nhà nước tham khảo nhiều tài liệu liên quan có giá trị Song hẳn q trình biên soạn khơng tránh khỏi thiếu sót định Ban biên soạn mong muốn thực cảm ơn ý kiến nhận xét, đánh giá chuyên gia, thầy đóng góp cho việc chỉnh sửa để giáo trình ngày hồn thiện Lâm Đồng, ngày 10 tháng 12 năm 2019 Tham gia biên soạn Phạm Đình Nam Ngơ Thiên Hồng Nguyễn Quỳnh Ngun Phan Ngọc Bảo MỤC LỤC Bài 01: TỔNG QUAN VỀ ASP.NET I Giới thiệu ASP.Net 1 Tìm hiểu ASP.Net Những ưu điểm ASP.Net Quá trình xử lý tập tin ASPX Tìm hiểu Net Phatform Net Framework II Web Server Internet Information Services Cài đặt Web Server Cấu hình Internet Information Services III Tạo ứng dụng Web 12 Khởi động MS Visual Studio Net 12 Tạo ứng dụng Web .13 Bổ sung điều khiển 14 Thi hành ứng dụng .15 Phân loại tập tin ASP.Net 15 IV Làm quen với thành phần giao diện VS Net .16 Solution Explorer 16 Property Window 17 Toolbox 17 Document Outline Window 18 Bài 02: WEB SERVER CONTROL .19 I Điều khiển chuẩn – Standard 19 Label 20 TextBox 20 Image 20 Button, ImageButton, LinkButton 21 HyperLink .22 ListBox Và DropDownList 22 CheckBox & RadioButton 25 CheckBoxList & RadioButtonList 25 II Điều khiển kiểm tra liệu III Một số điều khiển khác IV Đối tƣợng ViewState V Asp.Net Page Bài 03: CÁC ĐIỀU KHIỂN LIÊN KẾT DỮ LIỆU I Điều khiển DataGrid 62 I.1 Các thao tác định dạng lưới 62 I.2 Xử lý xếp 67 I.3 Xử lý phân trang 69 I.4 Tùy biến cột 70 I.5 Cập nhật liệu trực tiếp lưới .74 II Điều khiển DataList 79 II.1 Sử dụng DataList để hiển thị liệu .79 II.2 Cập nhật liệu với DataList 83 III Điều khiển Repeater 87 IV Các ví dụ mở rộng 90 IV.1 Xử lý đảo hướng xếp DataGrid 90 IV.2 Tạo biểu tượng xếp cột cho DataGrid .91 IV.3 Định dạng hình thức hiển thị cho dòng liệu thỏa điều kiện DataGrid 92 IV.4 Tạo hiệu ứng chọn rê chuột qua dòng liệu 93 Bài XÂY DỰNG LỚP XỬ LÝ DỮ LIỆU 94 I Thiết kế tổng quan 96 I.1 Cấu trúc chi tiết lớp XL_BANG 98 I.2 Xây dựng lớp xử lý nghiệp vụ .102 I.3 Sử dụng lớp xử lý nghiệp vụ 104 Bài 108 Tài liệu hướng dẫn giảng dạy Học phần - Lập trình ứng dụng web với ASP.NET Trang 3/174 XÂY DỰNG ĐỐI TƢỢNG THỂ HIỆN 108 I Tạo đối tƣợng thể 109 II Sử dụng đối tƣợng thể 111 III Tạo phƣơng thức cho đối tƣợng thể 112 IV Tạo kiện cho đối tƣợng thể 113 IV.1 Thiết kế .114 IV.2 Xử lý 114 Bài 117 XÂY DỰNG VÀ QUẢN LÝ ỨNG DỤNG 117 I Đối tƣợng Request, Response 118 I.1 Đối tượng Response 118 I.2 Đối tượng Request 120 II Đối tƣợng Session, Application 122 II.1 Đối tượng Application 123 II.2 Đối tượng Session .124 III Đối tƣợng Server 125 IV Đối tƣợng Cookies 125 IV.1 Giới thiệu 125 IV.2 Làm việc với Cookies 126 V Tập tin quản lý cấu hình ứng dụng 127 V.1 Global.asax .127 V.2 V.2 Web.config .128 VI Tổ chức & xây dựng ứng dụng 133 VI.1 Tổ chức lưu trữ ứng dụng 133 VI.2 Xây dựng ứng dụng 134 Bài 136 WEB SERVICE 136 I Tìm hiểu Web Services 137 II Xây dựng Web Services 140 Tài liệu hướng dẫn giảng dạy Học phần - Lập trình ứng dụng web với ASP.NET Trang 4/174 II.1 Tạo Web Services VS Net 140 II.2 Kiểm tra Web Service 141 III Sử dụng Web Service 143 III.1 Sử dụng Web Service người dùng xây dựng .144 III.2 Sử dụng Web Services cung cấp miễn phí mạng 144 IV Xây dựng Web Services truy xuất liệu 148 IV.1 Web Service: WS_KHACH_HANG 148 IV.2 Sử dụng WS_KHACH_HANG .150 Bài 152 PHỤ LỤC 152 I Cơ sở liệu dùng ứng dụng 153 I.1 Thiết kế sở liệu 153 I.2 Dữ liệu thử .156 II Giới thiệu tag HTML 157 II.1 Cơ tag HTML 157 II.2 Các tag nhập liệu 163 III Cascading Style Sheets - CSS 166 III.1 Giới thiệu CSS 166 III.2 Cú pháp CSS 167 III.3 Sử dụng CSS trang HTML 169 Bài 01 TỔNG QUAN VỀ ASP.NET I Giới thiệu ASP.Net Tìm hiểu ASP.Net Từ khoảng cuối thập niên 90, ASP (Active Server Page) nhiều lập trình viên lựa chọn để xây dựng phát triển ứng dụng web động máy chủ sử dụng hệ điều hành Windows ASP thể ưu điểm với mơ hình lập trình thủ tục đơn giản, sử dụng hiệu đối tượng COM: ADO (ActiveX Data Object) - xử lý liệu, FSO (File System Object) - làm việc với hệ thống tập tin…, đồng thời, ASP hỗ trợ nhiều ngôn ngữ: VBScript, JavaScript Chính ưu điểm đó, ASP yêu thích thời gian dài Tuy nhiên, ASP cịn tồn đọng số khó khăn Code ASP HTML lẫn lộn, điều làm cho trình viết code khó khăn, thể trình bày code không sáng, hạn chế khả sử dụng lại code Bên cạnh đó, triển khai cài đặt, không biên dịch trước nên dễ bị source code, hạn chế mặt tốc độ thực Q trình xử lý Postback khó khăn, … Đầu năm 2002, Microsoft giới thiệu kỹ thuật lập trình Web mẻ với tên gọi ban đầu ASP+, tên thức sau ASP.Net Với ASP.Net, khơng khơng cần địi hỏi bạn phải biết tag HTML, thiết kế web, mà cịn hỗ trợ mạnh lập trình hướng đối tượng trình xây dựng phát triển ứng dụng Web ASP.Net kỹ thuật lập trình phát triển ứng dụng web phía Server (Server-side) dựa tảng Microsoft Net Framework Hầu hết, người đến với lập trình web bắt đầu tìm hiểu kỹ thuật phía Client (Client-side) như: HTML, Java Script, CSS (Cascading Style Sheets) Khi Web browser yêu cầu trang web (trang web sử dụng kỹ thuật client-side), Web server tìm trang web mà Client yêu cầu, sau gởi cho Client Client nhận kết trả từ Server hiển thị lên hình ASP.Net sử dụng kỹ thuật lập trình phía server hồn tồn khác, mã lệnh phía server (ví dụ: mã lệnh trang ASP, ASP.NET) biên dịch thi hành Web Server Sau Server đọc, biên dịch thi hành, kết tự động chuyển sang HTML/ JavaScript/ CSS trả cho Client Tất xử lý lệnh ASP, ASP.Net thực Server đó, gọi kỹ thuật lập trình phía server Những ƣu điểm ASP.Net • ASP.Net cho phép bạn lựa chọn ngôn ngữ lập trình mà bạn u thích: Visual Basic.Net, J#, C#,… • Trang ASP.Net biên dịch trước thành tập tin DLL mà Server thi hành nhanh chóng hiệu Yếu tố bước nhảy vọt đáng kể so với kỹ thuật thông dịch ASP Trang • ASP.Net hỗ trợ mạnh mẽ thư viện phong phú đa dạng Net Framework, làm việc với XML, Web Service, truy cập sở liệu qua ADO.Net, … ASPX ASP hoạt động ứng dụng • ASP.Net sử dụng phong cách lập trình mới: Code behide Tách code riêng, giao diện riêng Dễ đọc, dễ quản lý bảo trì • Kiến trúc lập trình giống ứng dụng Windows • Hỗ trợ quản lý trạng thái control • Tự động phát sinh mã HTML cho Server control tương ứng với loại Browser • Triển khai cài đặt o Không cần lock, không cần đăng ký DLL o Cho phép nhiều hình thức cấu hình ứng dụng • Hỗ trợ quản lý ứng dụng mức tồn cục o Global.aspx có nhiều kiện o Quản lý session nhiều Server, không cần Cookies Quá trình xử lý tập tin ASPX Khi Web server nhận u cầu từ phía client, tìm kiếm tập tin u cầu thơng qua chuỗi URL gởi về, sau đó, tiến hành xử lý theo sơ đồ sau: Tìm hiểu Net Phatform Net Framework Net Phatform Bao gồm Net Framework công cụ dùng để xây dựng, phát triển ứng dụng dịch vụ ASP.Net Trang .Net Framework Kiến trúc Net Framework Hệ điều hành Cung cấp chức xây dựng ứng dụng với vai trò quản lý việc xây dựng thi hành ứng dụng, NET Framework cung cấp lớp đối tượng (Class) để bạn gọi thi hành chức mà đối tượng cung cấp Tuy nhiên, lời kêu gọi bạn có "hưởng ứng" hay khơng cịn tùy thuộc vào khả hệ điều hành chạy ứng dụng bạn • Các chức đơn giản hiển thị hộp thông báo (Messagebox) NET Framework sử dụng hàm API Windows Chức phức tạp sử dụng COMponent yêu cầu Windows phải cài đặt Microsoft Transaction Server (MTS) hay chức Web cần Windows phải cài đ�c định qui định sẵn Ứng với CommandName mặc định, có kiện để ta thực xử lý tương ứng: Command name="Edit" Sự kiện EditCommand Command name="Update" Sự kiện UpdateCommand Command name="Cancel" Sự kiện CancelCommand Command name="Delete" Sự kiện DeleteCommand Chắc hẳn bạn thắc mắc khơng có kiện SelectCommand? Bốn kiện liệt kê kiện dành riêng, tương ứng với giá trị Command name mặc định Edit, Update, Cancel, Delete Đối với CommandName có giá trị khác, sử dụng kiện dành chung cho tất nút lệnh có thuộc tính CommandName (Button, Linkbutton, ImageButton) đặt lưới - kiện ItemCommand Tại vậy? Vì ta đặt nút lệnh vào lưới (sử dụng cột Template column), chúng (các nút lệnh) khơng cịn kiện Click nữa, thay vào đó, tất nút lệnh nhấn gây kiện ItemCommand Dựa vào giá trị e.CommandName (tham số kiện) để xác định nút lệnh nhấn Cũng cần lưu ý thêm nút lệnh nhấn gây kiện ItemCommand Do đó, nút lệnh có giá trị thuộc tính CommandName Edit, Update, Cancel, Delete nhấn gây kiện ItemCommand trước gây kiện dành riêng cho chúng Giao diện lƣới sau thêm nút lệnh I.5.2 Giai đoạn xử lý Xử lý chọn mẩu tin Chọn mẫu tin lƣới Private Sub dtgKhach_hang_ItemCommand(…, e …) … If e.CommandName = "Select" Then dtgKhach_hang.SelectedIndex = e.Item.ItemIndex Lien_ket_du_lieu() End If End Sub Trang 115 Xử lý sửa, ghi, không Muốn cập nhật liệu, ta cần xác định khách hàng cập nhật thông qua Mã khách hàng Để lấy Mã khách hàng: Gán thuộc tính DataKeyField điều khiển lưới = "MKH" .DataKeys() Trả Mkh dòng Chọn mẫu tin để cập nhật liệu Private Sub Page_Load(…) … If Not IsPostBack Then dtgKhach_hang.DataKeyField = "MKH" Lien_ket_du_lieu() End If End Sub Private Sub dtgKhach_hang_EditCommand(…, e …) … dtgKhach_hang.EditItemIndex = e.Item.ItemIndex Lien_ket_du_lieu() End Sub Private Sub dtgKhach_hang_UpdateCommand(…, e …) … 'Khai báo khởi tạo biến kết nối: cnKet_noi 'Lấy liệu mà người dùng vừa cập nhật Dim lHo_kh As TextBox = e.Item.Cells(0).Controls(0) Dim lTen_kh As TextBox = e.Item.Cells(1).Controls(0) Dim lPhai As CheckBox = e.Item.FindControl("chkPhai") Dim lMkh As Integer = dtgKhach_hang.DataKeys(e.Item.ItemIndex) 'Tạo đối tượng Command để cập nhật liệu Dim cmdLenh As New OleDbCommand cmdLenh.Connection = cnKet_noi cmdLenh.CommandText = "Update KHACH_HANG " & _ "Set Ho_khach_hang=?, Ten_khach_hang=?, " & _ "Gioi_tinh=? Where MKH=?" 'Truyền tham số cho đối tượng Command cmdLenh.CommandType = CommandType.Text cmdLenh.Parameters.Add("Ho_kh", lHo_kh.Text) cmdLenh.Parameters.Add("Ten_kh", lTen_kh.Text) cmdLenh.Parameters.Add("Phai", lPhai.Checked) cmdLenh.Parameters.Add("Mkh", lMkh) 'Thi hành Command cnKet_noi.Open() Trang 116 ... trang web, giáo trình giúp cung cấp cho người học kiến thức lập trình ASP.NET kỹ lập trình ứng dụng web server Để học mô đun người học cần có kiến thức lập trình HTML Cấu trúc chung giáo trình: Giáo. .. thuật lập trình Web mẻ với tên gọi ban đầu ASP+, tên thức sau ASP.Net Với ASP.Net, khơng khơng cần địi hỏi bạn phải biết tag HTML, thiết kế web, mà cịn hỗ trợ mạnh lập trình hướng đối tượng trình. .. Quy định quy trình xây dựng, thẩm định ban hành chương trình; tổ chức biên soạn, lựa chọn, thẩm định giáo trình đào tạo trình độ trung cấp, trình độ cao đẳng Quá trình biên soạn: Giáo trình biên