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

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

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

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

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

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

•   چگونگی کاهش حجم فایل های موجود در پروژه و ادغام فایل های مختلف php در یک فایل
• مروری بر دستورات جی کوئری
•  ساخت فیلدهای لازم برای سیستم لایک و دیسلایک ، در دیتابیس مربوطه
•  سپس به بررسی این خواهیم پرداخت که چگونه به کاربران اجازه رای مجدد به محصول را ندهیم؟
•  برای این کار از cookie ها استفاده می شود.
•  با دستور setcookie مجددا کار خواهیم کرد و پارامترهای مختلف آن را مرور خواهیم کرد.
•  کار با مفهوم serialize در php
• کار با دستور unserialize در php
•  نحوه ذخیره آرایه ها در cookie ( این نکته یکی از نکات مهم و اساسی در بحث کوکی ها می باشد)
• چگونگی تغییر (update) کوکی ها
•  نحوه خواندن آرایه از روی یک cookie

•   نحوه حذف کاراکترهای اضافی در هنگام برگرداندن خروجی در ایجکس
•  پس از آنکه کاربر تعداد مورد نظر خود را (برای افزودن محصول به سبد) مشخص نمود، کدهای مربوط به سبد خرید را اجرا خواهیم کرد.
•  دستورات مربوط به سبد خرید را در قسمتهای قبل نوشته ایم ، اما این بار تغییرات لازم را در آن ها ایجاد خواهیم کرد تا مروری بر آنها نیز باشد.
•  کاربرد دستور isNaN جهت تشخیص مقادیر عددی و غیر عددی
•  نمایش پیغام خطای مناسب در صورتی که کاربر تعداد را اشتباه وارد کند.(اعتبارسنجی ورودی ها)
•  نمایش
• تصویر،
• قیمت،
• نام،
• و تعداد محصول در سبد خرید با استفاده از ترکیب php و jquery ajax

•   ساخت جدول مربوط به نظرات در دیتابیس (پایگاه داده)
•  نوشتن تابع مربوط به لایک و دیسلایک نظرات با کمک javascipt و ajax
•  کار با آرگومان های ورودی در توابع جاوااسکریپت و ادغام آن با php
•  مروری بر cookie ها در php
•  ذخیره آرایه ها در کوکی در php
•  نمایش پاسخ مدیر به نظرات ، در صفحه محصولات
• عدم اجازه به کاربر به هنگام لایک مجدد یک نظر (هر کاربر فقط یک بار اجازه رای دادن به نظر خاص را دارد)
•  روش خطایابی دستورات مربوط به mysql در php با استفاده از attribute های موجود در PDO
• - در این بخش روشی را معرفی خواهیم کرد که به کمک آن می توان خطاهای موجود در کوئری ها را به سادگی و بدون اتلاف وقت پیدا کرد و آنها را به سادگی رفع نمود.
•  بررسی نحوه کار با object ها و پاس دادن آنها به توابع در جی کوئری

•  تولید فرم مربوط به ثبت نظرات و تنظیمات css
•  کار با دستور serilizeArray در جی کوئری
• در این بخش قصد داریم نحوه دریافت همه اطلاعات موجود در یک فرم را در قالب یک آرایه بررسی کنیم. بدین صورت که همه اطلاعات فرم را تنها با یک خط کد دریافت نماییم و حجم کدتویسی را به شدت کاهش دهیم و از سوی دیگر سرعت کدنویسی را بالا ببریم.
• از آنجا که فرم ها در اکثر صفحات و انواع وب سایت ها مورد استفاده قرار می گیرند، از اینرو در این جلسه به یکی از روش های حرفه ای جهت کار با فرم ها و ارسال اطلاعات توسط آنها خواهیم پرداخت.
•  نحوه ارسال آرایه دریافت شده توسط serilizeArray با استفاده از ajax
•  چگونگی دریافت آرایه ارسال شده به صفحه url
•  درج نظرات در دیتابیس با استفاده از دستورات شی گرایی که در گذشته نوشته ایم.
•  درج کد امنیتی در فرم ثبت نظرات جهت جلوگیری از نفوذ و تاثیر روبات های اسپمر
•  نمایش پیغام مناسب پس از ثبت نظر در دیتابیس

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

•  کدنویسی html +css بخش محصولات مشابه
•  ایجاد جداول مورد نیاز در پایگاه داده جهت تعیین محصولات مشابه با یکدیگر
•  نوشتن کوئری های مربوط به نمایش محصولات مشابه با استفاده از شی گرایی
•  روش جلوگیری از بالارفتن حجم اطلاعات ذخیره شده در دیتابیس

الگوی این بخش ، فروشگاه دیجی کالا می باشد.

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

با استفاده از مقایسه محصولات :

- کاربر می تواند محصولات مورد نظر خود جهت مقایسه را به لیست محصولات مورد نظر اضافه نماید و آنها را از لیست حذف نماید.

