• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

آموزش پیاده سازی اسلاید شو با ASP.NET و SQL SERVER

19944 ۸ شهریور ۹۲

دوستان سلام،همون طور که قول داده بودیم،قسمت دوم آموزش پیاده سازی اسلایدشو که برای ASP.NET هست رو برای این مطلب در نظر گرفتیم،ما اساس کار رو توی آموزش قبلی که برای PHP بود گفتیم و توی این مطلب صرفا کد ها رو به #C و ASP تبدیل می کنیم.پس با ما همراه باشید.

خوب اول از همه ساخت جدول در SQL_SERVER،خوب توی این تصویر خودتون می بینید ما چه فیلد هایی و با چه مشخصاتی لازم داریم.

ساخت جدول مطالب

ساخت جدول مطالب

توی مطلب قبلی ما تقریبا این فیلد ها رو توضیح دادیم که قراره چه داده هایی رو برای ما ذخیره کنن،خوب ما میریم سراغ صفحه ارسال مطلب جدید.

ما توی صفحه ارسال مطلب از یه جدول برای چیدن فرم مورد نظر استفاده کردیم،یه سری استایل خاص هم نوشتیم که همون استایل های مطلب در PHP هستش،پس نیاز خاصی به توضیح نیست.

کدی که برای قسمت جاوا اسکریپت نوشتیم دقیقا همون مطلب قبلیه فقط یه توضیح کوچیک  داره اونم اینه که برای دریافت ID عناصر صفحه توی ASP.NET  ما یکم کد رو تغییر میدیم،کاربران ASP میدونن که ما این جا از عناصر سمت سرور استفاده کردیم و چون ID هایی که بهشون اختصاص داده میشه توی قسمت Code Behind استفاده میشه بنابراین ID این عناصر توی سمت Client فرق داره و ما برای اجرای کد هایی مثل جاوا اسکریپت باید حتما اون ID رو دریافت کنیم.

اون دستور ClientID دقیقا ID عنصر در سمت کاربر (client) رو برای ما برمی گردونه،اون علامت های <%%> هم کد های اسکریپتی ASP.NET هست.

کد های سمت سرور صفحه ارسال مطلب

خوب اینجا هم ما کد نحوه ثبت مطلب توی دیتابیس رو نوشتیم،برای کار با دیتابیس از کلاس DAL که برای راحتی کار نوشتیم استفاده کردیم،خوب بعدش چک کردیم که عنصر آپلود فایل،فایلی توی خودش داره یا نه اگه داشت که یه سری کد دیگه نوشتیم،با استفاده از کلاس Random میخوایم یه عدد تصادفی درست کنیم که به اسم فایل اضافه کنیم که تکراری نباشه (شما حتما چک کنید ببینید فایل موجوده یا نه که اگه موجود بود یه عدد دیگه تولید کنید)، اسم فایل رو از عنصر آپلود فایل دریافت کردیم و بعدش هم مسیری که مشخص میکنه فایل کجا ذخیره بشه رو مشخص کردیم و در آخر با متد SaveAs فایل رو توی مسیر جاری (Server.MapPath مسیر فیزیکی سایت رو برای ما برمیگردونه) ذخیره میکنیم و متغییر slider رو برابر 1 قرار میدیم (متغییر slider مشخص میکنه که قراره این مطلب با تصویری که داره توی اسلایدر سایت به نمایش در بیاد).

خوب بعدشم کوئری SQL رو نوشتیم و با مقادیر دریافتی از اون فرم صفحه این کوئری رو فرمت دهی کردیم ،با استفاده از متد connect از شی data که از کلاس  DAL نمونه سازی شده به دیتابیس وصل شدیم،با متد docommand از همین شی کوئری رو پردازش کردیم و با متد disconnect از دیتابیس قطع اتصال کردیم.

صفحه نمایش اسلاید شو

خوب حالا توی صفحه اصلی که ما میخوایم اسلاید شو رو نمایش بدیم کد های لازم قسمت اسلاید شو رو می نویسیم،ما این جا از کنترل پرکاربرد Repeater استفاده کردیم که به راحتی می تونیم کد ها رو توش فرمت بندی کنیم و حالت نمایشی دلخواه رو براش مشخص کنیم.

 

توی قسمت HeaderTemplate کد هایی که لازمه اول صفحه باشه و تکراری نیست و می نویسیم (تگ های اصلی نگهدارنده اسلاید شو ) توی قسمت ItemTemplate کد های تکراری رو مینویسیم و توی قسمت FooterTemplate کد های تکرار نشدنی(تگ های بسته شدن برای تگ های نگهدارنده اصلی اسلاید شو) رو قرار میدیم.

توی قسمت ItemTemplate ما از همچین کدی رو نوشتیم.

یه تگ لینک که داخلش یه تگ تصویر هست،ما توی خاصیت src آدرسی که توی دیتابیس ذخیره کردیم رو دریافت میکنیم و نشون میدیم،توی قسمت alt و title هم عنوان مطلب رو نشون میدیم (خاصیت data-thumb متعلق به اسلایدره که ما به خاطر خود کد اسلایدر داخلش تصویر رو قرار دادیم )،خوب حالا شاید سوال شما این باشه که این کد پایین چیه.

