نمایش داده در Gridview با استفاده از Stored Procedure

نمایش داده در Gridview با استفاده از Stored Procedure
نمایش داده در صفحات وب از جمله مهمترین وظایف پیاده کنندگان برنامه های وب محسوب می گردد . در ASP.NET 2.0 امکانات متعددی به منظور دستیابی و نمایش داده ارائه شده است . مجموعه کنترل های منبع داده و نمایش داده ، نمونه هائی در این زمینه می باشند . برای نمایش داده موجود در یک منبع داده بر روی یک صفحه وب ، در ابتدا می بایست به یک منبع داده متصل و متناسب با خواسته موجود یک query را اجراء و در ادامه نتایج را در یک کنترل نمایش داده ، نمایش داد . query مورد نظر را می توان در متن برنامه و یا به عنوان یک Stored Procedure  در سرویس دهنده بانک اطلاعاتی SQL ذخیره نمود . Stored Procedures  در مقایسه با query نوشته شده در متن برنامه از سرعت و ایمنی بمراتب بیشتری برخوردار می باشند.
در این مقاله قصد داریم با نحوه نمایش داده در یک کنترل Gridview ( یکی از مهمترین کنترل های نمایش داده ، ارائه شده در ASP.NET 2.0  ) با استفاده از یک Stored Procedure  آشنا شویم . بدین منظور مراحل زیر را دنبال خواهیم کرد :

• مرحله اول : ایجاد یک وب سایت


• مرحله دوم : اتصال به یک بانک اطلاعاتی سرویس دهنده SQL و اضافه کردن یک  Stored Procedure به آن


• مرحله سوم : نمایش داده برگردانده شده در Gridview


• مرحله چهارم : تست برنامه
   

مرحله اول : ایجاد یک وب سایت
به منظور ایجاد یک وب سایت با استفاده از ویژوال استودیو دات نت 2005 ، مراحل زیر را دنبال می نمائیم :

مرحله اول : فعال نمودن برنامه ویژوال استودیو

مرحله دوم : انتخاب گزینه New از طریق منوی File و کلیک بر روی گزینه Web site

مرحله سوم : انتخاب ASP.NET Web Site پس از نمایش جعبه محاوره ای New Web Site و از طریق بخش Visual studio installed templates

مرحله چهارم : مشخص کردن نوع وب سایت. در ابتدا و از طریق  Location گزینه File System را انتخاب نموده و در ادامه نام فولدری که قرار است صفحات وب سایت در آن ذخیره شوند را مشخص می نمائیم ( به عنوان نمونه E:\SrcoWebSite\StoredProcedure ) .

مرحله پنجم : از طریق بخش Language ، زبان برنامه نویسی که از آن برای برنامه نویسی صفحات استفاده خواهد شد را مشخص می نمائیم .

مرحله ششم : با کلیک بر روی دکمه Ok کار ایجاد یک وب سایت به اتمام می رسد .

 پس از انجام مراحل فوق یک فولدر با نام مشخص شده و صفحه ای با نام Default.aspx ایجاد خواهد شد .

مرحله دوم : اتصال به یک بانک اطلاعاتی سرویس دهنده SQL و اضافه کردن یک  Stored Procedure به آن
به منظور نمایش داده در صفحات ASP. NET می بایست مراحل زیر را دنبال نمود :

• 
  

  ایجاد و فعال کردن یک connection به بانک اطلاعاتی ( در این مقاله از بانک اطلاعاتی Northwind استفاده خواهیم کرد )

  
  


• 
  

  ایجاد یک Stored Procedure  که مسئولیت برگرداندن داده به منظور نمایش در کنترل Gridview را برعهده خواهد داشت .

  
  


• 
  

  استفاده از یک کنترل منبع داده که مسئولیت اجرای Stored Procedure و مدیریت نتایج برگردانده شده را برعهده خواهد داشت .

  
  

در اولین مرحله ، یک Stored Procedure  را ایجاد و در ادامه آن را به سرویس دهنده بانک اطلاعاتی اضافه می نمائیم .

مرحله اول : از طریق پنجره Server Explorer بر روی Data Connections کلیک ( سمت راست ) نموده و در ادامه گزینه Add Connection را انتخاب می نمائیم . در ادامه ، جعبه محاوره ای Add Connection نمایش داده می شود :

اضافه کردن یک connection

