تا حالا در مورد استفاده از بانکهای اطلاعاتی در برنامه های ویندوز صحبت کردیم. مبحث رو با استفاده از بانکهای اطلاعاتی در صفحات وب ادامه میدیم. در این مقاله از بانک اطلاعاتی Northwind استفاده می کنیم که بطور پیش فرض در SQL Server وجود داره. اگرم که Northwind نصب نشده و به هر دلیلی اونو تو سیستم ندارید بگید تا SQL اونو براتون تو وبلاگ بذارم تا دانلود کنید.
قبل از اینکه ادامه بدم فقط اینو به دوستان بگم که بزودوی ادامه مطالب مربوط به .NET 3 رو ادامه میدم. بعد از دو قسمت که در مورد WF صحبت خواهم کرد سراغ WPF میرم.
نمایش اطلاعات بانکهای اطلاعاتی در صفحات وب در این مقاله سعی شده است تا بصورت قدم به قدم نحوه نمایش اطلاعات مورد نیاز در صفحات وب را باهم مرور کنیم.
- VS2005 را اجرا کنید و از منوی فایل گزینه New\Web Site را انتخاب نمایید تا پنجره New Web Site نمایش داده شود.
- در این پنجره ASP.NET Web Site را انتخاب نمایید. Location را روی FileSystem و Language را روی C# تنظیم کنید و سپس کلید OK را کلیک نمایید.
- در این مثال برای نمایش اطلاعات از DataGrid استفاده می کنیم. به همین منظور از Toolbox بخش Data گزینه GridView را انتخاب نمایید (در حالت Design) و آن را روی صفحه وب درگ کنید.
- روی GridView کلیک راست نموده و گزینه Show Smart Tag را انتخاب نمایید. از منوی نمایش داده شده گزینه Choose Data Source را باز نموده و را انتخاب نمایید. پنجره Data Source Configuration wizard باز می شود.
- در پنجره باز شده گزینه Database را انتخاب نمایید. برای DataSource انتخاب شده می توانید ID تعیین کنید. این ID بطور پیش فرض مقدار SqlDataSource1 را دارد. کلید Ok را انتخاب نمایید.
- در پنجره بعد کلید New Connection را کلیک کنید. پنجره Add Connection باز می شود.
- در این پنجره گزینه Server Name را باز نموده و نام Server مورد نظرتان را انتخاب نمایید. قسمت Select or Enter Database Name را باز نموده و Northwind را انتخاب نمایید. با انتخاب کلید Test Connection می توانید صحت عملیات انجام شده را بررسی کنید. کلید Ok را کلیک نمایید.
- در پنجره Configure Data Source کلید Next را کلیک کنید. در صفحه جدید در صورتی که گزینه Yes, Save this connection as انتخاب نشده باشد، آن را انتخاب نمایید. نام پیش فرض برای ConnectionString را قبول نموده و کلید Next را کلیک کنید. با این کار مقدار ConnectionString در فایل Web.Config ذخیره می شود. ذخیره آن در فایل تنظیمات دو مزیت دارد: یکی اینکه امنیت بیشتری دارد. دوم اینکه استفاده از آن در صفحات دیگر به راحتی امکان پذیر است. کلید Next را انتخاب نمایید.
- در صفحه بعد گزینه Specify Column from table or view را به حالت انتخاب درآورده و گزینه Name (نام جدول مورد نظر) را روی Customers تنظیم کنید. با این کار فیلدهای جدول انتخاب شده (در اینجا جدول Cusomers) در لیست Columns نمایش داده می شود. از این لیست فیلدهای CusomerID و CompanyName و City را انتخاب کنید. کلید Next را کلیک نمایید.
- در صفحه جدید با انتخاب کلید Test Query می توانید از صحت عملیات تا اینجا اطمینان حاصل نمایید. پس از آن کلید Finish را انتخاب نمایید.
- در اینجا مرحله اول صفحه وب ما آماده شده است. شما می توانید با اجرای این برنامه صفحه وب و اطلاعات مورد نظرتان را در آن ببینید.
پس از اجرا خواهید دید که همه اطلاعات از جدول مورد نظر به یکباره در صفحه نمایش داده می شود و این چندان برای یک صفحه وب مناسب نیست. برای این کار می توان از امکانات صفحه بندی موجود در GridView استفاده نمود. برای این کار از منوی Show Smart Tag گزینه Enable Paging را انتخاب نمایید. اجازه دهید تا اینجا هستیم گزینه Enable Sorting را نیز انتخاب کنیم. با انتخاب این گزینه محتویات Gridview بصورت مرتب شده نمایش داده می شود.
حالا با اجرای برنامه، اطلاعات شما بصورت صفحه بندی شده و مرتب نمایش داده می شود.
فیلتر کردن اطلاعاتهدف از این مرحله امکان فیلتر کردن اطلاعات با توجه به شهر مورد نظر کاربر می باشد. بدین منظور باید مراحل زیر را قدم به قدم انجام دهید:
- از Toolbox بخش Standard یک عدد TextBox و یک Button روی صفحه قرار دهید. ID مربوط به TextBox را به txtCity و Button را به btnSubmit تغییر دهید. خاصیت Text مربوط به Button را به Submit تغییر دهید.
- کنترل SqlDataSource موجود در صفحه را به حالت انتخاب درآورده و از منوی Smart Tag آن گزینه Configure Data Source را انتخاب نمایید.
- در پنجره جدید با توجه به انتخاب بودن گزینه NorthwindConnectionString کلید Next را کلیک کنید.
- در پنجره جدید کلید WHERE… را انتخاب نمایید. پنجره Add Where Clause نمایش داده می شود. در این پنجره گزینه Column را روی City و Operator را روی = و Source را روی Control قرار دهید. اکنون گزینه ControlID را روی txtCity تنظیم کنید. با این کار در حقیقت تعیین می کنیم که از مقدار کدام کنترل برای شرط WHERE استفاده نماید.
- در همان پنجره کلید Add را انتخاب نمایید. تا شرط مورد نظر به لیست شروط اضافه شود. با انتخاب کلید Ok به پنجره Configure Data Source برمی گردیم. در این پنجره کلید Next را کلیک نمایید.
- در پنجره Test Query با استفاده از کلید Test Query می توان نتیجه عملیات تا اینجا را مشاهده نمود. با این تفاوت که در اینجا مقدار فیلد مشخص شده در WHERE از شما پرسیده می شود. برای تست می توانید مقدار London را وارد نمایید. پس از انجام تست، کلید Finish را کلیک کنید.
پس از اجرای برنامه، فقط TextBox و کلید نمایش داده می شوند. نام شهر London را وارد نموده و کلید Submit را کلیک نمایید. خواهید دید که Gridview نمایش داده شده و محتویات آن همه دارای مقدار London در فیلد City خود هستند. همه این کارها بدون نوشتن حتی یک خط کد انجام شد!
منبع: MSDN
+
نوشته شده در دوشنبه هجدهم تیر 1386ساعت 22:48 توسط ققنوس
|
