نصب و راه اندازی فروشگاه اینترنتی با PHP و MySQL و HTML و CSS

13 شهریور 1397
php-installation

با سلام خدمت شما سروران گرامی

برای ایجاد یک فروشگاه اینترنتی با PHP در ابتدا باید چند زبان برنامه نویسی  وب را به خوبی یاد گرفته باشید یا حداقل مهارت لازم را کسب کنید تا در فهم کدها دچار مشکل نشوید. این زبانها عبارتند از php، css، html، javascript و کار با MySQL. خوشبختانه وب سایت روکسو یک مجموعه کامل از آموزش زبان PHP را به صورت رایگان در اختیار کاربران قرار داده است که برای دستیابی تمام این بخش ها کافیست به لینک زیر مراجعه کنید:

دومین مسئله داشتن یک دامنه و هاست هست که بتوانید کد هایی را که می نویسید در آنجا تست کنید. پیشنهاد من این است که ابتدا از یک محیط لوکال هاست استفاده کنید که دیگر نیازی به هزینه اضافی نداشته باشید.

در مورد ایجاد یک محیط لوکال هاست هم مقاله ی "فصل ۱: مقدمه و معرفی زبان برنامه نویسی PHPرا می توانید مطالعه کنید.

من با پیش فرض هایی که در بالا به آن اشاره کردم شروع به آموزش برنامه نویسی خواهم کرد. پس با من همراه باشید.

راه اندازی سرور لوکال برای شروع ساخت فروشگاه اینترنتی با PHP

قبل از هر کاری باید یک نام مناسب برای سایت فروشگاه اینترنتی خودتان انتخاب کنید من در اینجا نام ecommerce را انتخاب می کنم. و حالا کاری که باید انجام دهم این است که در آدرس C:\wamp\www یک فولدر جدید با همین نام ایجاد کنیم و وارد این فولدر شویم.

فایل های زیر را در این فولدر ایجاد کنید:

  1. admin_area
  2. image
  3. functions
  4. includes
  5. styles
  6. js
  7. customer

در مورد هر کدام از فولدر های بالا در مراحل بعد به طور کامل توضیح میدهم که هر کدام برای چه ساخته شده است و شامل چه چیزهایی خواهد بود. حالا اگر wamp را روشن کرده باشید و آدرس localhost/ecommerce را بزنید باید این فولدر ها برای شما به نمایش در بیاییند.

در همان فولدر ecommerce یک فایل با نام index.php درست کنید. حال اگر آدرس localhost/ecommerce را بزنید با وجود اینکه هیچ کدی در این فایل هنور قرار ندادیم، دیگر فولدر های مرحله قبل را نمی بینید.

باز هم در همان فولدر ecommerce یک فایل به نام style.css بسازید. نمای کلی از فولدر هایی که باید ساخته شوند به شکل زیر هست:

آموزش ساخت فروشگاه اینترنتی با php
حالا کدهای زیر را در فایل style.css قرار دهید:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

دقت کنید که کدهای بالا در واقع حداقل پیش فرض هایی هستند که باید در css یک سایت رعایت بشود. این کدها رو تحت عنوان "css reset code" می شناسند.

بهتر است که این را هم بدانید که یک برنامه نویس خوب اگر بخواهد تبدیل به یک برنامه نویس عالی شود باید uml رو به خوبی بلد باشد و روابط بین کاربر و سایت را به خوبی شناسایی کند.

UML چیست؟

UML مخفف عبارت Unified Modeling Language می باشد که به عنوان یک زبان مدلسازی یکپارچه شناخته می شود. برای کسب اطلاعات بیشتر لطفا به این صفحه مراجعه کنید.

هرچه شما در ابتدا روی uml کار کنید مسلما در طول کد نویسی، یک نقشه راه در دست دارید و از گیج شدن شما در طول کد نویسی جلوگیری می شود.

طراحی UML فروشگاه اینترنتی با PHP

چرا این موضوع را هم اکنون مطرح کردم؟ چون تا حالا ما هیچ کار خاصی انجام ندادیم ولی از اینجا به بعد باید بدانید که من کدها رو بر چه اساس پیاده سازی می کنم.

شماتیک ساخت فروشگاه اینترنتی با زبان php

