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

[Mohamad]

نمایش داده در 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
مرحله چهارم : تست برنامه

[Mohamad]

مرحله اول : ایجاد یک وب سایت
به منظور ایجاد یک وب سایت با استفاده از ویژوال استودیو دات نت ۲۰۰۵ ، مراحل زیر را دنبال می نمائیم :
مرحله اول : فعال نمودن برنامه ویژوال استودیو
مرحله دوم : انتخاب گزینه 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 ایجاد خواهد شد .

[Mohamad]

مرحله دوم : اتصال به یک بانک اطلاعاتی سرویس دهنده 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 جدید اضافه می نمائیم :

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

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

[Mohamad]

مرحله سوم : اضافه کردن یک کنترل 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 به اتمام می رسد.

[Mohamad]

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

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