فیلم آموزش ساخت فروشگاه اینترنتی (درس 71 تا 105)

موضوع این بخش:php| ساخت پنل کاربری بخش دهم و صفحه بندی مطالب | در این بخش به  ساخت بخش پیغام های مدیر برای کاربران خواهیم پرداخت.

موضوع این جلسه:

- استفاده از php جهت صفحه بندی مطالب بدون استفاده از اسکریپت های آماده

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

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

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

به دلیل اهمیت این موضوع در چند جلسه مفصلا در مورد آن صحبت خواهیم نمود.

•  نحوه دریافت تعداد پیام های مربوط به یک کاربر از دیتابیس
•  ایجاد متغیری جهت ذخیره سازی تعداد نمایش های رکوردها در هر صفحه (فرضا در هر صفحه 10 سطر نمایش داده شود)
• نحوه بدست آوردن تعداد کل صفحات بر اساس پارامترهای مشخص شده
•  کار با حلقه for و ایجاد شماره صفحات در زیر جدول پیغام ها
•  ایجاد تگ های a جهت لینک به صفحه مورد نظر با استفاده از خاصیت href (که ادامه در جلسات بعد بررسی خواهد شد)
•  انجام عملیات استایل دهی جهت تعیین شکل ظاهری شماره صفحات

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

علاوه برآن،موضوعات تکمیلی بحث صفحه بندی مطالب با php را نیز بررسی خواهیم کرد و خواهیم دید که چگونه بر اساس صفحه ای که کاربر در آن قرار دارد به شماره pager آن  استایلی متفاوت اعمال کنیم.

هم چنین خواهیم دید که چگونه می توان پس از خوانده شدن پیام،کاری کرد که دفعه بعد آن پیغام را خوانده شده نشان داد (به کمک دستورات PDO).

در این بخش با مفاهیم کاربردی و جدید دیگری در php آشنا خواهیم شد که در سایر بخش های پروژه نیز از آن ها استفاده خواهیم نمود. 

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

از بحث توابع خود php همانند addslashes و یا ... گرفته، تا توابعی که خودمان برای جلوگیری از نفوذ هکرها نوشتیم، و یا بحث کد کردن داده های مهم با استفاده از الگوریتم های مختلف.

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

همانگونه که تاکنون ما به هنگام اجرای کوئری های مختلف با pdo دیدیم،فقط عملیات prepare کردن و execute کردن انجام میشد.اما در این جلسه قصد داریم نکته دیگری را نیز به ان دستورات بیافزاییم.

روند کار بدین صوت است که داده های ورودی (دریافتی) را به صورت مستقیم درون کوئری ها نخواهیم گذاشت و ازین پس با استفاده از یک پارامتر واسط،مقادیر ورودی را درون کوئری ها قرار خواهیم داد.

برای اینکار از bindparam و bindvalue استفاده خواهیم نمود،اما تفاوت این دو مورد دقیقا چیست؟چون بارها برنامه نویسان از این دو دستور استفاده نموده اند اما هنوز هم بسیاری،تفاوت این دو مورد را نمی دانند.

هر چند روش کار آنها مشابه یکدیگر است اما تفاوت هایی دارند که با ذکر مثال ها کاربردی انواع روش های bind کردن را در pdo خواهیم آموخت.

به سه روش اینکار را انجام خواهیم داد...

•  آشنایی با توابع magic یا جادویی در php
•  تعیین مقادیر اولیه متغیرها وثابت ها با استفاده از توابع فوق
•  نوشتن متودی جهت اتصال به دیتابیس با استفاده از دستورات PDO
•  آشنایی با مفهوم دقیق dsn در اتصالات pdo و بررسی مفهوم دقیق و کاررد آن در اتصال به دیتابیس mysql
•  حل مثالی کاربردی درمورد اتصال به دیتابیس با استفاده از متود نوشته شده (شی گرا)
•  دریافت اطلاعات ردیف های جدول و سپس نمایش در صفحه (تست متود نوشته شده) 

• بررسی خروجی دستور fetchAll در هنگام اجرای کوئری
• دریافت سطرهای جدول از دیتابیس با استفاده از متودهای جدید در pdo
•  نوشتن متودی جهت انجام عملیات select به صورت شی گرا
•  بررسی نحوه دریافت اطلاعات از دیتابیس با استفاده از متود نوشته شده (اجرای کوئری select با استفاده از شی گرایی)
•  در این بخش خواهیم دید که چگونه با نوشتن متود فوق می توان با حجم کد بسیار کمتر،اطلاعات را از دیتابیس دریافت نمود؟
• کار با متودها،متغیرها و... در بحث شی گرایی و تمرینی دیگر در این زمینه جهت تسلط بیشتر
•  حل یک مثال کاربردی جهت روشن شدن مباحث مطرح شده. 

