آموزش استفاده از AutoMapper و رهایی از بند تکرار

در محیط ASP.MVC کار با مدل یکی از ارکان اصلی برنامه نویسی است. در بسیاری موارد مدلی که در بانک استفاده کرده اید برای نمایش به کاربر در قسمت View مناسب نیست. معمولا مدلها شامل اطلاعات خاصی هستند که بهتر است کاربر آنها را مشاهده نکند. در این مواقعه ما یک مدل میانجی میسازیم با عنوان ViewModel که جهت نمایش مدل در View از آن استفاده کنیم(البته با تعریف آن در MVVM فرق دارد)

ادامه نوشته

آپلود فایل با Ajax در ASP.MVC3 – نسخه 3

در پروژه ی قبل تلاش کردیم با استفاده از File API در HTML5 و Ajax در jQuery سیستم آپلود فایل به سرور طراحی کنیم.

این سیستم قادر بود چندین فایل را به طور همزمان به سرور ارسال کند. همچنین کاربر می توانست قبل از ارسال به لیست فایلها یک یا چند فایل دیگر اضافه کند یا موارد دلخواهی را حذف کند. پس از اینکه کاربر دکمه ی ثبت را میزد فایلها به ترتیب و با استفاده از ajax به سرور ارسال میشد.

با این وجود یک مشکل در پروژه ی قبل وجود داشت. درست است که بعد از ارسال هر فایل به کاربر اطلاع داده میشد که فایل با موفقیت به سرور ارسال شده است. اما هیچ مکانیزمی برای اطلاع از پایان یافتن همه ی آپلودها وجود نداشت.

ادامه نوشته

آپلود کرد فایل با ajax در ASP.MVC - نسخه 2

در این پروژه ی نمونه در محیط ASP.MVC 4 تلاش می کنیم لیستی از فایلها را با کمک Ajax به سرور ارسال کنیم. در مسیر پیاده سازی این پروژه از HTML5 و بخش File API استفاده شده است. متاسفانه این قابلیت در مرورگر IE از نسخه ی 10 به بعد پشتیبانی میشود اما در سایر مرورگرها به خصوص کروم به طور کامل قابل استفاده است.

 

ادامه نوشته

آموزش Autocomplete دینامیک در ASP.MVC با jQuery

لیستهای تکمیل شونده در یک وب سایت کمک میکند کاربر کمتر تایپ کند و زودتر به نتیجه ی دلخواه خود برسد. یکی از بهترین مثالهای این روش لیست جستجو در سایت گوگل است. به محض اینکه شروع به تایپ میکنید گوگل لیستی از نتایج ممکن را برای شما فراهم میکند و گاهی هم پیشنهادهای شرم آوری میدهد! حالا ما قصد داریم یک نمونه از آن را پیاده کنیم.

 

 

ادامه نوشته

آموزش آپلود عکس در ASP.MVC با AJAX

آپلود کردن فایلهای عکس به روش معمول HTML.BeginForm به راحتی صورت میگیرد. کافی است در سمت سرور از کلاس HttpPostedFileBase استفاده کنید و به راحتی به محتویات فایل دسترسی پیدا کنید. اما در روش AJAX با استفاده از Ajax.BeginForm امکان آپلود فایل وجود ندارد. دلیل عمده ی آن هم متکی بودن این روش بر بعضی قابلیت های HTML5 مانند FileReader است که در نسخه های قبلتر از IE10 پشتیبانی نمیشود.
در این برنامه ی نمونه ابتدا از کاربر میخواهیم عکسهای مورد نظر خودش را جهت آپلود انتخاب کند. سپس قبل از ارسال فایلها به سرور پیشنمایش آنها را در سمت کلاینت به انجام میرسانیم. سپس کاربر میتواند با زدن دکمه ی ثبت فایلها را به سرور ارسال کند.

 

ادامه نوشته

آشنایی با Ajax در ASP.MVC

AJAX چیست ؟
این کلمه مخفف عبارت asynchronous JavaScript and XML می باشد. این یعنی از جاوا اسکریپت و XML به صورت نامگام استفاده کنیم. منظور از ناهمگام بودن این است که درخواست شما به سرور ارسال میشود و بلافاصله به کاربر(Client) برگشت میکند. در این لحظه کاربر میتواند کار خود را در صفحه ی وب ادامه دهد. به محض اینکه پیامی از سمت سرور در پاسخ به درخواست دریافت شود مرورگر آن را به صفحه ی وب اطلاع میدهد.

کاربردها

درحالت معمول بعد از هر درخواست (Request) صفحه ی مرورگر تازه (Refresh) میشود. برای صفحات کم حجم ممکن است زیاد به نظر نرسد. اما در صفحه های شلوغ این کار برای چند لحظه ارتباط کاربر با صفحه ی وب را مختل میکند. AJAX باعث میشود بروز رسانی صفحه در پس زمینه صورت گیرد و کار کاربر نرم ادامه پیدا کند.
در خیلی از موارد نیاز داریم تنها بخشهایی از صفحه ی وب را بروز کنیم. اگر قرار باشد با هر بار تغییر نتیجه ی بازی فوتبال یا هر بار دریافت پیام همه ی صفحه را بروز کنیم علاوه بر اینکه صفحه در سمت کلایت برای مدتی از دسترس خارج میشود فشار زیادی به سرور وارد میکند. چرا که همه ی اطلاعات باید از نو خوانده شده و به سمت کاربر ارسال شود.
در نهایت AJAX هم سرعت کار با صفحه ی وب را افزایش میدهد و هم بار ترافیکی آن را کم میکند. همچنین طراحی UI را بسیار کاربر پسند تر میکند.

ادامه نوشته