- کاربر می تواند تمامی ویژگی ها از جمله قیمت، مشخصات ظاهری، مزایا و معایب هر محصول و ... را در یک جدول و در کنار یکدیگر با هم مقایسه نماید.

- این بخش تمرین بسیار خوبی بر JQOUERY و PHP و نیز HTML+CSS می باشد. هم چنین جهت تکمیل این بخش از JAVASCRIPT نیز استفاده خواهیم کرد.

•  ایجاد checkbox برای هر یک از محصولات در صفحه جست و جوی پیشرفته جهت افزودن محصول به لیست مقایسه و یا عکس آن
•  نوشتن تابع Jquery لازم جهت افزودن محصول به لیست مقایسه به هنگام چک زدن چک باکس
• ساخت و تنظیم قالب بندی بخش نمایش لیست محصولات موجود برای مقایسه
•  دریافت عکس و نام محصول با استفاده از جی کوئری

•  مروری بر رویداد onChange و اجرای توابع مورد نظر در جی کوئری جهت حذف یک محصول از لیست مقایسه، زمانی که کاربر تیک checkbox را بر میدارد.
•  مروری بر is:checked جهت بررسی چک خوردن یک checkbox در جی کوئری
•  کار با دستور prop در جی کوئری و مقایه آن با attr
•  نحوه تیک زدن یا حذف تیک یک checkbox به کمک دستورات جی کوئری

• بررسی نحوه تغییر href یا آدرس لینک جهت ارسال اطلاعات بین صفحات مختلف در php
•  نحوه ارسال یک آرایه با استفاده از متود GET در php
•  نحوه ارسال محصولات موجود در لیست مقایسه به صفحه مربوط به مقایسه محصولات
•  کار با دستور replace در جاوااسکریپت جهت حذف بخشی از یک رشته جاوااسکریپت
• مروری کوتاه بر عبارات باقاعده در جاوااسکریپت

•  استفاده از عبارات باقاعده درجاوااسکریپت به صورت داینامیک با استفاده از new RegExp
•  استفاده از RegExp به همراه دستور replace جهت حذف بخشی از یک رشته جاوااسکریپت
•  تغیر href دکمه مقایسه محصولات به هنگام حذف یک محصول از لیست مقایسه
•  کار با دستور length در جاوااسکریپت و جی کوئری جهت بدست آوردن تعداد تگ های مورد نظر در صفحه

 ایجاد جداول مربوط به درج ویژگی ها و اطلاعات مخصوص به هر دسته بندی و نیز هر محصول

به عنوان مثال دسته تلویزیون دارای ویژگی های زیر است:

-نوع صفحه نمایش

- سایز صفحه نمایش

- رنگ

و...

اما دسته گوشی همراه دارای ویژگی های متفاوتی می باشد،نظیر:

- عمر باتری

- میزان نگه داری شارژ

- جنس بدنه

و...

در این بخش نحوه اختصاص این ویژگی ها را به دسته بندی های مختلف خواهیم دید. (با استفاده از پایگاه داده)

هم چنین ویژگی ها را به دو دسته کلی یعنی ویژگی های اصلی و ویژگی های زیرمجموعه(فرعی) تقسمی بندی خواهیم کرد.

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

• مقایسه محصولات تنها برای محصولاتی معنا دارد که جزو یک دسته باشند و نه محصولات با دسته های مختلف.
• بنابراین در این بخش کاری خواهیم کرد که فقط و فقط محصولات هم دسته امکان مقایسه شدن داشته باشند. این کار را با ترکیب دستورات ajax و php انجام خواهیم داد.
•  در این بخش برخی از خطاهای احتمالی دستورات sql در php را بررسی و آنها را با استفاده از دستورات php رفع خواهیم نمود

•   مروری بر کاربرد like در کوئری های php
•  مروری بر کاربرد json در ایجکس
•  نحوه جست و جو در تمام تمام دیتابیس برای یافتن یک عبارت کلیدی خاص و یا کلمات مشابه
•  مروری بر نحوه ارسال ارسال و دریافت آرایه ها در ایجکس
•  جست و جوی محصولات جزو یک دسته خاص از دیتابیس

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

به ساخت جست و جوی سریع (مشابه گوگل) خواهیم پرداخت

ساخت منوی ثابت شونده با رسیدن اسکرول صفحه به یک محل خاص

• نحوه افزودن دکمه حذف محصولات موجود در لیست مقایسه (در صفحه مقایسه محصولات)
•  ساخت یک رشته با استفاده از یک آرایه مشخص
•  اختصاص href داینامیک به تگ های anchor با استفاده از php
•  نکاتی لازم در مورد عبارات باقاعده در جاوااسکریپت

از جمله:

- مفهوم $ در regular expressins

- نحوه or کردن چندحالت مختلف در عبارات باقاعده

ادامه مباحث قبل.

در گذشته آموختیم که چگونه با کمک ajax می توان هنگام انتخاب یک استان توسط  کاربر، لیست شهرها را از دیتابیس دریافت و به وی نمایش داد.

در این بخش روش دومی را برای این کار خواهیم آموخت و مزایای هریک را بررسی خواهیم کرد.

هم چنین فرم ثبت سفارش را تکمیل خواهیم نمود.

سپس به ایجاد توابعی در جاوااسکریپت خواهیم پرداخت، که موارد زیر را محاسبه نماید:

- مجموع قیمت کل سبد خرید کاربر با توجه به تعداد هر محصول

- محاسبه میزان مالیات به صورت خودکار

- نمایش میزان تخفیف

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

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

در این بخش با دستور toFixed در محاسبات ریاضی آشنا خواهیم شد.

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

نگاهی کلی به مباحث این بخش:

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

- هم چنین نحوه تبدیل یکی از option های موجود در select به حالت selected را با استفاده از php خواهیم آموخت.

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

- یاد آوری دستور prop در جی کوئری

- نحوه دریافت یک متن خاص از بین تگ های option موجود در یک تگ select

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

• آشنایی با دستورات CURL از جمله : curl_init,curl_exec,curl_setopt,...
•  آشنایی با دستور phpinfo برای بررسی وضعیت فعال بودن یا عدم فعال بودن CURL
•  آشنایی با تابع function_exist
•  نحوه فعالسازی CURL با استفاده از فایل php.ini
•  بررسی مثالی کاربردی و عملی جهت استفاده از متود send درگاه پی لاین
•  کار با api تست درگاه پی لاین
•  بررسی همه خطاهای بازگشتی در درگاه پی لاین به همراه مثال های کاربردی
•  بررسی دقیق مفهوم id_get و trans_id
•  کار با متود get درگاه پی لاین به همراه انجام مثالی عملی
•  بررسی موفقیت آمیز بودن یا عدم موفقیت آمیز بودن تراکنش انجام شده در درگاه پی لاین
•  بررسی مقادیر بازگشتی پس از بازگشت از درگاه و بررسی مفاهیم هر یک از مقادیر بازگشتی

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

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

• آشنایی با نحوه درخواست درگاه بانک ملت
•  چگونگی و شرایط اختصاص درگاه به یک وب سایت حقیقی و یا حقوقی
•  بررسی قوانین جدید بانک ملت جهت اختصاص درگاه و فعالسازی آن
•  بررسی نحوه دریافت نماد اعتماد الکترونیکی جهت دریافت درگاه بانک ملت
•  بررسی رابطه آی پی سایت با درگاه بانک ملت و تفاوت های درگاه بانک ملت با درگاه های واسط
•  آموزش نحوه بدست آوردن آی پی اصلی مربوط به درگاه جهت ارائه به بانک ملت برای راه اندازی درگاه پرداخت
•  معرفی وب سایت پشتیبانی جهت پیگیری خطاها و مشکلات فنی موجود در درگاه اختصاص داده شده
•  نحوه اتصال به سیستم جدید یکپارچه شاپرک جهت ورود به درگاه ملت
• پس از آشنایی اولیه با مفاهیم فوق به سراغ فایل راهنمای اتصال به درگاه پرداخت بانک ملت خواهیم رفت و خواهیم دید:
•  بررسی دقیق نحوه اتصال به درگاه پرداخت آنلاین و آشنایی کلی با متودهای موجود در درگاه به پرداخت ملت
• نحوه ارسال درخواست برای انجام تراکنش و ورود به درگاه پرداخت
•  آشنایی با متودهای:
•  bpPayRequest
• bpVerifyRequest
•  bpSettleRequest
• bpInquiryRequest
•  bpReversalRequest
• و بررسی کلیات برنامه نویسی اتصال به درگاه ملت.

• ساخت کلاس اتصال به درگاه مستقیم بانک ملت
•   استفاده از شی گرایی جهت اتصال به بانک ملت جهت منظم تر نمودن کد نویسی
•  آشنایی با کتابخانه nusoap جهت اتصال به درگاه مستقیم ملت
•  تعیین مقادیر لازم جهت اتصال به درگاه از جمله:
• orderId
• localDate
• amount
• callBackUrl
• payerId
•  تعیین مقادیر ثابت توسط متود جادویی __construct از جمله terminalIdو userName و...
•  بررسی یک مثال کاملا عملی و کاربردی جهت استفاده از کتابخانه nusoap و اتصال به درگاه
•  نحوه اتصال به سیستم جدید یکپارچه شاپرک جهت ورود به درگاه ملت

پس از آشنایی اولیه با مفاهیم فوق به سراغ فایل راهنمای اتصال به درگاه پرداخت بانک ملت خواهیم رفت و خواهیم دید:

•  بررسی دقیق نحوه اتصال به درگاه پرداخت آنلاین و آشنایی کلی با متودهای موجود در درگاه به پرداخت ملت
•  نحوه ارسال درخواست برای انجام تراکنش و ورود به درگاه پرداخت
•  آشنایی با متودهای:
• bpPayRequest
•  bpVerifyRequest
•  bpSettleRequest
• bpInquiryRequest
•  bpReversalRequest