این مقاله چگونگی ایجاد یک Web application با قابلیت AJAX را توضیح می دهد که که می تواند بعنوان یک لیست to-do یا لیست کارها کار کند. این مقاله به شما کمک می کند یک user interface پایه برای ایجاد، مدیریت، و حذف لیست ها و آیتم های موجود در آن لیست ها ایجاد کنید. تمامی عملیاتهای insert، update، delete، sort، و paging درون یک کنترل اجرا می شود که از Microsoft Ajax استفاده می کند.

می توانید از کنترل UpdatePanel برای فعال سازی postbackهای غیرهمزمان روی صفحه استفاده کنید. ASP.NET بطور پیش فرض، هنگام روی دادن یک postback، کل صفحه را refresh می کند. اما، هنگامی که از کنترل UpdatePanel برای ایجاد postbackهای غیر همزمان استفاده می کنید، فقط عنصرهایی که درون کنترل UpdatePanel هستند، تغییر می کنند. این کار باعث می شود صفحه دینامیک تر شود و سرعت بیشتری داشته باشد.

• taskهای آورده شده در این مقاله شامل موارد زیر است:

• ایجاد یک بانک اطلاعاتی SQL و اضافه کردن داده ها.

• اضافه کردن یک کنترل LinqDataSource به صفحه.

• اضافه کردن یک فایل LINQ to SQL Classes.

• استفاده از کنترل LinqDataSource برای اتصال به بانک اطلاعاتی با استفاده از LINQ.

• استفاده از کنترل UpdatePanel برای اضافه کردن قابلیت Ajax به صفحه.

پیش نیازها:

جهت تکمیل مقاله، به نرم افزارهای زیر احتیاج داریم:

• Microsoft Visual Studio یا Visual Web Developer 2010 Express.

• SQL Server Express نصب شده روی کامپیوتر.

ایجاد یک وب سایت

در این بخش از مقاله، یک وب سایت ایجاد می کنیم و صفحه ای را به آن اضافه می کنیم.در بخش بعدی، به بانک اطلاعاتی وصل می شویم. اگر قبلاً وب سایتی را ایجاد کرده اید، می توانید از آن وب سایت برای این مقاله استفاده کنید. در غیر این صورت، با دنبال کردن مراحل زیر، وب سایتی جدید ایجاد کنید.

این مقاله از پروژه Web site استفاده می کند. در عوض می توانید از پروژه Web application استفاده می کند.

ایجاد یک file system Web site جدید

• در Visual Web Developer، در منوی File، روی New Web Site کلیک کنید.
• پنجره New Web Site نمایش داده می شود.
  زیر Visual Studio installed templates، روی ASP.NET Web Site کلیک کنید.
• در باکس Location، روی File System کلیک کنید، و نام پوشه ای را که می خواهید صفحات وب سات را در آن نگه دارید، تایپ کنید.
• در لیست Language، روی Visual Basic یا Visual C# کلیک کنید و سپس OK کنید.

Visual Web Developer، پوشه و صفحه ای جدید بنام Default.aspx ایجاد می کند.

ایجاد بانک اطلاعاتی جدید در SQL Server

حالا که وب سایتی را ایجاد کرده اید، مرحله بعدی ایجاد بانک اطلاعاتی و یک مرجع به آن در Server Explorer است. (در Visual Web Developer 2008 Express Edition، نام Server Explorer، Database Explorer است.) وقتی یک بانک اطلاعاتی به Server Explorer اضافه می کنید، می توانید از Visual Studio برای اضافه کردن جداول، رویه های ذخیره شده (stored procedure)، viewها، و غیره استفاده کنید. همچنین می توانید داده های جدول را مشاهده کنید یا queryهای خودتان را بطور دستی یا گرافیکی یا با استفاده از پنجره Query Builder، ایجاد کنید.

اضافه کردن بانک اطلاعاتی به پروژه

• در Solution Explorer، روی نام وب سایت کلیک راست و روی Add New Item کلیک کنید.
• پنجره Add New Item نمایش داده می شود.
  SQL Database را انتخاب کنید، و نام بانک اطلاعاتی را Tasks.mdf بگذارید، و سپس OK کنید.
• وقتی Visual Studio  می پرسد آیا بانک اطلاعاتی باید در پوشه App_Data ذخیره شود، YES را کلیک کنید.

ایجاد یک Schema و Sample Data برای بانک اطلاعاتی

می توانید از database design و ویژگی های ویرایش برای ایجاد یک schema برای جدول جدید استفاده کنید که آیتم های task را ذخیره می کند.

• در Solution Explorer، پوشه App_Data را باز منید و روی Tasks.mdf دابل کلیک کنید.
• نمودار درختی بانک اطلاعاتی taskها در Server Explorer (یا Server Explorer) نمایش داده می شود.
  روی پوشه Tables کلیک راست و سپس روی Add New Table کلیک کنید.