موضوع این بخش:مدیریت خطاها در php|

در این بخش به سراغ یکی از حیاتی ترین مباحث php یعنی مدیریت خطاها حواهیم رفت.کنترل خطاها بیش از هرچیز،از نظر امنیتی از اهمیت بسیار بالایی برخوردار است،چرا که اگر به هر دلیل،وب سایت ما به هنگام اتصال یا اجرای دستورات در دیتابیس دچار مشکل شود،نباید اطلاعات و خطاهای بروز یافته را به همه افراد نمایش دهیم.

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

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

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

هم چنین با دستور ini_set در php و هم چنین set_erro_handler و نیز مدیریت خطاهای PDO آشنا خواهیم شد.

سپس با دستور try &catch آشنایی پیدا خواهیم کرد و خواهیم دید که چگونه می توان با استفاده از خود PDO استثنا (exception) را مدیریت نمود.

یکی دیگر از مزایای PDO نسبت به رقبای قدیمی خود (mysql , و حتی mysqli) همین برتری مدیریت خطا در PDO می باشد که امکانات بسیار خوبی را در اختیار برنامه نویسان قرار داده است. 

موضوع این بخش:ساخت بخش جست و جوی پیشرفته محصولات|

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

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

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

در این بخش ،به یکی از مهم ترین مباحث کاربردی در زمینه تکنولوژی Ajax ،یعنی JSON هواهیم پرداخت.

•  کاربرد JSON چیست و چرا به آن نیاز داریم؟
•  چگونه آرایه ها را با استفاده از ایجکس ، در بین صفحات مختلف ارسال کنیم؟
•  encode_Json و کاربرد آن در php+Ajax
• جهت درک بهتر موارد مطرح شده، در این بخش خواهیم دید که چگونه می توان با استفاده از ایجکس مشخصات مختلف محصولات اعم از قیمت،تصویر،عنوان محصول و ... را از دیتابیس دریافت کرد و همه آنها را در قالب یک آرایه به صفحه اصلی برگرداند و به کاربر،نمایش داد.
•  آشنایی با استایل های FETCH در PDO
•  شیوه ها و متودهای کار با متود FETCH_ALL در PDO
•  استفاده ترکیبی از JSON در AJAX JQUERY و دستورات مربوط به پایگاه داده در php 

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

اما تصور کنید که کاربر عبارت "آرایشی بهداشتی" را در فروشگاه ما جست و جو نماید،حال نکته اینجاست که ابتدا ما محصولاتی که دقیقا عبارت "آرایشی بهداشتی" ر شامل می شوند به کاربر نمایش می دهیم،

اما سوال این است که اگر محصولاتی باشند که با عبارت کلیدی فوق مشابه باشند (دقیقا یکسان نه) چگونه آنها را نیز در نتایج جست و جو به کاربر نمایش دهیم؟

در این بخش و چند بخش ادامه، به صورت مفصل فراخواهیم گرفت که چگونه می توان به صورت حرفه ای در دیتابیس به دنبال یک عبارت یا کلمه کلیدی خاص گشت. 

• مروری مجدد و توضیحاتی مختصر از آنچه در چند جلسه اخیر انجام شد.
•  نمایش عبارت مورد جست وجو به همراه یک علامت ضربدر جهت حذف عبارت مورد نظر از جست و جو (مشابه 5040)
•  ساخت دکمه های next,previous جهت مرور به صفحات قبلی و بعدی (با استفاده از ajax)
•  کار با تابع جست و جوی پیشرفته که درجلسات قبل ساخته شد (جهت اجرای خودکار جست و جو به هنگام تغییرات پارامترهای جست و جو) 

دسته بندی محصولات فروشگاه به صورت چند سطحی

• نحوه انتخاب زیردسته های مربوط به یک دسته بندی و نمایش آن در منوی سمت راست فروشگاه
• نحوه ساخت map یا مسیر طی شده توسط کاربر
• در این قسمت خواهیم آموخت که چگونه به صورت داینامیک مسیر صفحه ای که کاربر وارد آن شده است را مشخص کنیم، به عنوان مثال:
• صفحه اصلی-> محصولات آرایشی بهداشتی-> ژل موی سر ...
• و یا: صفحه اصلی-> مواد غذایی->لبنیات->....
• این نقشه به کاربر کمک می کند که به راحتی مسیر طی شده را مشاهده نموده و هم چنین در صورت تمایل، سایر محصولات آن دسته را نیز مورد بازدید قرار دهد.
•  رفع خطاهای undefined index در php که گاهی اوقات بروز پیدا می کند. 

ساخت صفحه اصلی محصولات

در صفحه اختصاصی محصولات امکانات و موارد زیر را ایجاد خواهیم کرد:

•  نمایش نام (عنوان) محصول، به همراه عکس اصلی محصول
•  تعیین تعداد مورد نظر کاربر جهت افزودن محصول به سبد خرید
• - جهت سهولت در روند خرید، این امکان را به کاربر خواهیم داد که به راحتی تعداد محصول مورد نظر خود را وارد نموده و سپس آن را به سبد خرید خود اضافه نماید.
•  نمایش توضیحات تکمیلی محصول
•  نمایش گالری تصاویر حرفه ای مختلف محصول
•  تبدیل گالری تصاویر به carousel با استفاده از جی کوئری ، به گونه ای که به صورت خودکار ، گالری تصاویر در حال نمایش تصاویر مختلف باشد.
•  ایجاد سیستم رای دهی ( مشابه سیتم لایک و دیسلایک) برای محصولات
•  ایجاد بخش راهنمای صفحه ، حتما تا کنون در وب سایت های مختلف مشاهده کرده اید که با تغییر محل اسکرول، بخشی از صفحه که در آن قرار می گیرید به صورت برجسته در می آید و به این صورت کاربر متوجه خواهد شد که در حال حاضر دقیقا کدام بخش از صفحه را مطالعه می نماید؟ 

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

در این لینک و این لینک می توانید گالری محصولات را که به صورت carousel ساخته شده اند مشاهده نمایید.

با استفاده از carousel  می توان گالر تصاویر، مطالب،اخبار یا ... را به شیوه های متنوع و خلاقانه طراحی نمود.

در این قسمت به ادامه ساخت صفحه اختصاصی محصولات خواهیم پرداخت.

در این بخش خواهیم دید:

•  ایجاد carousel با استفاده از jquery
•  نحوه رد شدن تصاویر به صورت خودکار و تنظیم زمان انجام تغییر تصاویر
•  آشنایی با option های مختلف carousel ساخته شده
•  speed (سرعت تغییر عکس ها)
•  scroll (تعداد پله های پرش تصاویر)
•  دکمه های next,previous برای carousel
•  تعیین جهت (verticall ,horizental) 

در این بخش نیز سایرد option های مربوط به carousel ساخته شده را بررسی خواهیم کرد:

•  آپشن visible
•  ساخت اسلایدر با استفاده از carousel
• تا کنون به دو روش ساخت اسلایدر را مورد بررسی قرار داده ایم (cycle plugin,carousel)
• علاوه بر موارد فوق، با پلاگین کاربردی jquery mouse wheel آشنا خواهیم شد و سپس خواهیم دید که چگونه می توان از این پلاگین ، در گالری تصاویر استفادهکرد.
• این پلاگین امکان مرور روی تصاویر مختلف موجود در گالری را ، با استفاده از دکمه چرخشی وسط موس امکان پذیر می نماید.
•  با callback function های مربوط به پلاگین مورد استفاده آشنا خواهیم شد.
•  هم چنین این امکان را فراهم خواهیم کرد که کاربر با کلیک کردن رو هر تصویر، سایز بزرگتر آن در قسمت مشخص شده ظاهر گردد.
• با دستورات مختلف جی کوئری از جمله attr , addClass,removeClass و... آشنا خواهیم شد که تمرینی دیگر بر دستورات گذشته خواهد بود. 

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

این بخش به افرایش تسلط بر jquery بسیار کمک خواهد کرد.در این بخش خواهیم دید:

• نحوه نوشتن توابع جاوااسکرپت و تعریف ورودی های تابع
•  کار با دستور animate در jquery جهت ایجاد حرکت های انیمیشنی
•  آشنایی با دستور scroll جهت اجرای دستورات خاص به هنگام تغییر اسکرول صفحه (جا به جا شدن اسکرول)
• جلوگیری از اجرای مکرر توابع و دستورات، به هنگام تغییر اسکرول
•  آشنایی با setTimeout جهت ایجاد تاخیر در اجرای دستورات
•  کار با clearTimeout و بررسی کاربرد آن به صورت عملی
•  استفاده از دستور position در jquery برای بدست آوردن موقعیت دقیق یک بخش در صفحه
• و نکاتی دیگر جهت افزایش تسلط بر jquery.