Kết nối liệu SQL với Ứng dụng Web ASP.NET © 2015-05 – Lương Vĩ Minh Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 Các kiến thức sinh viên đạt • Ôn lại kiến thức SQL + Viết stored procedure • Có kiến thức ASP.NET • Tạo Web User Control • Có kiến thức kết nối CSDL Web Application • Gọi stored procedure từ Ứng dụng Web Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 Yêu cầu Bài tập • Xây dựng Website có tính sau: • Có menu • Sử dụng Master Page design • Load danh sách phịng ban CSDL • Thêm phòng ban vào hệ thống Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 Chuẩn bị liệu Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 Chuẩn bị liệu • Sử dụng CSDL Quản lý đề án công ty • Sinh viên viết bổ sung Stored Procedure sau: • sp_web_MSSV_DSPhongBan • sp_web_MSSV_DSUngVienTruongPhong • sp_web_MSSV_ThemPhongBanMoi Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 Chuẩn bị liệu - sp_web_MSSV_DSPhongBan Tạo store lấy danh sách phòng ban hệ thống Thông tin xuất theo thứ tự cột hình & thứ tự theo Mã phịng ban cơng ty • Tên Store: sp_web_MSSV_DSPhongBan • Tham số: (khơng có) Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 Chuẩn bị liệu - sp_web_MSSV_DSUngVienTruongPhong Tạo store lấy danh sách nhân viên trưởng phịng cơng ty Lấy Mã nhân viên, Họ tên nhân viên (Họ+tên lót+tên – Thuộc phịng) Kết tăng dần theo tên phòng họ tên nhân viên • Tên Store: sp_web_MSSV_DSUngVienTruongPhong • Tham số: (khơng có) Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 Chuẩn bị liệu - sp_web_MSSV_ThemPhongBanMoi Tạo store thêm phòng ban từ tên phòng mã trưởng phòng Mã phòng tạo theo nguyên tắc số thứ tự mã phòng, ngày nhân chức ngày hành hệ thống • Tên Store: sp_web_MSSV_ThemPhongBanMoi • Tham số: @TenPhg, @MaTruongPhong Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 Tạo project Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 Tạo project Web • Sử dụng Visual Studio (support Web ASP.NET) tạo project • Chọn loại Project: C# - ASP.NET Application – Empty Web Application • Đặt tên: Topic11-Web-MSSV-VSxxxx (MSSV: Mã số sinh viên sinh viên, xxxx phiên Visual studio) Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 10 Menu + WUC • Mở lại Master Page (MainSite.Master) Chuyển qua chế độ Design view, kéo thả Web User Control (WUC_MainMenu) vào vùng để thị menu tương ứng Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 24 Phát sinh trang Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 25 Phát sinh trang • Cần phát sinh trang web vị trị tương ứng với menu tạo • Tạo thư mục Admin thư mục gốc • Phát sinh trang: • default.aspx • aboutus.aspx • Admin / ManagePhongBan.aspx • Từ project, tạo item thuộc loại: Web Form With Master Page Chọn master page tạo bước trước Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 26 Phát sinh trang • Click phải vào default.aspx Chọn Set As Start Page để biên dịch, trang web default.aspx trang mặt định Website • Build & Run • Test Menu Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 27 Phát sinh trang • Chỉnh sửa lại Master Page, chỉnh sửa: • Bỏ dịng chữ: Main Contain • Footer “© 2015 – MSSV Họ tên sinh viên – CNTN 2013 KHTN” (lưu ý, gõ chế độ Source view) • Bổ sung vào style auto-style5LeftMenu, auto-style6MainContain: vertical-align:top; (để liệu thị gióng theo Top) • Sinh viên bổ sung hình logo (bằng cách kéo thả logo từ project vào sử dụng control Image) Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 28 Phát sinh trang Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 29 Phát sinh trang • Sinh viên bổ sung nội dung cho menu Trang chủ & Giới thiệu • Mở file: default.aspx | aboutus.aspx chế độ Design view, soạn thảo nội dung soạn thảo MS Word, định dạng lưu lại Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 30 WUC Quản lý PhongBan Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 31 WUC Quản lý PhongBan • Từ Project, tạo Web User Control với tên WUC_QLPhongBan • Mở file ManagePhongBan.aspx chế độ Design view, kéo thả Web User Control vừa tạo vào trang (ở vùng Main Contain) • Build & Run Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 32 WUC Quản lý PhongBan • Xây dựng WUC_QLPhongBan với layout sau (trong chế độ Design view): Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 33 WUC Quản lý PhongBan • Để tái sử dụng ConnectionString kết nối đến CSDL, sử dụng thông số chung lưu file Web.config (nếu chưa có file thêm file thuộc loại: Web Config) • Trong file Web.config, node , thêm node Trong node thêm vào, bổ sung chuổi kết nối Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 34 WUC Quản lý PhongBan • Bắt kiện Page_Load Web User Control • Gọi hàm LoadDSPhongBan(); • Viết hàm private void LoadDSPhongBan() slide sau Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 35 WUC Quản lý PhongBan • Build & Run • Test tính trang Quản lý phòng ban Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 36 WUC Quản lý PhongBan • Bắt kiện Page_Load Web User Control • Gọi hàm LoadDS_UCVien_TrPhong(); Tuy nhiên, hàm gọi lần trang web quản lý load lần đầu Các lần sau khơng cần load • Sinh viên viết hàm private void LoadDS_UCVien_TrPhong() tương tự phần load liệu Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 37 WUC Quản lý PhongBan • Bắt kiện cho button Thêm • Sinh viên viết code C# gọi Store để thêm phịng ban • Lưu ý: Xem thêm lớp Parameter đối tượng SqlCommand (Google !!!) Lương Vĩ Minh - lvminh@gmail.com 5/11/2015 38