خوب این یه کد اسکریپتی سمت سرور هست که با اون مقادیری که از دیتابیس گرفتیم رو به خروجی تحویل میدیم.اگه دقت کنید توی پارامتر دوم متد Eval ما نوشتیم img این دقیقا همون فیلد توی جدول دیتابیس هست که آدرس تصویر رو توی خودش ذخیره میکنه،دیگه بقیه فیلد ها رو هم خودتون ببینید چطور استفاده شده چون کاملا واضح و مشخصه.

حالا توی قسمت Code Behind صفحه نمایش اسلاید شو همچین کدی رو مینویسیم.

باز هم از کلاس DAL استفاده کردیم (این جا مشخص میشه که کد نویسی شی گرا چقدر خوب و بدرد بخوره و از تکرار کد ها جلوگیر ی میکنه،اگه ما از شی گرایی استفاده نمی کردیم مجبور بودیم هم توی صفحه قبلی و هم توی این صفحه کد های ارتباط و پردازش با دیتابیس رو بنویسیم و تکرار کنیم،حالا شما توی پروژه های بزرگ فکر کنید که چقدر نیاز هست با بانک ارتباط برقرار و داده رد و بدل کنید :) )،با متغییر count تعدادی که لازم نشون داده بشه رو تنظیم میکنیم (این متغییر هم میتونه از دیتابیس خونده بشه و مثلا توی کنترل پنل سایتتون که قراره طراحی کنید هم توی قسمت تنظیمات مشخص کنید که تعداد چند تا باشه)،کوئری رو نوشتیم و مشخص کردیم که فقط اونایی که مقدار فیلد slider برابر یک هست واکشی بشن،بعد از قالب بندی متن کوئری،با متد select از کلاس DAL اونو پردازش کردیم و مقدار برگشتی که یه DataTable هست رو ریختیم توی همون Repeater که توی صفحه به کار بردیم،بعدشم با DataBind کردن داده ها رو به Repeater متصل کردیم.

خوب اینم از اسلایدشو و پیاده سازی توی ASP.NET و SQL SERVER.

امیدوارم براتون مفید باشه،موفق و پیروز باشید.

دانلود کد های ASP.NET

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 51 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏

    to on gesmat ke cod script ro mide miyaram to button copy mikonam cod ha ro khata migire??

    • ‏‏
      کیوان علی محمدی(۲۲ مهر ۱۳۹۲)

      خوب شما طبق دستور العمل خودش دقیقا عمل کنید،بعدش چه خطایی میگیره؟

  • ‏‏

    سلام از آموزش مفیدتون ممنونم. یه سوال دارم. من میخام برای اسلاید به جای اینکه از عدد استفاده کنم عکس بذارم که هر کدوم از اسلایدها که نمایش داده میشه کمه مربوط به اون عکس متفاوت داشته باشه مثل سایت www.systemgroup.net/‎ . توی فایل های اسکریپتش این تغییرات رو دادم ولی درست نشده. میشه بگین چیکار باید بکنم؟
    directionNav: false,
    directionNavHide: true,
    controlNav: false,
    controlNavThumbs: true,

    • ‏‏
      کیوان علی محمدی(۱۹ آذر ۱۳۹۲)

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

  • ‏‏
    مهری سامان(۱۲ دی ۱۳۹۲)

    دستت درد نکنه پست خیلی خوبی بود. فقط لطفا به جای دستور زیر:
    string filename = uploader.PostedFile.FileName
    دستور زیر رو جایگزین کنید تا درست کار کنه:
    string filename = uploader.FileName

    • ‏‏
      کیوان علی محمدی(۱۲ دی ۱۳۹۲)

      سلام این کد قبلا تست شده و کار میکنه،شاید شما از نسخه جدید ASP استفاده میکنی و این تغییرات جدید باشه.

  • ‏‏
    Siyamak mahmoudi(۳ مرداد ۱۳۹۳)

    سلام اگه بخواییم چند تا اطلاعات رو بکشیم بیرون و اون رو به صورت اسلاید شو در بیاریم و css کارکنیم چه کار کنم نمونه رو براتون می گذارم
    ::: کدهای طولانی شما بدلیل اختلال در بخش نظرات برداشته شد .
    کدهای خود را اگر از 10 خط بیشتر شوند در فایل قرار داده و آدرس دهید و یا اینکه در انجمنسایت مطرح کنید .

  • ‏‏

    با سلام وتشکر،من میخوام اسلاید شو رو تو ی ستون ی جدول قرار بدم بطوریکه در بالای اون ستون قرار بگیره اما وسط ستون میمونه و فرم خدولمو بهم میریزه راهنمایی کنید لطفا!ارتفاع رو هم میتونم تغییر بدم؟

    • ‏‏
      کیوان علی محمدی(۱۵ شهریور ۱۳۹۳)

      سلام این بستگی به ساختار html و کدهایی css ای هست که استفاده کردین.بله مطمئنا میشه ارتفاع رو هم تنظیم کرد.

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram