Giáo trình môn học/mô đun: Lập trình web với ASP.NET: Phần 1

Ủ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 đặ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 Trang 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 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 Trang Tai lieu Luan van Luan an Do an Xác định nguồn liệu từ Table, Quyery hay câu lệnh truy vấn định điều kiện lọc liệu xếp Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn Trang 71 Tai lieu Luan van Luan an Do an Khai báo tham s ố điề u ki ệ n Ch ỉ đị nh s ắ p x ế p Chọn Test Query để kiểm tra kết nguồn liệu thành o Với CSDL Chọn Finish để hòan SQLServer Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn Trang 72 Tai lieu Luan van Luan an Do an Với CSDL SQLServer 2000/2005 Tạo kết nối CSDL m ới Khai báo thông số chọn CSDL cần kết nối Kiểm tra ếkt kết nối Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn Trang 73 Tai lieu Luan van Luan an Do an  Chọn Ok  Xác định nguồn liệu từ Table, Quyery hay câu lệnh truy vấn định điều kiện lọc liệu xếp Khai báo tham số điều kiện Chỉ định xếp - Chọn Test Query để kiểm tra kết nguồn liệu Chọn Finish để hòan thành Thi hành xem kết quả: Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn Trang 74 Tai lieu Luan van Luan an Do an Thêm cột • Trong cửa sổ DataGrid Task chọn : Add New Column • Chọn Loại field cần tạo : BoundField • Khai báo tiêu đề côt : Header Text • Chỉ định tên field liệu: DataField • Ok hịan thành Hiệu chỉnh, Tạo cột • Trong cửa sổ DataGrid Task chọn : Edit Column Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn Trang 75 Tai lieu Luan van Luan an Do an • AvailableFields: Chọn lọai Field liên kết liệu o BoundField: Cột có liên kết với nguồn liệu dạng Textbox o Checkbox Field: Cột có liên kết với nguồn liệu dạng Checkbox o Hyperlink Field: Cột có liên kết liệu dạng liên kết o Button Field: Cột dạng nút lệnh o CommandField: Cột dạng nút lệnh thiết kế sẵn Điều khiển GridView cung cấp cho loại cột dạng này:  Select: Nút lệnh chọn dòng liệu  Edit, Cancel, Update: Các nút lệnh hỗ trợ chức cập nhật liệu trực tiếp lưới  Delete: Nút lệnh xóa dịng liệu Chúng ta có dịp tìm hiểu kỹ nút lệnh phần Cập nhật liệu trực tiếp lưới o TemplateField: Cột người dùng tự thiết kế Đây loại cột có khả làm việc linh họat Ví dụ bạn cần hiển thị danh sách khách hàng Tại cột Phái, bạn muốn hiển thị dạng Nam/Nữ Chúng ta tìm hiểu sâu Template Column phần sau • BoundColumn properties: Qui định thông tin chi tiết cho cột o HeaderText, Footer Text: Thông tin tiêu đề trên/dưới cột o Header Image: Hình hiển thị tiêu đề cột (thay thông tin tiêu đề cột - Header Text) o Sort Expression: Biểu thức xếp cột o Visible: Qui định cột có hiển thị hay không o DataField: Qui định tên field hay tên thuộc tính đối tượng liệu cần hiển thị o Data formatting expression: Biểu thức định dạng liệu Mẫu định dạng: {0:} Ví dụ: + Định dạng số: {0:000.00}, {0:0.##} + Định dạng ngày giờ: {0:dd/MM/yyyy}, {0:hh/mm/ss tt} • Convert this Field into a Template Column: Chuyển cột hành thành cột dạng Template Column Thiết lập thuộc tính định dạng lƣới Để thực thao tác thiết lập thuộc tính, chọn GridView • Properties Hiện / Ẩn : Header / Footer - Phần đầu chân GridView o Show header: Qui định dịng tiêu đề có phép hiển thị hay khơng (mặc định có hiển thị dòng tiêu đề) Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn Trang 76 Tai lieu Luan van Luan an Do an o Show footer: Qui định dòng tiêu đề có phép hiển thị hay khơng (mặc định khơng hiển thị dịng tiêu đề dưới) • Định dạng dòng Header/Footer: HeaderStyle / FooterStyle • Định dạng dòng liệu lẽ/chẵn: RowStyleAlternatingRowStyle Sắp xếp: AllowSorting Allow sorting: Có cho phép xếp liệu hay khơng (mặc định khơng cho phép xếp) • Phân trang: AlowPaging o Định dạng cho phân trang Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn Trang 77 Tai lieu Luan van Luan an Do an  Page size: Qui định số dòng trang  Possition: Qui định vị trí hiển thị nút di chuyển Ở phía tiêu đề, phía hay hai  Mode: Qui định hình thức hiển thị nút di chuyển Hiển thị dạng số trang chuỗi ký tự đại diện (Next page/Previous page button text) Trong trường hợp hiển thị dạng số, Numeric buttons qui định số nút lệnh hiển thị tối đa Google hiển thị kết đƣợc phân trang theo dạng số II Điều khiển DataList Sử dụng DataList để hiển thị liệu Như điều khiển Gridview, đ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 GridView) Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn Trang 78 Tai lieu Luan van Luan an Do an 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 o Horizontal: Hiển thị liệu theo chiều ngang o Vertical (mặc định): Hiển thị liệu theo chiều đứng • RepeatColumns: Qui định số cột hiển thị DataList Thiết kế hình thức hiển thị cho DataList tương tự thiết kế cho cột Template Column GridView Chọn Edit Template từ thực đơn ngữ cảnh để thực thiết kế hình thức hiển thị cho DataList Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn Trang 79 Tai lieu Luan van Luan an Do an Chọn chức thiết kế cho DataList Ghi chú: 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 để đị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 Kết trang Web 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 Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn Trang 80 Tai lieu Luan van Luan an Do an Đ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: rptChudesach vào trang Web Điều khiển rptChudesach trang Web Bước Kết nối tạo nguồn liệu cho điều khiển từ Table Chude với cột: MaCD, Tenchude Bước 3: Chuyển qua xem trang Web dạng HTML Bước Bổ sung tag sau Mã CĐ Tên chủ đề Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn Trang 81 Tai lieu Luan van Luan an Do an Bước Xem lại hình thiết kế thực thi kết V Sử dụng DetailView FormView Hai điều khiển cho phép bạn làm việc với trường liệu đơn thời điểm Cả hai điều khiển cho phép thay đổi, thêm hay xoá liệu ghi sở liệu, cho phép bạn chuyển sang trang hay quay lại trang trước thông qua thiết lập liệu DetailView a Hiển thị liệu với DetailView DetailView đưa hiển thị bảng() HTML để hiển thị liệu ghi Ví dụ: Trang XemthongtinKH.aspx b Sử dụng Fields với điều khiển DetailView DetailView hỗ trợ tất Field GridView o BoundField: cho phép bạn hiển thị giá trị liệu Text o CheckBoxField: hiển thị liệu dạng CheckBox o CommandField: hiển thị liên kết cho phép chỉnh sửa, thêm mới, xoá liệu o ButtonField: hiển thị liệu button(ImageButton, ) o HyperLinkField: hiển thị môt liên kết o ImageField: hiển thị ảnh o TemplateField: cho phép hiển thị đìều khiển tuỳ biến Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn Trang 82 Tai lieu Luan van Luan an Do an c Xử lý phân trang với điều khiển DetailView Để tạo phân trang định thuộc tính AllowPaging=”true” cho điều khiển DetailView Với thuộc tính định dạng thuộc nhóm thuộc tính: Pagersettings d Minh họa: Trong ví dụ bạn liên kết liệu với Table Khachhang đưa vào BoundField CheckBoxField, điền vào liệu với thuộc tính DataField thiết đặt cho tiêu dề với HeaderText Tạo phân trang định dạng trình bày góc bên phải Kết xuất chương trình DetailView a Hiển thị liệu với FormView FormView đưa hiển thị liệu với điều khiển tùy biến để hiển thị liệu ghi Ví dụ: Trang XemthongtinNXB.aspx Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn Trang 83 Tai lieu Luan van Luan an Do an b Trình bày liệu sử dụng Edit Template FormView hỗ trợ trình bày liệu dạng tùy biến cho tất Field DataList o Tạo FormView vào trang lien kết liệu o Tại cửa sổ thiết kế chọn Edit Tempalte từ cửa sổ FormView Task o Thiết kế trình bày với Control điều khiển tương tự thiết kế DataList với điều khiển tùy biến c Xử lý phân trang với điều khiển DetailView Để tạo phân trang định thuộc tính AllowPaging=”true” cho điều khiển DetailView Với thuộc tính định dạng thuộc nhóm thuộc tính: Pagersettings Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn Trang 84 Tai lieu Luan van Luan an Do an Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn