PHẦN 1: LÝ THUYẾT - Tạo Web đăng kí thành viên Tạo CSDL gồm Table Thiết lập quan hệ cho bảng thơng qua thuộc tínhMaQuyen Kết nối CSDL ASP.NET ASP.NET cung cấp phương pháp để buộc liệu lấy từ nguồn liệu sử dụng thuộc tính DataSourceID điều khiển liệu Buộc liệu Điều khiển SQLDataSource Điều khiển liệu (data control) Liên kết qua thuộc tính DataSourceID điều khiển liệu ASP.NET cung cấp phương pháp để buộc liệu lấy từ nguồn liệu sử dụng thuộc tính DataSourceID điều khiển liệu Làm quen với lập trình CSDL ASP.NET 22 Điều khiển SQLDataSource CSDL Điều khiển liệu (data control) Liên kết qua thuộc tính DataSourceID điều khiển liệu PHẦN 2: ĐỀ TÀI Yêu cầu: Tạo CSDL gồm Table: - Quyen(Ma(int), TenQuyen(nvarchar (50)) - NguoiDung(MaNguoiDung(int)( tự động tăng), TenDangNhap(nvarchar(50)) , MatKhau(nvarchar(50), HoTen(nvarchar(50), Maquyen(int)) Thiết lập quan hệ cho2 bảng thông qua thuộc tínhMaQuyen - Sử dụng Masterpage để thiết kế cấu trúc cho trang trang web - Thống kê số người truy cập vào website - Thiết kế trang đăng ký cho người sử dụng nhập thông tin: Tên đăng nhập ( TextBox), Mật ( TextBox – Hiển thị dấu * nhập liệu), Họ Tên (TextBox) Một nút Đăng nhập (Button), click nút thêm liệu thành cơng vào bảng thơng báo “Đăng ký thành công” Xử lý: Yêu cầu phải kết nối với sở liệu chèn liệu vào bảng NguoiDung với MaQuyen=2 Tất thông tin bắt buộc nhập không để trống - Thiết kế trang đăng nhập cho người sử dụng đăng ký vào đăng nhập Trên trang gồm thông tin sau: Tên đăng nhập (TextBox), Mật (TextBox – Hiển thị dấu * nhập liệu) Một nút Đăng nhập (Button), click nút đăng nhập thành công hệ thống hiển thị phía trang Masterpage “Chào + HoTen” hiển thị Link Button tên Thoát, nhấn chuột vào nút Thoát trở trang chủ hiển thị “Chào khách” • Yêu cầu làm chương trình chạy máy • báo cáo trình bày trước lớp theo nhóm Thiết kế: A.Tạo Cơ sở liệu : Sử dụng SQL Server (phiên 2012) - Tạo CSDL “QUANLY” gồm Table (QUYEN NSD): theo yêu cầu đề tài - Bảng NSD bao gồm thơng tin (như hình) - Bảng QUYEN bao gồm thơng tin (như hình) - Thiết lập kết nối bảng thơng qua : Khóa MaQuyen (mã quyền), khóa MaQuyen bảng Quyen khóa MaQuyen bảng NSD khóa phụ - Nhập liệu vào bảng QUYEN trước (nhập trực tiếp từ SQL Server) - Nhập liệu vào bảng NSD sau (nhập trực tiếp từ SQL Server) Xong phần thiết kế sở liệu B Tạo WEB SITE : Sử dụng VisuaStudio (phiên 2015) * Cấu trúc site sau : + File Global.asax : Khai báo khởi tạo giá trị cho biến Application, Session, xử lý kiện đối tượng Application Session + File Web.config : Web.config tập tin văn sử dụng để lưu trữ thông tin cấu hình (ở site : lưu trữ cấu hình kết nối đến Database QUANLY tạo trên) + Các trang : MasterPage, Đăng nhập, Đăng ký, Thông báo (Chi tiết trang trình bày bên dưới) * Code thành phần trang Web asp.net - File Global.asax + File dem void Application_Start(object sender, EventArgs e) { // Code that runs on application startup Application["Dem"] = 0; } void Application_End(object sender, EventArgs e) { // Code that runs on application shutdown } void Application_Error(object sender, EventArgs e) { // Code that runs when an unhandled error occurs } void Session_Start(object sender, EventArgs e) { // Code that runs when a new session is started Session["DaDangNhap"] = false; Application["Dem"] = (int) Application["Dem"] + 1; } void Session_End(object sender, EventArgs e) { // Code that runs when a session ends // Note: The Session_End event is raised only when the sessionstate mode // is set to InProc in the Web.config file If session mode is set to StateServer // or SQLServer, the event is not raised } - File Web.config Lưu thông tin kết nối đến SQL Server chứa database QUANLY - Trang : MasterPage Home (Code) public partial class MasterPage : System.Web.UI.MasterPage { protected void Page_Load(object sender, EventArgs e) { Label1.Text = Application["Dem"].ToString(); if ((bool)Session["DaDangNhap"]==false) { Label lblChao = new Label(); lblChao.Text = "Chào khách"; HyperLink hplDangNhap = new HyperLink(); hplDangNhap.Text = "Đăng nhập"; hplDangNhap.NavigateUrl = "DangNhap.aspx"; HyperLink hplDangKy = new HyperLink(); hplDangKy.Text = "Đăng ký"; hplDangKy.NavigateUrl = "~/DangKy.aspx"; tbChao.Controls.Add(lblChao); tbChao.Controls.Add(hplDangNhap); tbChao.Controls.Add(hplDangKy); } else { Label lblChao = new Label(); lblChao.Text = "Chào " + Session["TenDangNhap"]; LinkButton lbtThoat = new LinkButton(); lbtThoat.Text = "Thoát"; lbtThoat.Click +=new EventHandler (LbtThoat_Click); tbChao.Controls.Add(lblChao); tbChao.Controls.Add(lbtThoat); } } private void LbtThoat_Click(object sender, EventArgs e) { Session["DaDangNhap"] = false; Response.Redirect(Request.RawUrl); } } Trang : MasterPage Home (thiết kế) - Trang : Đăng nhập (Code) public partial class DangNhap : System.Web.UI.Page { DataService DB = new DataService(); protected void Page_Load(object sender, EventArgs e) { Label2.Visible = false; } protected void Button1_Click(object sender, EventArgs e) { bool ok = DB.KTDangNhap(TextBox1.Text, TextBox2.Text); if (ok) { Session["DaDangNhap"] = true; Session["TenDangNhap"] = DB.LayHoTen(TextBox1.Text); Response.Redirect("TrangChu.aspx"); } else { Label2.Visible = true; } } } Trang người dùng chưa đăng nhập - Dịng thơng báo : chào mừng bạn ghé thăm (Chỉ có nút lệnh Đăng nhập : xuất hiện) - Nếu người dùng (chưa đăng ký) : đăng nhập khơng thành cơng, có thơng báo hình - Nếu người dùng (đã đăng ký) : đăng nhập thành cơng, có thơng báo hình Chào “Tên người đăng nhập” đăng nhập - Trang : Đăng ký (Code) public partial class DangKy : System.Web.UI.Page { DataService DB = new DataService(); protected void Page_Load(object sender, EventArgs e) { lblLoi.Text = ""; } protected void Button1_Click(object sender, EventArgs e) { if (DB.KTTonTai(txtTenDangNhap.Text)==true) { lblLoi.Text = "Tên đăng nhập tồn tại"; return; } bool kq = DB.DangKy(txtTenDangNhap.Text, txtMatKhau.Text, txtHoTen.Text); if(kq==true) { Session["MaTB"] = 1; Response.Redirect("~/ThongBao.aspx"); } else { lblLoi.Text = "Đăng ký không thành công"; } } } Ở trang người dùng đăng ký (ô mật chứa ký tự : ‘*’ ), đăng nhập lại thơng tin có khơng đăng ký được, có thông báo tên mật tồn Đăng ký user theo hình bên dưới: - Trang : Thông Báo (code) public partial class ThongBao : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { switch((int)Session["MaTB"]) { case 1: Label2.Text = "Đăng ký thành công! Bạn đăng nhập"; break; } } } Sau đăng ký thành cơng có thơng báo xuất Xin chào bạn : “Họ tên người đăng ký” - Đã đăng ký thành cơng……… Để kiểm tra User có đăng ký thành công (kết nối với SQL để insert liệu) Xem trực tiếp Database câu lệnh PHẦN 3: KẾT QUẢ Kết đạt được: - Chạy web - Tạo trang đăng nhập, đăng ký, số người ghé thăm - Kết nối QSL vs Visual Studio Những chưa làm được: - Báo lỗi không bỏ trống textbox trang đăng ký đăng nhập - Tạo hiệu ứng cho trang web ... kiện đối tượng Application Session + File Web. config : Web. config tập tin văn sử dụng để lưu trữ thơng tin cấu hình (ở site : lưu trữ cấu hình kết nối đến Database QUANLY tạo trên) + Các trang :... InProc in the Web. config file If session mode is set to StateServer // or SQLServer, the event is not raised } - File Web. config Lưu thông tin kết nối đến SQL Server chứa database QUANLY... thơng tin có khơng đăng ký được, có thơng báo tên mật tồn Đăng ký user theo hình bên dưới: - Trang : Thông Báo (code) public partial class ThongBao : System .Web. UI.Page { protected void Page_Load(object