• در ویرایشگر جدول بانک اطلاعاتی، ستون های زیر را در جدول ایجاد کنید:

• روی ردیفی که حاوی taskid است، کلیک راست کنید و سپس روی Set Primary Keyکلیک کنید.
• در حالیکه ردیف taskid هنوز در حالت انتخاب است، در تب Column Properties، بخش Identity Specification را باز کنید و سپس (Is Identity) را روی Yes تنظیم کنید.
• جدول را ذخیره کنید و نام آنرا TasksList بگذارید.
• در Server Explorer، روی جدول کلیک راست و روی Show Table Data، کلیک کنید.
• پنجره ای نمایش داده می شود که می توانید داده ها را مشاهده و اضافه کنید.
  چهاریا پنج رکورد به جدول اضافه کنید، و سپس database designer را ببندید.

مجبور نیستید value برای taskid تعیین کنید، زیرا یک identity column است که value آن بطور اتوماتیک تخصیص داده می شود. باید False یا True بودن فیلد isComplete را مشخص کنید.

ایجاد کنترل های Data Access

در این بخش، از کنترل LinqDataSource استفاده می کنیم و کلاس هایی را ایجاد می کنیم که موجودیت های بانک اطلاعاتی (database entities) را نمایش می دهد. کنترل و کلاس ایجاد شده، لایه data-access هستند که در این مقاله مورد استفاده قرار می گیرند.

کنترل LinqDataSource، از طریق معماری کنترل ASP.NET data-source control، LINQ را expose می کند. کنترل LinqDataSource، کد select کردن، update کردن، delete کردن اشیاء بانک اطلاعاتی را ایجاد می کند. LINQ، اصول برنامه نویسی شی گرا را به داده های رابطه ای اعمال می کند. این کنترل مدل برنامه نویسی یکپارچه ای را برای query و update کردن داده ها از انواع مختلف منابع داده ها فراهم می کند و قابلیت های داده ها را مستقیماً به زبان های C# و Visual Basic، اکستند (extend) می کند.

mapping بانک اطلاعاتی Taskها به SQL Data Context Object

جهت شروع ایجاد لایه data access، باید یک typed dataset به پروژه اضافه کنید.

ایجاد کلاسی برای جدول TasksList

• اگر وب سایت از قبل دارای پوشه App_Code نیست، در Solution Explorer، روی نام وب سایت کلیک راست، و روی Add ASP.NET Folder ، و سپس روی App_Code کلیک کنید.

• روی پوشه App_Code راست کلیک و سپس روی Add New Item کلیک کنید.

• زیر Visual Studio installed templates، گزینه LINQ to SQL Classes را انتخاب کنید، و فایل را به Tasks.dbml تغییر نام دهید، و سپس روی Add کلیک کنید.

پنجره Object Relational Designer نمایش داده می شود.

• در Server Explorer، جدول TasksList را به پنجره Object Relational Designer درگ کنید.

• فایل Tasks.dbml را ذخیره کنید.

وقتی فایل را ذخیره می کنید، Visual Studio  دو فایل در پوشه App_Code زیر Tasks.dbml ایجاد می کند. فایل اول، Tasks.dbml.layout است؛ و فایل دوم، بسته به زبانی که هنگام ایجاد فایل Tasks.dbml انتخاب کرده اید، Tasks.designer.cs یا Tasks.designer.vb است،.

• در Solution Explorer، فایل Tasks.designer.cs یا Tasks.designer.vb را باز کنید.

دقت کنید که این کد حاوی کلاس هایی بنام TasksDataContext و TasksList است. کلاس TasksDataContext، نمایانگر بانک اطلاعاتی و کلاس TasksList، نمایانگر جدول بانک اطلاعاتی است. constructor بدون پارامتر کلاس TasksDataContext، کانکشن استرینگ را از فایل Web.config می خواند.

• فایل Web.config را باز کنید.

دقت کنید که رشته اتصال به بانک اطلاعاتی Tasks.mdf، در عنصر connectionStrings اضافه شده است.

• فایل کلاس، پنجره Object Relational Designer، و فایل Web.config را ببندید.

ایجاد و پیکر بندی کنترل LinqDataSource

حالا که یک جدول بانک اطلاعاتی و کلاس هایی دارید که نمایانگر موجودیت های بانک اطلاعاتی هستند، می توانید از کنترل LinqDataSource روی صفحه وب ASP.NET استفاده کنید تا به بانک اطلاعاتی دسترسی پیدا کنید.

• صفحه Default.aspx را باز کنید.

• به viewی Design، سوییچ کنید.

• یک کنترل LinqDataSource روی صفحه درگ کنید.

می تو انید پراپرتی ID را بصورت LinqDataSource1، ترک کنید.

• در پنل اسمارت تگ LinqDataSource Tasks، روی Configure Data Source کلیک کن