انجام عملیات CRUD در ASP.Net

دوشنبه 17 اسفند 1394

در این مقاله می خواهیم نحوه ی انجام عملیات CRUD در ASP.Net را بررسی کنیم. این کار به صورت مرحله به مرحله و بسیار ساده خواهد بود.در این مقاله از برنامه های Visual Studio و SOL Server استفاده می کنیم.

انجام عملیات CRUD در ASP.Net

مرحله  1 :

برنامه SQL Server را باز کنید. ( Server Name ،Id ،Password را وارد کنید و سپس بر روی Connect کلیک کنید.)

مرحله  2:

یک database جدید ایجاد کنید. (بر روی Database کلیک راست کنید و سپس New Database را انتخاب کنید.)

مرحله  3 :

برای database خود ، نام "CRUD" را انتخاب کنید و سپس بر روی OK کلیک کنید.

مرحله  4 :

یک جدول جدید ایجاد کنید.( CRUD database را از حالت فشرده خارج کنید و بر روی Tables کلیک راست کنید و سپس New Table را انتخاب کنید.)

مرحله  5 :

جدول خودتان را مطابق شکل زیر طراحی کنید. ( ستون ها را نام گذاری کنید و نوع داده های هر ستون را طبق شکل زیر ، تعیین کنید. )

 


مرحله  6 :

کلید اصلی (Primary Key) جدول را انتخاب کنید. ( بر روی ستون U_id کلیک راست کنید و سپس بر روی گزینه ی Primary Key کلیک کنید. )

مرحله  7 :

ستون U_id را Auto- Increment کنید. (ستون U_id  را انتخاب کنید و به Property ستون بروید و Is Identity=Yes را قرار بدهید. ) Ctrl + S را برای ذخیره کردن فشار دهید. یک پنجره باز می شود که در آن باید نام database خودتان را وارد کنید. نام "tbl_user" را برای آن بنویسید و گزینه ی OK را انتخاب کنید.

مرحله  8 :

یک New Web Application ایجاد کنید. (  Visual Studio را باز کنید و File -> New -> Web Site را انتخاب کنید. )

مرحله 9 :

 از منوی سمت چپ ، گزینه ی #C  و همچنین Net Framework 3.5. را انتخاب کنید.

مرحله  10 :

گزینه ی ASP.NET Empty را انتخاب کنید و سپس بر روی Browse کلیک کنید.

مرحله  11 :

پوشه ای که می خواهید برنامه را در آن ذخیره کنید ، انتخاب کنید و سپس نام وب سایت خودتان را مثل شکل  (../project/CRUD) قرار بدهید و سپس بر روی OK کلیک کنید.

مرحله  12 :

در این مرحله ، یک Web Application خالی ایجاد شده است.

مرحله 13:

یک صفحه ی وب جدید ایجاد کنید. (بر روی web App راست کلیک کنید و سپس Add -> Add New Item را بزنید.)

مرحله  14 :

گزینه ی "Web Form" را انتخاب کنید و نام "Add.aspx" را برای آن انتخاب کنید. سپس گزینه ی Add را انتخاب کنید.

مرحله  15 :

به روش مشابه ، سه web form دیگر اضافه کنید. (Delete.aspx, Retrieve.aspx and Update.aspx)

مرحله  16 :

یک جدول HTML به صورت داینامیک ایجاد کنید. ( Add.aspx را باز کنید سپس از منوی بالا ، گزینه ی Table را انتخاب کنید. )

مرحله 17 :

مشخصات جدول را مطابق زیر تنظیم کنید و حتما تیک گزینه ی specify width را بردارید. ( این مورد برای داشتن یک  UI خوب ، مهم است .)

مرحله 18 :

بر روی جدول کلیک راست کنید و به قسمت properties بروید .(در گوشه ی سمت راست ، می توانید پنجره ی properties را مشاهده کنید .)

مرحله  19 :

این مرحله ، برای داشتن یک UI مناسب ، مهم است.

1-اولین سلول از اولین ردیف را انتخاب کنید و عرض آن را برابر با 100 قرار بدهید. ( این کار را از طریق پنجره ی properties انجام بدهید.)