در صورتی که در لیست Data Source آیتم (( Microsoft SQL Server (SqlClient)  نمایش داده نشده است ، گزینه Change را انتخاب تا در ادامه جعبه محاوره ای Change Data Source  نمایش داده شود . در ادامه ، گزینه Microsoft SQL Server را انتخاب می نمائیم .
در صورتی که در مقابل نمایش Connection properties  ، جعبه محاوره ای  ‍Choose Data Source نمایش داده شود  از طریق لیست Data Source ، نوع منبع داده را انتخاب می نمائیم . در این مقاله نوع منبع داده ، Microsoft SQL Server در نظر گرفته شده است . در لیست Data Provider ، گزینه .NET Framework Data Provider for SQL Server را انتخاب و در ادامه بر روی Continue کلیک می نمائیم .

انتخاب نوع منبع داده

مرحله دوم : در جعبه محاوره ای Add connection ، نام سرویس دهنده  را در مکان  Server Name  وارد می نمائیم . 

مرحله سوم : در بخش Log on to the server ، یکی از گزینه های موجود به منظور دستیابی و اجرای سرویس دهنده SQL را انتخاب (  integrated security و یا مشخص نمودن ID و رمز عبور ) و در صورت لزوم یک نام و رمز عبور را وارد نمائید .

مرحله چهارم : در صورت درج یک رمز عبور ، گزینه Save my Password را انتخاب نمائید .

مرحله پنجم : در بخش  Select or enter a database name بانک اطلاعاتی Northwind  را انتخاب نمائید .

ایجاد یک Connection به بانک اطلاعاتی Northwind

مرحله ششم : بر روی Test Connection کلیک نموده و پس از اطمینان از صحت عملیات ، گزینه ok را انتخاب می نمائیم . بدین ترتیب ، connection جدید ایجاد و از طریق بخش Data Connection مربوط به Server Explorer  قابل مشاهده خواهد بود .

مرحله هفتم : در Server Explorer و از طریق بخش Data Connections ، اتصال ایجاد شده را باز نموده تا جداول ، view و Stored Procedure  مربوط به بانک اطلاعاتی قابل مشاهده گردند .

مرحله هشتم : در بخش Stored Procedures کلیک ( سمت راست ) نموده و گزینه Add New Stored Procedure را انتخاب می نمائیم . ( ویژگی Add New Stored Procedure توسط  Visual Web Developer Express حمایت نمی شود ) .

اضافه کردن Stored Procedures

مرحله نهم : کد زیر را به Stored Procedure جدید اضافه می نمائیم :

مرحله دهم : بستن پنجره و کلیک بر روی Yes به منظور ایجاد Stored Procedure

مرحله سوم : اضافه کردن یک کنترل Gridview به منظور نمایش داده
پس از ایجاد connection به یک منبع داده ،‌ به منظور نمایش داده می بایست عملیات زیر را انجام داد :

• 
  

  استفاده از یک کنترل منبع داده بر روی صفحه که مسئولیت اجرای  ‍ Stored Procedure و مدیریت نتایج را برعهده خواهد گرفت .

  
  


• 
  

  اضافه کردن کنترل GridView بر روی صفحه به منظور نمایش اطلاعات

  
  

بدین منظور مراحل زیر را دنبال می نمائیم تا داده در کنترل Gridview نمایش داده شود . کنترل فوق ، داده مورد نظر جهت نمایش را از کنترل SqlDataSource دریافت خواهد کرد .

مرحله اول : فعال نمودن صفحه Default.aspx و در ادامه سوئیچ به Design view

مرحله دوم : از طریق Toolbox و بخش Data ، یک کنترل Gridview را انتخاب و بر روی صفحه مستقر می نمائیم .

مرحله سوم : از طریق منوی Gridview Tasks ، گزینه Choose Data Source و در ادامه New Data Source را انتخاب می نمائیم . در ادامه ، ویزارد  Data Source Configuration فعال خواهد شد .

مرحله چهارم : انتخاب Database و در ادامه کلیک بر روی OK ( بدین ترتیب مشخص نموده ایم که می خواهیم داده را از یک بانک اطلاعاتی سرویس دهنده SQL دریافت نمائیم ) . در بخش  Specify an ID for the data source ، یک نام پیش فرض برای کنترل منبع داده با نام SqlDataSource1 در نظر گرفته می شود ( در صورت تمایل می توان این نام را تغییر داد ) . در ادامه ویزارد Configure Data Source SqlDataSource1 ، صفحه ای را نمایش خواهد داد که از طریق آن می توان یک connection را انتخاب نمود .

پیکربندی منبع داده

مرحله پنجم : در لیست ? Which data connection should your application use to connect to the database   ، نام connection  ایجاد شده در مرحله قبل را وارد نموده و بر روی دکمه Next کلیک نمائید . در ادامه ، ویزارد موبوطه صفحه ای را نمایش خواهد داد تا به کمک آن بتوان Connection string را در یک فایل پیکربندی ذخیره نمود . ذخیره Connection string در فایل پیکربندی دارای دو مزیت عمده است :

•  بمراتب ایمن تر از ذخیره در یک صفحه است .‌


•  امکان استفاده از connection string مشابه در چندین صفحه وجود خواهد داشت .

مرحله ششم : گزینه  Yes, save this connection as  را انتخاب و در ادامه بر روی دکمه Next کلیک نمائید . در ادامه ، ویزارد صفحه ای را نشان خواهد داد که به کمک آن می توان نحوه بازیابی داده از منبع داده را مشخص نمود .

مرحله هفتم : گزینه Specify a custom SQL statement or stored procedure  را انتخاب و بر روی دکمه Next کلیک نمائید .

نحوه بازیابی اطلاعات از بانک اطلاعاتی ( Stored Procedure )

مرحله هشتم : در صفحه  Define Custom Statements or Stored Procedures page ، گزینه  Stored Procedure را انتخاب و در ادامه ، Stored Procedure  ایجاد شده در مرحله قبل را انتخاب می نمائیم ( SP_GetEmployees ) .

انتخاب Stored Procedure

مرحله نهم : کلیک بر روی دکمه Next

مرحله دهم : کلیک بر روی Test Query به منظور اطمینان از صحت داده بازیابی شده 

مرحله یازدهم : با کلیک بر روی دکمه Finish ، پیکربندی Gridview به منظور نمایش داده بازیابی شده از بانک اطلاعاتی توسط  Stored Procedure به اتمام می رسد.

مرحله چهارم : تست برنامه
با فشردن کلیدهای CTRL+F5 برنامه اجراء و تمامی رکوردهای موجود در جدول Employees بانک اطلاعاتی Northwind در Gridview نمایش داده می شوند . شکل زیر خروجی این برنامه را نشان می دهد .