Bài giảng lập trình website asp net phần 2 trường đh công nghiệp quảng ninh

Bài Giảng Mơn Lập Trình Website ASP.Net Chương CÁC ĐIỀU KHIỂN LIÊN KẾT DỮ LIỆU  Sử dụng điều khiển GridView, Data List Repeater để hiển thị liệu I Điều khiển GridView GridView điều khiển linh hoạt hiệu việc hiển thị, định dạng thao tác với liệu Bên cạnh đó, thực xếp liệu, thực phân trang với hỗ trợ tốt VS Net trình thiết kế Tạo GridView vào trang Kéo Control GridView vào trang Kết nối nguồn liệu Chèn them cột Điều chỉnh cột Tạo cột tùy biến Định dạng tự động Thực chọn mẫu định dạng có sẳn quy định khung viền màu nên cách Chọn Auto Format từ khung DataGrid Task Kết nối nguồn liệu Thực kết nối nguồn liệu với sở liệu Access, SQLServer,  Trong cửa sổ DataGrid Task mục Choose Data Source chọn : New Data Source Biên sọan: Dương Thành Phết Trang 78 Bài Giảng Mơn Lập Trình Website ASP.Net o Với CSDL Access Với CSDL Access Tìm chọn tập tin CSDL Access 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 Biên sọan: Dương Thành Phết Trang 79 Bài Giảng Mơn Lập Trình Website ASP.Net 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 o Với CSDL SQLServer Biên sọan: Dương Thành Phết Trang 80 Bài Giảng Mơn Lập Trình Website ASP.Net Với CSDL SQLServer 2000/2005 Tạo kết nối CSDL Khai báo thông số chọn CSDL cần kết nối Biên sọan: Dương Thành Phết Trang 81 Bài Giảng Mơn Lập Trình Website ASP.Net Kiểm tra kết kết nối  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 Biên sọan: Dương Thành Phết Trang 82 Bài Giảng Mơn Lập Trình Website ASP.Net - 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ả: 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 Biên sọan: Dương Thành Phết Trang 83 Bài Giảng Mơn Lập Trình Website ASP.Net Hiệu chỉnh, Tạo cột  Trong cửa sổ DataGrid Task chọn : Edit Column  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 Biên sọan: Dương Thành Phết Trang 84 Bài Giảng Mơn Lập Trình Website ASP.Net 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 đề) 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 Biên sọan: Dương Thành Phết Trang 85 Bài Giảng Mơn Lập Trình Website ASP.Net  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  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 phân trang theo dạng số Biên sọan: Dương Thành Phết Trang 86 Bài Giảng Mơn Lập Trình Website ASP.Net 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) Biên sọan: Dương Thành Phết Trang 87 Bài Giảng Mơn Lập Trình Website ASP.Net 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 Chọn chức thiết kế cho DataList Ghi chú: Trong 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 Biên sọan: Dương Thành Phết Trang 88 Bài Giảng Mơn Lập Trình Website ASP.Net 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 Đ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) Biên sọan: Dương Thành Phết Trang 89 Bài Giảng Môn Lập Trình Website ASP.Net 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ủ đề Bước Xem lại hình thiết kế thực thi kết Biên sọan: Dương Thành Phết Trang 90 Bài Giảng Mơn Lập Trình Website ASP.Net 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 c Xử lý phân trang với điều khiển DetailView Biên sọan: Dương Thành Phết Trang 91 Bài Giảng Mơn Lập Trình Website ASP.Net Để 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 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 Biên sọan: Dương Thành Phết Trang 92 Bài Giảng Mơn Lập Trình Website ASP.Net 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 d Minh họa: Trong ví dụ bạn liên kết liệu với Table NhaXuatBan đưa vào Label, điền vào liệu với thuộc tính Text cho File tương tứng thiết đặt cho tiêu dề với HeaderText Tạo phân trang định dạng trình bày phía trang Kết xuất chương trình Biên sọan: Dương Thành Phết Trang 93 Bài Giảng Môn Lập Trình Website ASP.Net Chương XỬ LÝ DỮ LIỆU VỚI ADO.NET I Tìm hiểu ADO.NET Hầu hết ứng dụng hay website cần phải có sở liệu, để lưu trữ liệu, xử lý thông tin đưa báo cáo, hỗ trợ tìm kiếm… Khi liệu trở thành trung tâm ứng dụng cung cấp chức tới người dùng phụ thuộc vào khả thao tác liệu, vấn đề mà người thiết kế người xây dựng ứng dụng quan tâm sử dụng liệu là:  Lưu liệu tập trung  Đảm bảo toàn vẹn liệu  Đảm bảo khả truy xuất đồng thời nhiều người dùng liệu  Đảm bảo thời gian hồi đáp ngắn cho người dùng  Bảo mật liệu  Trao đổi liệu hệ thống khác Những vấn đề giải dựa vào khả hệ quản trị sở liệu(HQT CSDL) phần mềm xử lý liệu HQT CSDL cung cấp .Net truy xuất liệu qua ADO.NET, đặc điểm ADO.NET khả làm việc với liệu không kết nối, liệu lưu trữ nhớ csdl thu nhỏ gọi dataset, nhằm tăng tốc độ tính tốn, xử lý tính tốn hạn chế sử dụng tài nguyên Database Server Đặc điểm quan trọng thứ khả xử lý liệu chuẩn XML, liệu dạng XMl trao đổi hệ thống nên ứng dụng bạn có nhiều khả làm việc với nhiều ứng dụng khác Kiến trúc ADO Net Kiến trúc ADO.NET chia làm phần chính: - Managed Provider Component: bao gồm đối tượng DataAdapter, DataReader,… giữ nhiệm vụ làm việc trực tiếp với liệu database, file,… - Content Component: bao gồm đối tượng DataSet, DataTable,… đại diện cho liệu thực cần làm việc Biên sọan: Dương Thành Phết Trang 94 Bài Giảng Mơn Lập Trình Website ASP.Net o DataReader đối tượng mới, giúp truy cập liệu nhanh chóng forward-only read-only giống ADO RecordSet sử dụng Server cursor, OpenFowardOnly LockReadOnly o DataSet đối tượng mới, không liệu, DataSet coi gọn nhẹ CSDL nhớ với nhiều bảng mối quan hệ o DataAdapter đối tượng kết nối DataSet CSDL, bao gồm đối tượng Connection Command để cung cấp liệu cho DataSet cập nhật liệu từ DataSet xuống CSDL Minh họa tạo kết nối sở liệu using System; using System.Data; using System.Data.SqlClient; public partial class vd1 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { //Khai báo khởi tạo biến Connection SqlConnection cnn = new SqlConnection("Data Source=(local); Initial Catalog=QLbansach;User ID=sa;Password="); //Mở kết nối cnn.Open(); //Command điều khiển truy vấn sql SqlCommand cmd = cnn.CreateCommand(); cmd.CommandText = "select HotenKH from Khachhang where MaKH=5"; //lấy chuỗi giá trị sở liệu string result = (string)cmd.ExecuteScalar(); //đóng kết nối cnn.Close(); //in giá trị hình Response.Write(result); } } Thi hành Cơ bước thực với database • Bước 1: Tạo kết nối • Bước 2: Mở kết nối liệu • Bước 3: Tạo lệnh điều khiển truy vấn SQL • Bước 4: Thực thi lệnh • Bước 5: Đóng kết nối • Bước 6: in kết Biên sọan: Dương Thành Phết Trang 95 Bài Giảng Môn Lập Trình Website ASP.Net II Các đối tượng ADO.Net Đối tượng Connection Vai trò Connection ADO.net tạo kết nối ứng dụng với nguồn liệu(CSDL) Data Provider : o System.Data.Oledb : Sử dụng với Access o System.Data.SqlClient : Sử dụng với SQLServer Ứng với tên miến ta có connection tương ứng: o System.Data.Oledb.OledbConnection o System.Data.SqlClient.SqlConnection Ngòai Ado.net hỗ trợ Data Provider khác o System.data.OcracleClient : Dành cho Ocracle o MicroSoft.data.Odbc : Dành cho dạng kết nối thong qua Odbc Connectionủa Hệ điều hành o Microsoft.Data.Sqlxml: Dành cho XML Sqlserver Connection String Trước thực kết nối Connectionần khai báo thong tin cho Connection thông qua thuộc tính Connection String Cách khai báo thay đổi tùy thuộc vào Data Provider Gồm có thành phần sau: o Nếu kết nối với CSDL Access Provider: Khai báo Data Provider Connectionủa Hệ QT CSDL Access Data Source: Nguồn liệu (Tên CSDL.mdb) User ID: Tên người dùng Password : Mật Ví dụ: Tạo kết nối với CSDL Access using System; using System.Data; using System.Data.OleDb; public partial class VD2 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { //Khai báo khởi tạo biến Connection String StrCnn="Provider=Microsoft.Jet.OLEDB.4.0; Data Source=" + Server.MapPath("~/App_Data/QLBansach.mdb"); OleDbConnection cnn = new OleDbConnection (StrCnn); //Mở kết nối cnn.Open(); //Command điều khiển truy vấn sql OleDbCommand cmd = cnn.CreateCommand(); cmd.CommandText = "select HotenKH from Khachhang where MaKH=2"; //lấy chuỗi giá trị sở liệu string result = (string)cmd.ExecuteScalar(); //đóng kết nối cnn.Close(); //in giá trị hình Response.Write(result); } } Biên sọan: Dương Thành Phết Trang 96 Bài Giảng Mơn Lập Trình Website ASP.Net o Nếu kết nối với CSDL SQLServer Provider: Khai báo Data Provider Connectionủa Hệ QT CSDL SQLServer Data Source:Tên máy cài đặt SQLServer Initial Catalog: Tên CSDL User ID: Tên người dùng Password : Mật Các thuộc tính Của Connection o DataBase: : Tương ứng với Initial Catalog(SQL) hay tên CSDL muốn làm việc (Access) o DataSource: Tương ứng với DataSource Tên máy SQL hay tên CSDL o Provider: Tương ứng với Provider o State: Tình trạng kết nối Connectionủa Connection với giá trị  Broken: Kết nối bị ngắt xảy sau kết nối  Closed: Kết nối đóng  Connecting: Đang kết nối  Executing: Kết nối thực lệnh  Fetching: Kết nối truy xuất liệu  Open: Kết nối mở Các phương thức Change Databse: Thay đổi DataBase làm việc Close : Đóng kết nối sử dụng đóng Connection mở Dispose: Xóa tịan tài ngun liên quan đấn Connection vùng nhớ Open: Thực kết nối Connectionới thông tin khai báo ConnectionString Ví dụ: Kiểm tra kết nối với CSDL SQLServer protected void Button1_Click(object sender, EventArgs e) { //Khai báo khởi tạo biến Connection SqlConnection cnn = new SqlConnection("Data Source=;Initial Catalog=QLbansach;User ID=sa;Password="); //Mở kết nối cnn.Open(); TextBox1.Text = "State = " + cnn.State; ; // Thực câu lệnh SELECT, INSERT, DELETE, UPDATE cnn.Close(); //Đóng kết nối } Biên sọan: Dương Thành Phết Trang 97 ... 80 Bài Giảng Môn Lập Trình Website ASP. Net Với CSDL SQLServer 20 00 /20 05 Tạo kết nối CSDL Khai báo thông số chọn CSDL cần kết nối Biên sọan: Dương Thành Phết Trang 81 Bài Giảng Mơn Lập Trình Website. .. trang định dạng trình bày phía trang Kết xuất chương trình Biên sọan: Dương Thành Phết Trang 93 Bài Giảng Mơn Lập Trình Website ASP. Net Chương XỬ LÝ DỮ LIỆU VỚI ADO .NET I Tìm hiểu ADO .NET Hầu hết... Edit Tempalte từ cửa sổ FormView Task Biên sọan: Dương Thành Phết Trang 92 Bài Giảng Mơn Lập Trình Website ASP. Net 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