2-دومین سلول از اولین ردیف را انتخاب کنید و عرض آن را برابر با 20 قرار بدهید.

3- چهارمین سلول از اولین ردیف را انتخاب کنید و عرض آن را برابر با 20 قرار بدهید.

4-یک TextBox اضافه کنید. ( از TextBox ،ToolBox را انتخاب کنید و سپس آن را به سلول سوم از ردیف اول بکشید.)

5- TextBox را انتخاب کنید و   Ctrl+C را فشار بدهید سپس بر روی سلول سوم از ردیف دوم بروید و Ctrl+ V انجام بدهید. (این کار را برای ردیف های سوم و چهارم نیز انجام بدهید. )

6-متن ها را همان طور که در شکل زیر نشان داده شده است، در سلول های اول هر ردیف درج کنید . ( نام ، نام خانوادگی ، شماره ی تماس و ایمیل )

7-سلول های دوم از هر ردیف را انتخاب کنید، سپس به پنجره ی properties بروید و ویژگی align را برابر با center قرار بدهید ، سپس ":" را در هر یک از سلول ها بگذارید.

8- سلول سوم از ردیف پنجم را انتخاب کنید، ویژگی  align  آن را برابر با right قرار بدهید.

مرحله  20 :

یک button اضافه کنید. ( ازtoolbox  یک button انتخاب کنید و آن را به ستون سوم از ردیف پنجم بکشید و قرار بدهید. )

مرحله  21 :

یک مقدار Id را برای هر جزء ASP در نظر بگیرید.(اولین TextBox را انتخاب کنید و سپس   ID = txtFname را قرار بدهید. )

این کار را برای بقیه ی TextBox ها نیز انجام بدهید و یک نام برای آن ها در نظر بگیرید. (txtLname, txtContact و txtEmail)

مرحله  22 :

مانند مرحله 21 ، یک متن و یک Id  نیز برای button در نظر بگیرید.( به قسمت Properties بروید و  تغییرات زیر را انجام بدهید.)

مرحله  23 :

قسمت کد # Cصفحه را باز کنید. (بر روی صفحه کلیک راست کنید و سپس به View Code بروید.)

مرحله 24 :

در بالای کدتان ، دو قسمتی که در شکل نشان داده شده است را اضافه کنید. (using System.Data وusing System.Data.SqlClient)

مرحله 25 :

بر روی دکمه ی Create ، دابل کلیک کنید و کد زیر را به آن اضافه کنید.


   string con = "Data Source=.;Initial Catalog =CRUD;User Id=sa;Password=123";  
        SqlConnection db = new SqlConnection(con);  
        db.Open();  
        string insert = "insert into tbl_user (u_fname,u_lname,u_contact,u_email) values ('"+txtFname.Text+"','"+txtLname.Text+"','"+txtContact.Text+"','"+txtEmail.Text+"')";  
        SqlCommand cmd = new SqlCommand(insert,db);  
        int m = cmd.ExecuteNonQuery();  
        if(m != 0)  
        {
            Response.Write("<script>alert('اطلاعات با موفقیت درج شد')</script>");  
        }  
        else  
        {
            Response.Write("<script>alert('اطلاعات با موفقیت درج شد')</script>");  
        }  
        db.Close(); 

مرحله 26 :

پروژه را طبق مراحل زیر اجرا کنید :

1- پروژه را ذخیره کنید.

2-پروژه را اجرا کنید.(در صورت اجرا، خروجی زیر را خواهید دید.)

3-جزئیات کاربر را وارد کنید و بر روی دکمه ی "ثبت اطلاعات " کلیک کنید.

مرحله 27 :

یک پیام به شما نشان داده می شود با عنوان "اطلاعات با موفقیت ، درج شد. "

مرحله 28 :

 در این مرحله می خواهیم ببینیم اطلاعات با موفقیت ثبت شده اند یا نه . (برنامه SQL Server را باز کنید ، سپس پایگاه داده ی "CRUD" را انتخاب کنید، بر روی tbl_user ، راست کلیک کنید و جدول را باز کنید.) خواهید دید که اطلاعات به درستی در جدول قرار گرفته اند.

 

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

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

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

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

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