تصویری را که ملاحظه می کنید، یک نمای کلی از رابطه کاربر با سایت، پایگاه داده ای که باید در نظر بگیریم و در کل کار هایی که در سایت باید انجام بگیرد.

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

راه اندازی قالب فروشگاه اینترنتی با PHP و HTML

بعد از این مرحله ما باید برای سایت خودمان یک قالب html استاتیک به همراه css مورد نظر داشته باشیم. من خودم از یک قالب آماده استفاده می کنم. شما هم می توانید واژه ی "template ecommerce" را در گوگل سرچ کنید و یک قالب آماده و رایگان را برای ادامه کار تهیه کنید. من در قسمت بعدی یک قالب را برای شما آماده می کنم.

حالا فرض می کنم که شما یک قالب آماده کرده اید (اگر هم آماده نکرده اید می توانید از قالبی که در قسمت بعد، من از آن استفاده کرده ام، بهره بگیرید). در قسمت منو (menu) ما باید این موارد را داشته باشیم .

  1. خانه
  2. همه محصولات
  3. حساب من
  4. خروج
  5. سبد خرید
  6. درباره ی ما
  7. تماس با ما

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

اگر دچار مشکل بودید در قسمت نظر دهی عنوان کنید تا من شما را راهنمایی کنم. اما اگر به قسمت بعد بروید هم می توانید کدهای من را ببینید. انشاالله در قسمتهای آینده ادامه این مبحث را به شما آموزش می دهم ، با من همراه باشید.

تمام فصل‌های سری ترتیبی که روکسو برای مطالعه‌ی دروس سری فروشگاه اینترنتی با PHP توصیه می‌کند:
نویسنده شوید

دیدگاه‌های شما (8 دیدگاه)

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

maryam
31 تیر 1400
ممنون از آموزشتون

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

م
16 تیر 1400
«UML مخفف عبارت Unified Modeling Language می باشد که به عنوان یک زبان مدلسازی یکپارچه شناخته می شود. برای کسب اطلاعات بیشتر لطفا به این صفحه مراجعه کنید.» به کدام صفحه؟!

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

مائده
14 خرداد 1400
سلام و وقتتون به خیر! من xamp دارم، و پوشه www نداره، میشه بفرمایین فولدر هارا کجا ایجاد کنم؟

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

star
08 اردیبهشت 1400
سلام من سه روز پیش یه سوال در مورد ساخت جدول در php پرسیدم که اشتباهی phpstorm توی برچسب نوشته شد امید وارم که هرچه زودتر جواب سوالم رو بگیرم مدتی هست که منو خیلی درگیر کرده ممنون میشم منو راهنمایی کنید!

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

جواد
08 مهر 1398
با عرض سلام.من نتونستم ایمیل تایید ثبت نام را دریافت نمایم. لطفا من را راهنمایی کنید

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

جهانگیر پچکم
10 مهر 1398
سلام به شما دوست عزیز این سوال رو نباید اینجا مطرح می کردید. با تشکر

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

mohammad
14 خرداد 1398
اموزش کامل و مفیدی ممنونم . بازم تشکر بابت اموزش عالیتون

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

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

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

مهریار
23 اردیبهشت 1398
با سلام وخسته نباشی و ممنون از آموزشات یه سوال داشتم و ممنون میشم اگر راه ارتباطی رو به من بدین.

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

روکسو
25 اردیبهشت 1398
شما می توانید با مراجعه به سامانه پرسش و پاسخ روکسو سوالات خود را مطرح کنید. برای ورود به سامانه به آدرس www.roxo.ir/q مراجعه کنید.

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

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

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

جهانگیر پچکم
13 بهمن 1397
سلام به شما خدا رو شکر، انشاالله بتونم در خدمت شما و سایر دوستان عزیز باشم، در ضمن اگر دوست داشتید، فایل نهایی این پروژه رو هم می تونید در آدرس https://www.roxo.ir/home/programming/php-online-shop-script تهیه کنید، حتما پیش نمایش رو مشاهده کنید تا با تمامی قابلیت های این قالب فروشگاهی آشنا بشید. با تشکر از شما و سایر دوستان عزیز به خاطر حمایتتون

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