ساخت فرم ورود و ثبت نام در Asp.Net

شنبه 8 فروردین 1394

در این مقاله به ساخت فرم لاگین و ثبت نام در Asp.Net می پردازیم

ساخت فرم ورود و ثبت نام در Asp.Net

ساخت فرم ورود و ثبت نام در Asp.Net

ابتدا ویژوال استدیو خود را باز کنید و یک پروژه جدید از نوع وب فرم از طریق مسیر زیر بسازید :

File -> New -> Website

از پنجره سمت راست قسمت ویژوال C# را انتخاب سپس ASP.NET Empty Web Site را انتخاب کنید و روی ok کلیک کنید.

سپس در پنجره SolutionExplorer روی نام پروژه کلیک راست کنید سپس گزینه Add->Web Form :

در پنجره ای که ظاهر میشود نام صفحه جدید را وارد کنید:

در صفحه جدیددر حالت دیزاین از جعبه ابزار خود سه عدد برچسب (label) و سه عدد جعبه متنی(textbox) و یک عدد دکمه (button) به صفحه خود اضافه کنید :

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body dir="rtl">
    <form id="form1" runat="server">
    <div>
    
        <asp:Label ID="Label1" runat="server" Text="نام کاربری"></asp:Label>
          <br/>
        <asp:TextBox ID="txtUserName" runat="server" Height="19px" ></asp:TextBox>
    <br/>

    <asp:Label ID="Label3" runat="server" Text="کلمه عبور"></asp:Label>
          <br/>
        <asp:TextBox ID="txtpassword" runat="server" Height="19px" ></asp:TextBox>
    </div>
        <br/>
        <div>
            <asp:Button ID="btnLogin" runat="server" Text="ورود" OnClick="btnLogin_Click" />
        </div>
    </form>
</body>
</html>

حال در sql یک جدول برای ثبت نام بسازید:


    create table registration  
    (  
       Username varchar(100),  
       Email varchar(100),  
       Password varchar(20)  
    )   

یک روال برای بررسی کاربر بسازید:

create PROCEDURE CUser  
(  
   @username as varchar(50),  
   @password as varchar(50)  
)  
AS  
SELECT * FROM registrationtab WHERE username=@username AND password=@password 

در رویداد کلیک دکمه ورود کد زیر را بنویسید:

        protected void btnLogin_Click(object sender, EventArgs e)
        {
            string strcon = "Data Source=.;uid=sa;pwd=123;database=Login_Register";
            SqlConnection con = new SqlConnection(strcon);
            SqlCommand com = new SqlCommand("CUser", con);
            com.CommandType = System.Data.CommandType.StoredProcedure;
            SqlParameter p1 = new SqlParameter("username", txtUserName.Text);
            SqlParameter p2 = new SqlParameter("password", txtpassword.Text);
            com.Parameters.Add(p1);
            com.Parameters.Add(p2);
            con.Open();
            SqlDataReader rd = com.ExecuteReader();
            if (rd.HasRows)
            {
                rd.Read();
                Label3.Text = "شما با موفقیت وارد شدید";
                Label3.Visible = true;
            }
            else
            {
                Label3.Text = "نام کاربری یا کلمه عبور اشتباه است";
                Label3.Visible = true;
            } 
        }

حال صفحه دیگری به پروژه خود برای ثبت نام بسازید:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="WebApplication5.Register" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body dir="rtl">
    <form id="form1" runat="server">
    <div>
    
        <asp:Label ID="Label1" runat="server" Text="نام کاربری"></asp:Label>
          <br/>
        <asp:TextBox ID="txtUserName" runat="server" Height="19px" ></asp:TextBox>
    <br/>
        <asp:Label ID="Label2" runat="server" Text="آدرس ایمیل"></asp:Label>
          <br/>
        <asp:TextBox ID="txtEmail" runat="server" Height="19px" ></asp:TextBox>
        <br/>
        <asp:Label ID="Label3" runat="server" Text="کلمه عبور"></asp:Label>
          <br/>
        <asp:TextBox ID="txtpassword" runat="server" Height="19px" ></asp:TextBox>
    </div>
        <br/>
        <div>
            <asp:Button ID="btnRegister" runat="server" Text="ثبت نام"  />
        </div>
    </form>
</body>
</html>

در sql روال زیر را برای ثبت نام بنویسید:


    create procedure [dbo].[strlogin]  
    (  
       @username varchar(40),  
       @email varchar(50),  
       @password varchar(20)  
    )  
    as  
    insert into registration values(@username,@email,@password )  

حال در رویداد کلیک دکمه ثبت نام کد زیر را بنویسید:

        protected void btnRegister_Click(object sender, EventArgs e)
        {
            string strcon = "Data Source=.;uid=sa;pwd=123;database=Login_Register";
            SqlConnection con = new SqlConnection(strcon);
            SqlCommand com = new SqlCommand("strlogin", con);
            com.CommandType = System.Data.CommandType.StoredProcedure;
            SqlParameter p1 = new SqlParameter("username", txtUserName.Text);
            SqlParameter p2 = new SqlParameter("email", txtEmail.Text);
            SqlParameter p3 = new SqlParameter("password", txtpassword.Text);
            com.Parameters.Add(p1);
            com.Parameters.Add(p2);
            com.Parameters.Add(p3);
            con.Open();
            com.ExecuteNonQuery();
            Label3.Text = "ثبت نام با موفقیت انجام شد";
            Label3.Visible = true;
            con.Close();

        }

حالا میتونید برنامه رو اجرا کنید.

فایل های ضمیمه

برنامه نویسان

نویسنده 3355 مقاله در برنامه نویسان

کاربرانی که از نویسنده این مقاله تشکر کرده اند

در صورتی که در رابطه با این مقاله سوالی دارید، در تاپیک های انجمن مطرح کنید