Trong bài viết này mình sẽ hướng dẫn các bạn làm trang đăng nhập cho website hoặc ứng dụng. Đây là vấn đề mà mình thấy nhiều bạn còn gặp khó khắn và hỏi trên các diễn đàn.
Khi đăng nhập bạn cần Form đăng nhập bao gồm TenDangNhap và Mật khẩu. Khi người dùng nhập các thông tin đúng và đăng nhập bạn cần kiểm tra các thông tin này, nếu hợp lệ sẽ cho phép chuyển trang tiếp theo bằng việc khai báo và sử dụng các biến Session. Để thực hiện được trước tiên bạn cần tạo Table trong database có chứa các thông tin cần đăng nhập như sau:
1. Store Procedure kiểm tra đăng nhập
/*Create by: hungbv@hmweb.com.vn Muc đích: Kiểm tra thông tin đăng nhập có hợp lệ không Đầu vào: TenDangNhap MatKhau Đầu ra: - Neu =1 -> Sai tên đăng nhập - Neu =2 -> Sai mật khẩu - Neu =3 -> Tên đăng nhập đang bị khóa - Neu =4 -> Phải đổi mật khẩu trước khi đăng nhập - Neu =0 -> Tiến hành đăng nhập */ CREATE PROCEDURE [dbo].[spTB_DangNhap_KiemTraDangNhap] @TenDangNhap nvarchar(50), @MatKhau nvarchar(150) AS BEGIN DECLARE @OutPut int DECLARE @KiemTraTenDangNhap int DECLARE @KiemTraMatKhau int DECLARE @TrangThai int SELECT @KiemTraTenDangNhap=isnull(Count(tdn.TenDangNhap),0) FROM TB_DangNhap tdn WHERE tdn.TenDangNhap=@TenDangNhap SELECT @TrangThai =isnull(tdn.TrangThai ,0) FROM TB_DangNhap tdn WHERE tdn.TenDangNhap=@TenDangNhap IF @KiemTraTenDangNhap=0 SET @OutPut=1 -- Sai TenDangNhap ELSE BEGIN SELECT @KiemTraMatKhau =isnull(count(*),0) FROM TB_DangNhap tdn WHERE tdn.TenDangNhap=@TenDangNhap AND tdn.MatKhau=@MatKhau IF @KiemTraMatKhau=0 SET @OutPut=2 -- Sai mật khẩu ELSE BEGIN IF @TrangThai=0 SET @OutPut=4 -- Phải đổi mật khẩu ELSE BEGIN IF @TrangThai=2 -- TenDangNhap đang bị khóa SET @OutPut=3 ELSE SET @OutPut=0 END END END SELECT @OutPut AS KetQua END
Trong Store trên bạn thấy ứng với các thông tin đăng nhập bạn nhập vào đúng hay sai thì Store đều trả về cho bạn giá trị tương ứng.
Tiếp theo ta sẽ xây dựng Form đăng nhập bao gồm các textbox và button trong trang aspx như sau:
2. Các thành phần cần thiết của Form DangNhap.aspx
Trong Form ta sẽ cần các Textbox txtUserName, txtPassword và các RequiredFieldValidator yêu cầu các trường này không được trống<asp:TextBox ID="txtUserName" runat="server" CssClass="login_TextForm" Width="140px" /> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtUserName" Display="Dynamic" Font-Size="8pt">(*) </asp:RequiredFieldValidator> <asp:TextBox ID="txtPassword" runat="server" CssClass="login_TextForm" TextMode="Password" Width="140px" /> <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtPassword" Display="Dynamic" Font-Size="8pt">(*) </asp:RequiredFieldValidator> <asp:Button ID="btnLogin" runat="server" CssClass="textbox" Text="Đăng nhập" Font-Bold="False" OnClick="btnLogin_Click" />
Form mà mình xây dựng có hình ảnh như minh họa sau:
Tiếp theo chúng ta cần viết các hàm trong trang DangNhap.aspx.cs như sau:
3. Hàm mã hóa chuỗi mật khẩu nhập vào.
Trong Database của bạn khi lưu thông tin đăng nhập bạn cũng cần lưu mật khẩu dưới dạng mã hóa như của hàm này. Ở đây mình sử dụng kiểu mã hóa SHA1 của lớp System.Security.Cryptography hàm được viết như sau: (Bạn cần khai báo using ... các lớp cần sử dụng tương ứng)
public string MaHoaMatKhau(string password) { UnicodeEncoding encoding = new UnicodeEncoding(); Byte[] hashBytes = encoding.GetBytes(password); // Compute the SHA-1 hash SHA1CryptoServiceProvider sha1 = new SHA1CryptoServiceProvider(); Byte[] cryptPassword = sha1.ComputeHash(hashBytes); return BitConverter.ToString(cryptPassword); }
Tiếp theo chúng ta cần viết các hàm để thực thi Store đã viết ở trên (Nếu các bạn dùng VS2008 thì có thể dùng Linq để thực hiện dễ dàng hơn. Vì ở đây trong bài viết mình không đưa Database lên nên mình chỉ minh họa bằng các hàm như sau)
4. Viết các hàm thực thi Store Kiểm tra đăng nhập
private static DataSet ThucThiStore_DataSet( string StoredProcedure, params SqlParameter[] Parameters) { string ConnectionString = @"Server =.\SQL2005;Initial Catalog=DatabaseName;User ID=sa;Password=***"; SqlConnection Conn = new SqlConnection(ConnectionString); SqlCommand Command = new SqlCommand(StoredProcedure, Conn); if (Parameters != null) { Command.Parameters.Clear(); Command.Parameters.AddRange(Parameters); } DataSet ds = new DataSet(); SqlDataAdapter da = new SqlDataAdapter(StoredProcedure, Conn); Command.CommandType = CommandType.StoredProcedure; da.SelectCommand = Command; try { Conn.Open(); da.Fill(ds); } finally { if (Conn.State == ConnectionState.Open) Conn.Close(); Conn.Dispose(); } return ds; } private DataTable StoreToDataTable( string TenDangNhap, string MatKhau) { SqlParameter[] arrParam = { new SqlParameter("@TenDangNhap", SqlDbType.NVarChar), new SqlParameter("@MatKhau", SqlDbType.NVarChar) }; arrParam[0].Value = TenDangNhap; arrParam[1].Value = MatKhau; return ThucThiStore_DataSet("spTB_DangNhap_KiemTraDangNhap", arrParam).Tables[0]; }
Trong trang DangNhap.aspx.cs bạn cần viết các hàm để kiểm tra và điều hướng người dùng nếu họ đăng nhập đúng như sau: (Tham khảo thêm bài viết sau để hiểu hơn về cách dùng Dataset và Datatable với Store)
5. Viết các hàm kiểm tra và điều hướng người dùng
protected void Page_Load(object sender, EventArgs e) { if (Session["TenDangNhap"] != null || Session["MatKhau"] != null) { Response.Redirect("Default.aspx"); } } protected void btnLogin_Click(object sender, EventArgs e) { KiemTraNhap(txtUserName.Text + "", MaHoaMatKhau(txtPassword.Text).Trim()); } private void KiemTraNhap(string TenDangNhap, string MatKhau) { DataTable dtb = StoreToDataTable(TenDangNhap, MatKhau); int num = 0; if (dtb.Rows.Count > 0) { num = int.Parse("0" + dtb.Rows[0][0]); switch (num) { case 0: // Khai báo Session cho phép đăng nhập Session["TenDangNhap"] = txtUserName.Text.ToString().ToLower(); Session["MatKhau"] = MaHoaMatKhau(txtPassword.Text); Response.Redirect("Default.aspx"); break; case 1: //Thông báo tên đăng nhập không tồn tại ScriptManager.RegisterStartupScript(this, this.GetType(), "redirectMe", "alert('Lỗi: Tên đăng nhập không tồn tại');", true); break; case 2: // thông báo sai mật khẩu ScriptManager.RegisterStartupScript(this, this.GetType(), "redirectMe", "alert('Lỗi; Mật khẩu đăng nhập không đúng!');", true); break; case 3: //thông báo TenDangNhap đã bị khóa ScriptManager.RegisterStartupScript(this, this.GetType(), "redirectMe", "alert('Lỗi: Tên đăng nhập này đã bị khóa!');", true); break; case 4: // Thông báo phải đổi mật khẩu và chuyển người dùng đến trang DoiMatKhau.aspx ScriptManager.RegisterStartupScript(this, this.GetType(), "redirectMe", "alert('Bạn phải đổi mật khẩu trước khi đăng nhập!');location.href='DoiMatKhau.aspx?userid=" + TenDangNhap + "'", true); break; } } dtb.Dispose(); }
Phân tích các hàm trên bạn thấy rằng trong hàm Page_Load sẽ kiểm tra nếu đã tồn tại các Session bạn sẽ chuyển hướng người dùng đến trang Default.aspx. Hàm thực hiện sự kiện click của nut button bạn chỉ cần gọi hàm KiemTraNhap, Trong hàm kiểm tra nhập sẽ thực hiện việc xác nhận thông tin, chuyển hướng người dùng hoặc đưa ra các thông báo tương ứng nếu thông tin đăng nhập sai.
| |||||
Khóa học Phân tích dữ liệu sử dụng Microsoft Power BI
Khóa học Phân tích dữ liệu sử dụng Power Query trong Excel
HƯỚNG DẪN THIẾT KẾ QUẢNG CÁO VÀ ĐỒ HỌA CHUYÊN NGHIỆP VỚI CANVA
Hãy tham gia khóa học để trở thành người chuyên nghiệp. Tuyệt HAY!😲👍
GOOGLE SPREADSHEETS phê không tưởng
Nếu bạn muốn tạo video chuyên nghiệp và sáng tạo hãy tham gia khóa học HƯỚNG DẪN TỰ TẠO VIDEO CLIP CHUYÊN NGHIỆP SÁNG TẠO
Cập nhật công nghệ từ Youtube tại link: https://www.youtube.com/channel/UCOxeYcvZPGf-mGLYSl_1LuA/videos
Để tham gia khóa học công nghệ truy cập link: http://thuvien.hocviendaotao.com
Mọi hỗ trợ về công nghệ email: dinhanhtuan68@gmail.com