Bài giảng lập trình website ASP NET

BỘ CÔNG THƯƠNG TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP QUẢNG NINH KHOA CƠNG NGHỆ THƠNG TIN BÀI GIẢNG LẬP TRÌNH WEBSITE ASP.NET (Dành cho sinh viên bậc Đại học) (LƯU HÀNH NỘI BỘ) Quảng Ninh, 2022 Bài Giảng Mơn Lập Trình Website ASP.Net MỤC LỤC Chương 01: TỔNG QUAN VỀ ASP.NET Trang 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 Chương 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 Chương 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 Biên sọan: Dương Thành Phết Trang Bài Giảng Môn Lập Trình Website ASP.Net 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 94 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 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 Biên sọan: Dương Thành Phết Trang Bài Giảng Mơn Lập Trình Website ASP.Net 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 Chương 01 TỔNG QUAN VỀ ASP.NET    Giới thiệu Asp.Net Web Server Tạo ứng dụng web 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, … Biên sọan: Dương Thành Phết Trang Bài Giảng Mơn Lập Trình Website ASP.Net Đầ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 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  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 toàn cục o Global.aspx có nhiều kiện Biên sọan: Dương Thành Phết Trang Bài Giảng Mơn Lập Trình Website ASP.Net 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 yê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 .Net Framework Kiến trúc Net Framework Biên sọan: Dương Thành Phết Trang Bài Giảng Mơn Lập Trình Website ASP.Net  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 đặt Internet Information Server (IIS) Như vậy, bạn cần biết lựa chọn hệ điều hành để cài đặt sử dụng NET Framework không phần quan trọng Cài đặt NET Framework hệ điều hành Windows 2000, 2000 Server, XP, 2003 Server, Vista đơn giản tiện dụng lập trình  Common Language Runtime Là thành phần "kết nối" phần khác NET Framework với hệ điều hành Common Language Runtime (CLR) giữ vai trò quản lý việc thi hành ứng dụng viết NET Windows CLR thơng dịch lời gọi từ chương trình cho Windows thi hành, đảm bảo ứng dụng không chiếm dụng sử dụng tràn lan tài nguyên hệ thống Nó khơng cho phép lệnh "nguy hiểm" thi hành Các chức thực thi thành phần bên CLR Class loader, Just In Time compiler, Garbage collector, Exception handler, COM marshaller, Security engine,… Trong phiên hệ điều hành Windows XP.NET Windows 2003, Win Vista CLR gắn kèm với hệ điều hành Điều đảm bảo ứng dụng viết máy tính chạy máy tính khác mà khơng cần cài đặt, bước thực đơn giản lệnh xcopy DOS!  Bộ thư viện lớp đối tượng Nếu phải giải nghĩa từ "Framework" thuật ngữ NET Framework lúc thích hợp Framework tập hợp hay thư viện lớp đối tượng hỗ trợ người lập trình xây dựng ứng dụng Có thể số người nghe qua MFC JFC Microsoft Foundation Class thư viện mà lập trình viên Visual C++ sử dụng Java Foundation Class thư viện dành cho lập trình viên Java Giờ đây, coi NET Framework thư viện dành cho lập trình viên NET Với 5000 lớp đối tượng để gọi thực đủ loại dịch vụ từ hệ điều hành, bắt đầu xây dựng ứng dụng Notepad.exe!!!… Nhiều người lầm tưởng Biên sọan: Dương Thành Phết Trang Bài Giảng Mơn Lập Trình Website ASP.Net mơi trường phát triển phần mềm Visual Studio 98 hay Visual Studio.NET tất cần để viết chương trình Thực ra, chúng phần mềm dùng làm "vỏ bọc" bên Với chúng, viết đoạn lệnh đủ màu xanh, đỏ; lỗi cú pháp báo gõ lệnh; thuộc tính đối tượng đặt cửa sổ properties, giao diện thiết kế theo phong cách trực quan… Như vậy, hình dung tầm quan trọng NET Framework Nếu khơng có cốt lõi NET Framework, Visual Studio.NET vỏ bọc! Nhưng khơng có Visual Studio.NET, cơng việc lập trình viên NET bước gian nan! o Base class library – thư viện lớp sở Đây thư viện lớp nhất, dùng lập trình hay thân người xây dựng NET Framework phải dùng để xây dựng lớp cao Ví dụ lớp thư viện String, Integer, Exception,… o ADO.NET XML Bộ thư viện gồm lớp dùng để xử lý liệu ADO.NET thay ADO để việc thao tác với liệu thông thường Các lớp đối tượng XML cung cấp để bạn xử lý liệu theo định dạng mới: XML Các ví dụ cho thư viện SqlDataAdapter, SqlCommand, DataSet, XMLReader, XMLWriter,… o ASP.NET Bộ thư viện lớp đối tượng dùng việc xây dựng ứng dụng Web ASP.NET phiên ASP 3.0 Ứng dụng web xây dựng ASP.NET tận dụng toàn khả NET Framework Bên cạnh "phong cách" lập trình mà Microsoft đặt cho tên gọi kêu: code behind Đây cách mà lập trình viên xây dựng ứng dụng Windows based thường sử dụng – giao diện lệnh tách riêng Tuy nhiên, bạn quen với việc lập trình ứng dụng web, "đổi đời" bạn giải phóng khỏi mớ lệnh HTML lộn xộn tới hoa mắt Sự xuất ASP.NET làm cân xứng trình xây dựng ứng dụng Windows Web ASP.NET cung cấp Server Control để lập trình viên bắt kiện xử lý liệu ứng dụng làm việc với ứng dụng Windows Nó cho phép chuyển ứng dụng trước viết để chạy Windows thành ứng dụng Web dễ dàng Ví dụ cho lớp thư viện WebControl, HTMLControl, … o Web services Web services hiểu sát nghĩa dịch vụ cung cấp qua Web (hay Internet) Dịch vụ coi Web service không nhằm vào người dùng mà nhằm vào người xây dựng phần mềm Web service dùng để cung cấp liệu hay chức tính tốn Ví dụ, cơng ty du lịch bạn sử dụng hệ thống phần mềm để ghi nhận thông tin khách du lịch đăng ký tour Để thực việc đặt phòng khách sạn địa điểm du lịch, công ty cần biết thông tin phịng trống khách sạn Khách sạn cung cấp Web service biết thông tin phòng trống thời điểm Dựa vào đó, phần mềm bạn biết liệu có đủ chỗ để đặt phịng cho khách du lịch khơng? Nếu đủ, phần mềm lại dùng Web service khác cung cấp chức đặt phòng để thuê khách sạn Điểm lợi Web service bạn không cần người làm việc liên lạc với khách sạn Biên sọan: Dương Thành Phết Trang Bài Giảng Mơn Lập Trình Website ASP.Net để hỏi thơng tin phịng, sau đó, với đủ thơng tin nhiều loại phịng người xác định loại phịng cần đặt, số lượng đặt bao nhiêu, đủ hay không đủ lại liên lạc lại với khách sạn để đặt phòng Đừng quên khách sạn lúc cần có người để làm việc với nhân viên bạn chưa họ liên lạc thành công Web service cung cấp dựa vào ASP.NET hỗ trợ từ phía hệ điều hành Internet Information Server o Window form Bộ thư viện Window form gồm lớp đối tượng dành cho việc xây dựng ứng dụng Windows based Việc xây dựng ứng dụng loại hỗ trợ tốt từ trước tới công cụ ngôn ngữ lập trình Microsoft Giờ đây, ứng dụng chạy Windows làm việc với ứng dụng Web dựa vào Web service Ví dụ lớp thư viện là: Form, UserControl,…  Phân nhóm lớp đối tượng theo loại Một khái niệm hình vẽ cần đề cập đến Namespace Đây tên gọi nhóm lớp đối tượng phục vụ cho mục đích Chẳng hạn, lớp đối tượng xử lý liệu đặt namespace tên Data Các lớp đối tượng dành cho việc vẽ hay hiển thị chữ đặt namespace tên Drawing Một namespace namespace lớn Namespace lớn NET Framework System Hệ thống tên miền (Namespace) Lợi điểm namespace phân nhóm lớp đối tượng, giúp người dùng dễ nhận biết sử dụng Ngoài ra, namespace tránh việc lớp đối tượng có tên trùng với khơng sử dụng .NET Framework cho phép tạo lớp đối tượng namespace riêng Với 5000 tên có sẵn, việc đặt trùng tên lớp với lớp đối tượng có điều khó tránh khỏi Namespace cho phép việc xảy cách sử dụng tên đầy đủ để nói đến lớp đối tượng Ví dụ, muốn dùng lớp WebControls, dùng tên tắt WebControls hay tên đầy đủ là: System.Web.UI.WebControls Biên sọan: Dương Thành Phết Trang Bài Giảng Mơn Lập Trình Website ASP.Net Đặc điểm thư viện đối tượng NET Framework trải rộng để hỗ trợ tất ngơn ngữ lập trình NET thấy hình vẽ Điều giúp người bắt đầu bận tâm việc lựa chọn ngơn ngữ lập trình cho tất ngôn ngữ mạnh ngang Cũng cách sử dụng lớp đối tượng để xây dựng ứng dụng, NET Framework buộc người lập trình phải sử dụng kỹ thuật lập trình hướng đối tượng (sẽ nói tới chương sau) II Web Server Trong phần giới thiệu IIS (phần mềm Web Server Microsot dành cho Windows), đồng thời hướng dẫn cài đặt, cấu hình kiểm tra Web Server hệ thống sử dụng Windows 2000,XP, Vista, Server 2003 Internet Information Services (IIS) IIS sử dụng Web server, kết hợp với ASP, ASP.NET để xây dựng ứng dụng Web tận dụng điểm mạnh Server-side Script, COM component,…theo mơ hình Client/Server IIS có nhiều phiên bản, phát hành rời Service pack WinNT  Các phiên Windows 2000 có tích hợp IIS 5.0  Windows XP tích hợp IIS 5.5  Windows XP NET Server tích hợp IIS hỗ trợ tính dành cho NET ASP.NET Web Service  Windows Vista tích hợp IIS 7.0 Cài đặt Web Server a Cài đặt Web Server Windows 2000/Windows XP Professional Windows 2000, Xp tích hợp sẵn IIS khơng tự động cài đặt đó, bạn phải tự cài IIS hệ thống chưa cài  Bước Chọn Control Panel | Add/Remove programs  Bước Add/Remove Windows Components  Bước Đánh dấu vào mục Internet Information Services (IIS)  Bước Chọn nút Next để cài đặt Sau cài đặt IIS, thư mục InetPub tự động tạo ổ C: chứa thư mục wwwroot Có thể truy cập đến Website cách: http://localhost http://127.0.0.1 Biên sọan: Dương Thành Phết Trang Bài Giảng Mơn Lập Trình Website ASP.Net 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() cmdLenh.ExecuteNonQuery() cnKet_noi.Close() 'Tắt chế độ cập nhật liệu dtgKhach_hang.EditItemIndex = -1 'Hiển thị liệu cập nhật lên lưới Lien_ket_du_lieu() End Sub Private Sub dtgKhach_hang_CancelCommand(…, e …) … dtgKhach_hang.EditItemIndex = -1 Lien_ket_du_lieu() End Sub Hiệu chỉnh độ rộng Textbox dịng trạng thái sửa Bạn bổ sung đoạn lệnh sau (trong kiện ItemDataBound) để hiệu chỉnh độ rộng Textbox dòng trạng thái sửa Biên sọan: Dương Thành Phết Trang 125 Bài Giảng Mơn Lập Trình Website ASP.Net If e.Item.ItemType = ListItemType.EditItem Then CType(e.Item.Cells(0).Controls(0),TextBox).Width = New Unit(133) CType(e.Item.Cells(1).Controls(0), TextBox).Width = New Unit(63) End If Xử lý hủy mẫu tin Private Sub dtgKhach_hang_DeleteCommand(…, e …) … 'Thực xóa dịng liệu 'Xử lý tương tự Update Command 'Hiển thị liệu cập nhật lên lưới Lien_ket_du_lieu() End Sub II Điều khiển DataList II.1 Sử dụng DataList để hiển thị liệu Như điều khiển DataGrid, điều khiển DataList sử dụng để hiển thị liệu Tuy nhiên, DataList, phải tự thiết kế hình thức hiển thị liệu (giống Template Column DataGrid) Huy Cận Về Tác Giả Và Tác Phẩm NXB: Giáo dục Cuốn Huy Cận Về Tác Gia Và Tác Phẩm tập hợp nghiên cứu, phê bình nhà văn, nhà thơ, cán giảng dạy, nhà nghiên cứu phê bình văn học, nhà nghiên cứu văn hóa nước ngồi cơng bố sách, báo, tạp chí Các viết xếp theo thứ tự thời gian chủ đề, để bạn đọc hình Giá: 45,500.00 VND [Đặt hàng] [Xem Tiếp] Địa Chất Cơng Trình (Giáo Trình Dùng Cho Sinh Viên Ngành Xây Dựng Cầu Đường) NXB: Giao thơng vận tải Địa chất cơng trình mơn đưa vào chương trình đào tạo kỹ sư ngành Xây dựng cầu đường trường Đại học GTVT từ lâu Những hiểu biết địa chất cơng trình giúp ích nhiều cho kỹ sư cầu đường khảo sát, thiết kế thi cơng cơng trình giao thông Giá: 14,000.00 VND [Đặt hàng] [Xem Tiếp] Sử dụng DataList hiển thị thông tin sách Một số thuộc tính cần ý DataList ฀ RepeatDirection: Qui định hướng hiển thị liệu Biên sọan: Dương Thành Phết Trang 126 Bài Giảng Mơn Lập Trình Website ASP.Net ฀ Horizontal: Hiển thị liệu theo chiều ngang RepeatDirection = Horizontal ฀ Vertical (mặc định): Hiển thị liệu theo chiều đứng RepeatDirection = Vertical ฀ RepeatColumns: Qui định số cột hiển thị DataList L'Enquête Corse Đặt mua Unspeakable Đặt mua Bottle Rocket Đặt mua Ripper Đặt mua Enduring Love Đặt mua The Good Thief Đặt mua RepeatColumns = Thiết kế hình thức hiển thị cho DataList tương tự thiết kế cho cột Template Column DataGrid Chọn Edit Template | ItemTemplate từ thực đơn ngữ cảnh để thực thiết kế hình thức hiển thị cho DataList Chọn chức thiết kế cho DataList Trong q trình thực hành, để cơng việc thiết kế dễ dàng, bạn thực thiết kế bên điều khiển DataList Sử dụng Table (thực đơn Insert ฀ Table) để định vị trí hiển thị điều khiển Sau hồn tất cơng việc thiết kế, kéo kết thiết kế vào vị trí cần hiển thị DataList ฀ Ví dụ: Hiển thị thông tin sách với DataList Thiết kế thông tin sách với DataList Như cột Template Column DataGrid, xử lý hiển thị liệu cho DataList viết kiện ItemDataBound Xử lý nhấn Button đặt DataList viết kiện ItemCommand Private Sub Page_Load(…, e …) Handles MyBase.Load If Not IsPostBack Then Biên sọan: Dương Thành Phết Trang 127 Bài Giảng Môn Lập Trình Website ASP.Net Lien_ket_du_lieu() End If End Sub Public Sub Lien_ket_du_lieu() dtSach = Doc_danh_sach_Sach() dtlSach.DataSource = dtSach dtlSach.DataKeyField = "Ms" dtlSach.DataBind() End Sub Private Sub dtlSach_ItemDataBound(…, e …) … Dim lDong as Integer = e.Item.ItemIndex If lDong < Then Exit Sub 'Hiển thị Tên sách Dim lnkTs As LinkButton lnkTs = e.Item.FindControl("lnkTen_sach") lnkTs.Text = e.Item.DataItem("Ten_sach") 'Hiển thị thông tin mơ tả tóm tắt nội dung Label HyperLink LinkButton 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 82/174 Dim lblMt As Label lblMt = e.Item.FindControl("lblMo_ta") lblMt.Text = Left(e.Item.DataItem("Mo_ta"), 200) & " " 'Hiển thị hình ảnh minh họa Dim hplHinh As HyperLink hplHinh = e.Item.FindControl("hplHinh_mh") hplHinh.ImageUrl = " /Data_Pic/" & e.Item.DataItem("Hinh_minh_hoa") 'Hiển thị giá bán sách Dim lblGia As Label lblGia = e.Item.FindControl("lblGia_ban") lblGia.Text = e.Item.DataItem("Don_gia") End Sub Kết hiển thị thông tin sách trang Web Kết trang Web 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 83/174 Biên sọan: Dương Thành Phết Trang 128 Bài Giảng Mơn Lập Trình Website ASP.Net II.2 Cập nhật liệu với DataList Ngoài việc hiển thị liệu, DataList hỗ trợ thao tác cập nhật liệu Để thực chức cập nhật liệu với DataList, cần phải thiết kế thêm vùng EditIemTemplate cho DataList (xem hình) II.2.1 Các bước xử lý a Thiết kế Thiết kế vùng ItemTemplate EditItemTemplate Thực thao tác liên kết liệu cho điều khiển vùng EditItemTemplate thông qua cửa sổ thuộc tính tương tự ItemTemplate Chú ý: Chúng ta hồn tồn thực việc liên kết liệu kiện ItemDataBound Chọn chức DataBindings cho ô Đơn giá Liên kết liệu với cột Don_gia Yêu cầu thiết kế Tên điều khiển Thiết lập thuộc tính Hieu_chinh: ImageButton CommandName: Edit Ghi_nhan: ImageButton CommandName: Update CommandArgument: DataBinder.Eval(Container, "DataItem.Ms") ฀ Lưu lại mã số sách hiệu chỉnh Bo_qua: ImageButton CommandName: Cancel 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 85/174 b Xử lý lệnh để cập nhật liệu Xử lý kiện EditCommand, CancelCommand, UpdateCommand để thực hiện/bỏ qua việc thay đổi liệu Private Sub Page_Load(…, e …) Handles MyBase.Load 'Put user code to initialize the page here If Not IsPostBack Then Lien_ket_du_lieu() End If End Sub Private Sub dtlHang_hoa_EditCommand(…, e …) … dtlHang_hoa.EditItemIndex = e.Item.ItemIndex Lien_ket_du_lieu() End Sub Private Sub dtlHang_hoa_CancelCommand(…, e …) … Biên sọan: Dương Thành Phết Trang 129 Bài Giảng Mơn Lập Trình Website ASP.Net dtlHang_hoa.EditItemIndex = -1 Lien_ket_du_lieu() End Sub Private Sub dtlHang_hoa_UpdateCommand(…, e …) … 'Xử lý cập nhật liệu Dim Don_gia_sua As TextBox Don_gia_sua = e.Item.FindControl("Don_gia_sua") 'Don_gia_sua.Text ฀ Trả đơn giá sửa '…… dtlHang_hoa.EditItemIndex = -1 Lien_ket_du_lieu() End Sub 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 86/174 DataList chế độ hiệu chỉnh III Điều khiển Repeater Như điều khiển DataList & DataGrid, điều khiển Repeater dùng để hiển thị liệu Tuy nhiên, để hiển thị liệu, phải tự thiết kế hình thức hiển thị thơng qua tag HTML Điều khiển Repeater có tag sau: ฀ (tùy chọn) Qui định hình thức hiển thị cho tiêu đề (Chỉ xuất lần, phía điều khiển) ฀ (Bắt buộc phải có) Qui định hình thức hiển thị cho mục liệu điều khiển ฀ (tùy chọn) Qui định hình thức hiển thị cho mục liệu điều khiển Nội dung qui định cặp tag hiển thị xen kẽ với nội dung cặp tag ฀ (tùy chọn) Qui định hình thức hiển thị dòng liệu ฀ (tùy chọn) Qui định hình thức hiển thị cho tiêu đề (Chỉ xuất lần, phía điều khiển) Ví dụ: Bước Tạo điều khiển Repeater: rptKhach_hang vào trang Web Điều khiển rptKhach_hang trang Web Bước Chuyển qua xem trang Web dạng HTML Biên sọan: Dương Thành Phết Trang 130 Bài Giảng Mơn Lập Trình Website ASP.Net Bước Bổ sung tag sau Họ khách hàng Tên khách hàng Địa chỉ Điện thoại Biên sọan: Dương Thành Phết Trang 131 Bài Giảng Mơn Lập Trình Website ASP.Net Bước Xem lại hình thiết kế Bước Tạo nguồn liệu cho điều khiển Private Sub Page_Load(…) Handles MyBase.Load 'Tạo liệu cho đối tượng DataTable: dtKhach_hang rptKhach_hang.DataSource = dtKhach_hang rptKhach_hang.DataBind() End Sub Bước Thi hành ứng dụng 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 90/174 IV Các ví dụ mở rộng IV.1 Xử lý đảo hướng xếp DataGrid Ví dụ minh họa xử lý đảo hướng xếp DataGrid Đồng thời, ví dụ này, thực liên kết liệu qua đối tượng DataView để thực xếp nguồn liệu Private Sub Page_Load(…, e …) Handles MyBase.Load If Not IsPostBack Then Lien_ket_du_lieu() End Sub Public Sub Lien_ket_du_lieu() Dim dtKhach_hang As DataTable = Doc_ds_khach_hang() Biên sọan: Dương Thành Phết Trang 132 Bài Giảng Mơn Lập Trình Website ASP.Net Dim dvKhach_hang As New DataView(dtKhach_hang) dvKhach_hang.Sort = ViewState("SortExpression") If ViewState("SortAscending") = "false" Then dvKhach_hang.Sort &= " desc" End If dtgKhach_hang.DataSource = dvKhach_hang dtgKhach_hang.DataBind() End Sub Public Function Doc_ds_khach_hang() As DataTable Dim sKet_noi As String sKet_noi = "Provider=Microsoft.Jet.Oledb.4.0;Data Source=" & _ Server.MapPath(" \Data\QlBanSach.mdb") Dim cnKet_noi As New OleDbConnection(sKet_noi) Dim dsCSDL As New DataSet 'Mở đóng kết nối thực xong cnKet_noi.Open() Dim daBo_doc_ghi As New OleDbDataAdapter _ ("Select * From KHACH_HANG", cnKet_noi) cnKet_noi.Close() daBo_doc_ghi.Fill(dsCSDL, "KHACH_HANG") Return dsCSDL.Tables("KHACH_HANG") End Function Private Sub dtgKhach_hang_SortCommand(…, e …) … Dim sSap_xep As String = ViewState("SortExpression") 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 91/174 Dim sHuong As String = ViewState("SortAscending") ViewState("SortExpression") = e.SortExpression If (e.SortExpression = sSap_xep) Then ViewState("SortAscending") = IIf(sHuong = "false", "true", "false") End If Lien_ket_du_lieu() End Sub IV.2 Tạo biểu tượng xếp cột cho DataGrid Sắp xếp tăng dần theo tên khách hàng Private Sub dtgKhach_hang_ItemDataBound(…, e …) … If e.Item.ItemType = ListItemType.Header Then Dim sSap_xep As String = ViewState("SortExpression") Biên sọan: Dương Thành Phết Trang 133 Bài Giảng Mơn Lập Trình Website ASP.Net Dim sHuong As String = ViewState("SortAscending") Dim sKy_hieu As String = IIf(sHuong = "false", " 6", " 5") Dim i% For i = To dtgKhach_hang.Columns.Count - If sSap_xep = _ dtgKhach_hang.Columns(i).SortExpression Then Dim cell As TableCell = e.Item.Cells(i) Dim lblKy_hieu As New Label lblKy_hieu.Text = sKy_hieu lblKy_hieu.Font.Name = "webdings" lblKy_hieu.Font.Size = FontUnit.XSmall cell.Controls.Add(lblKy_hieu) End If Next End If End Sub IV.3 Định dạng hình thức hiển thị cho dịng liệu thỏa điều kiện DataGrid Trong ví dụ sau, thực tơ màu cho khách hàng có tên bắt đầu ký tự H Private Sub dtgKhach_hang_ItemDataBound(…, e …) … If e.Item.ItemIndex < Then Exit Sub Dim sTen_kh As String sTen_kh = e.Item.DataItem("Ten_khach_hang") 'Tiến hành kiểm tra điều kiện, 'nếu thỏa ฀ thực xử lý định dạng If sTen_kh.StartsWith("H") Then e.Item.BackColor = Color.LemonChiffon e.Item.Cells(1).Font.Bold = True End If End Sub Tô màu khách hàng có tên bắt đầu ký tự H IV.4 Tạo hiệu ứng chọn rê chuột qua dòng liệu Private Sub dtgKhach_hang_ItemDataBound(…, e …) … If e.Item.ItemIndex < Then Exit Sub e.Item.Attributes("onMouseOver") = _ "this.style.backgroundColor='#FFF8DC'" e.Item.Attributes("onMouseOut") = _ Biên sọan: Dương Thành Phết Trang 134 Bài Giảng Mơn Lập Trình Website ASP.Net "this.style.backgroundColor=''" End Sub Tạo hiệu ứng chọn dòng liệu lưới Kinh nghiệm giảng dạy: Các điều khiển liên kết liệu (DataGrid, DataList, Repeater) hỗ trợ tốt việc hiển thị liệu trang web Do hỗ trợ nhiều chức năng, giáo viên nên hướng dẫn học viên sử dụng chức mà điều khiển hỗ trợ Sau nắm vững thao tác chức năng, học viên phối hợp chức lên tập ฀ Biên sọan: Dương Thành Phết Trang 135 Bài Giảng Mơn Lập Trình Website ASP.Net TÀI LIỆU THAM KHẢO MSDN Library - April 2003 & MSDN Library - July 2005 MSDN Traning: Developing Microsoft ASP.NET Web Applications Using Visual Studio.NET MSDN Traning: Programming with Microsoft ADO.NET ASP.NET Web Developer’s Guide ASP.NET By Example [Steven A Smith] Developing Web Applications with Visual Basic NET and ASP.NET [John Alexander, Billy Hollis] Programming ASP.NET, 2nd Edition [Dan Hurwitz, Jesse Liberty] Inside ASP.NET [Scott Worley] ASP NET Bible [Mridula Parihar] 10 ASP.NET for Web Designers [Peter Ladka] 11 Professional ADO.NET Programming [Wrox] 12 Cascading Style Sheets - The Designer's Edge [Molly E Holzschlag ] 13 JavaScript Bible - Gold Edition [Danny Goodman] 14 Real World Web Services [Yasser Shohoud] 15 Trang chủ ASP.Net: http://www.asp.net 16 Trường học trực tuyến W3C: http://www.w3schools.com Đối tượng transaction tạo phương thức : a NewTransaction b StartTransaction c BeginTransaction d CreateTransaction Điều sau ưu điểm Server control so với HTML control : a Duy trì liệu control b Hiển thị khơng phụ thuộc vào trình duyệt Biên sọan: Dương Thành Phết Trang 136 Bài Giảng Mơn Lập Trình Website ASP.Net c Có kiện riêng biệt d Tốc độ hiển thị nhanh Phương thức di chuyển sau cho phép giữ lại thông tin từ web form xuất phát : a Respose.Redirect b Server.Transfer c Server.Execute d Cả phương thức Ứng dụng web không sử dụng control : a Windows controls b Server controls c HTML controls d User controls e Custom controls Phương thức sau chắn không làm thay đổi liệu : a ExecuteNonQuery b ExecuteReader c ExecuteScalar d ExecuteReadOnly Lệnh SQL dùng để thêm dòng vào bảng cở liệu : a INSERT NEW b ADD ROW c INSERT ROW d INSERT INTO Chúng ta sử dụng giao dịch : a Lập trình ứng dụng thương mại điện tử b Lập trình ứng dụng sở liệu phức tạp c Thực nhiều lệnh sở liệu lệnh d Cả câu Mức cô lập (isolation level) cao nhât giao dịch : a RepeatableRead b Serializable c Chaos d ReadUncommitted e ReadCommitted Thành phần khơng phải thuộc tính đối tượng Dat Adapter : a SQLCommand b DeleteCommand c UpdateCommand d InsertCommand 10 Yếu tố sau khác biệt Web form Windows form : a Các loại control form b Chu trình sống c Giao diện người dùng d Khả lưu trữ liệu 11 Các bước để tạo nơi lưu trữ ứng dụng ASP.Net : a Tạo thư mục vật lý, tạo thư mục ảo, tạo subweb b Tạo thư mục ảo, tạo subweb, tạo thư mục vật lý c Tạo thư mục ảo, tạo thư mục vật lý, tạo subweb d Tạo thư mục vật lý, tạo subweb, tạo thư mục ảo 12 Các kiện Application Section diễn theo trình tự : a Application_Start, Application_End, Section_Start, Section_End b Application_Start, Section_Start, Section_End, Application_End c Section_Start, Application_Start, Application_End, Section_End d Section_Start, Section_End, Application_Start, Application_End 13 Các trình tự web form diễn theo trình tự : a Page_Init, Page_Load, Page_Unload, Page_Dispose b Page_Load, Page_Init, Page_Unload, Page_Dispose Biên sọan: Dương Thành Phết Trang 137 Bài Giảng Mơn Lập Trình Website ASP.Net c Page_Load, Page_Unload, Page_Init, Page_Dispose d Page_Load, Page_Init, Page_Dispose, Page_Unload 14 Cookie : a Một chuỗi kí tự dịng địa web b Một file nằm server c Một file nằm Client d Một file XML 15 Ứng dụng email Outlook Express loại ứng dụng : a Internet b Web c Ngang hàng (peer-to-peer) d Cả câu sai 16 Ứng dụng web : a Chỉ chạy máy đơn b Có kiến trúc Client/Server c Là tất ứng dụng có sử dụng Internet d Cả câu 17 Địa URL ứng dụng web xác định : a Thư mục ảo ứng dụng b Thư mục vật lý ứng dụng c Tên Project d Cả câu sai 18 Ta lưu trữ liệu chung cho tât người dùng : a Biến Application b Biến Section c View State d Cả nơi nói 19 Dữ liệu control web form lưu trữ : a View state b Biến Application c Biến Section d Các biến tồn cục 20 Từ khóa khơng phải từ khóa thứa kế C# : a new b protected c inherit d override 21 Dùng lệnh sau để di chuyển đến trang web hello.html : a Server.Transfer ("hello.html") b Response.Redirect ("hello.html") c Server.Execute ("hello.html") d Tất 22 Control Kiểm chứng khơng có ASP.NET : a RequiredValidator b CompareValidator c RangeValidator d CustomValidator 23 Phương thức sau Data Set dùng để cập nhật liệu : a Fill b AcceptChanges c RejectChange d Update 24 Lệnh dùng để hoàn tất giao dịch : a Finish b Commit c Rollback d Update Biên sọan: Dương Thành Phết Trang 138 Bài Giảng Mơn Lập Trình Website ASP.Net 25 Phát biểu sai : a Phần thực thi ứng dụng web chạy điều khiển web server b Thông tin truyền từ server đến client giao thức FTP c Ứng dụng web không cần phải cài đặt phía client d Dịch vụ web loại ứng dụng Internet 26 Tên thư mục ảo có dạng : a c:\myproject b http://www.mycompany.com/myproject c aspnet://myproject d c:\myproject\aspnet Biên sọan: Dương Thành Phết Trang 139 .. .Bài Giảng Mơn Lập Trình Website ASP. Net MỤC LỤC Chương 01: TỔNG QUAN VỀ ASP. NET Trang I Giới thiệu ASP. Net .1 Tìm hiểu ASP. Net Những ưu điểm ASP. Net ... Thành Phết Trang Bài Giảng Mơn Lập Trình Website ASP. Net Đầ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... liên kết frame cha Ví dụ: hplASPNet.Text = "Trang chủ ASP. Net" ; hplASPNet.ImageUrl = "~/Pictures/logoaspnet.jpg"; hplASPNet.NavigateUrl ="http://www .asp. net" ; hplASPNet.Target = "_blank"; Kết hiển