نمایش داده در 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:SrcoWebSiteStoredProcedure ) .

مرحله پنجم : از طریق بخش 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
اضافه کردن یک 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
ایجاد یک 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 Procedures

مرحله نهم : کد زیر را به 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 کلیک نمائید .

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

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

انتخاب Stored Procedure
انتخاب Stored Procedure

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

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

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

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

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