نمايش داده در صفحات وب از جمله مهمترين وظايف پياده كنندگان برنامه های وب محسوب می گردد . در 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 نمايش داده می شود :

 

در صورتی كه در ليست 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  را انتخاب نمائيد.

مرحله ششم : بر روی 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 Procedure جديد اضافه می نمائيم :

CREATE PROCEDURE PP_GetEmployees AS   Select EmployeeID, LastName, FirstName from Employees RETURN

مرحله دهم : بستن پنجره و كليك بر روی 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 كليك نمائيد.

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

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

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

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

 

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

با فشردن كليدهای CTRL+F5 برنامه اجراء و تمامی ركوردهای موجود در جدول Employees بانك اطلاعاتی Northwind در Gridview نمايش داده می شوند . شكل زير خروجی اين برنامه را نشان می دهد .