نوشته شده توسط : dash farzin

 

فروشگاه کوچک برای وبلاگ

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

خود به صورت کاملا مستقل برای وبلاگ خود ایجاد کنیم.

 

 

 

 

برای این کار به چھار صفحه ی جدا نیاز داریم که به شرح زیر ھستند:

یا ھر نام دیگه به سلیقه شما) که لیست محصولات شما را نمایش index.html) ١- صفحه ی اول

خواھند داد.

که بعد از انتخاب محصول این صفحه نمایش داده می شود تا (order.php) ٢- صفحه ی سفارش

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

اطلاعات تکمیل شده توسط کاربر رو بررسی می کنه و (submit.php) ٣- صفحه ی تایید نھایی

نمایش می دھد و در صورت صحت مطالب و درخواست ، کاربر با کلیک بر دکمه ی تایید در

خواست رو برای صفحه ی آخر ارسال خواھد.

ارسال این اطلاعات به پست الکترونیک مدیر وبلاگ ھست و یک (msg.php) ۴- کار صفحه ی چھارم

پیام مبنی بر ثبت موفقیت آمیز درخواست خرید کالا!

در ضمن به یک سری موارد مانند کد کالا ، کد سفارش و برای اطمینان ھم به شناسه قبض پرداخت

شده و تاریخ سفارش ھم احتیاج داریم.

 

 

 

 

 

 

(index.html) صفحه ی اول

 

 

 

 

 

در این صفحه به یک جدول نیاز داریم تا کالا ھا به صورت منظم نمایش داده شوند و به یک فرم تا بتونیم با

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

ندارید می تونید از بخش آموزشی سایت اون رو فرا بگیرید).

 

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

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

تعیین کردیم فضای بین ھر خانه ی جدول cellspacing با این تگ جدولی رو آغاز کردیم و با مشخصه ی چند پیکسل باشد.

 

در تگھای بالا یک سطر از جدول رو ایجاد کردیم

1 با پھنای ١۵٠ پیکسل و طول ٢۵٠ پیکسل در این خانه نمایش می دھیم. .jpg و تصویر کالای ١ رو با نام


یک خط فاصله ایجاد کردیم!

نام محصول : محصول شماره ١

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

تعلق گرفته و این باعث میشه این تگ بوسیله ی کاربر type به مشخصه ی hidden در تگ فوق مقدار

رو برای تمام کالاھا یکی در نظر بگیرید که ما در اینجا name قابل مشاھده نباشه ، مقدار مشخصه ی

را برای ھر کالا نام آن کالا قرار دھید. value در نظر گرفتیم و مقدار متعلق به مشخصه ی product

١/ کد محصول : ١


قیمت : ٢۵٠٠٠ ریال


رو name در بالا ھم مانند نام محصول عمل می کنیم با این تفاوت که مقدار تعلق گرفته به مشخصه ی

رو انتخاب price و برای قیمت مقدار code متناسب با نوع آن انتخاب می کنیم مثلا برای کد محصول مقدار

کردیم.

با تگ فوق یک دکمه نمایش داده میشه که روش نوشته شده "خرید" و کاربر با کلیک بر روی این دکمه

ارسال می کنه! order.php اطلاعات رو به صفحه ی

حال فقط یک چیز برای تکمیل این صفحه باقی مونده! باید تگ ھایی که باز کردیم رو ببندیم پس :

 

 

البته در کد بالا فقط یک محصول و یک خانه برای جدول ایجاد کردیم (در صورتی که نحوه ی ایجاد خانه

برای جدول رو نمی دونید به بخش آموزش اچ تی ام ال سایت – درس جداول مراجعه کنید)

پس کل کد ھای ذکر شده در بالا به این صورت ھست:

 

 


نام محصول : محصول شماره ١


١/ کد محصول : ١


قیمت : ٢۵٠٠٠ ریال


 

 

 

 

 

 

 

(order.php) صفحه ی دوم

 

 

 

 

 

اول چیزھایی که در این صفحه نیاز داریم بررسی می کنیم:

١- دریافت اطلاعات ارسال شده از صفحه اول

٢- نمایش یک فرم برای تکمیل اطلاعات خریدار

نیاز داریم. php برای اینکه بتونیم اطلاعات رو پردازش کنیم به یک صفحه ی

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

 

اطلاعات ارسال شده از صفحه اول //

@$product = addslashes($_POST['product']);

@$price = $_POST['price'];

@$code = addslashes($_POST['code']);

?>

رو در خودش ذخیره index در فرم صفحه ی name مقدار ارسال شده توسط مشخصه ی product متغیر

علامت دلار $ به معنی متغیر می باشد) ) code و price می کنه.ھمینطور در مورد متغیرھای

خوب ما تا الان ٣ تا متغیر داریم با مقادیر ارسال شده از صفحه ی قبل و این مقادیر ھم در مشخصه ی

در فرم قبل قرار داشته اند. value

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

حال نوبت نمایش یک فرم میرسه تا کاربر یا ھمون خریدار اطلاعات مورد نیاز رو تکمیل کنه این اطلاعات از

قبیل نام و نام خانوادگی ، شماره تماس ، پست الکترونیک ، آدرس منزل ، شھر و استان ، شناسه قبض

واریز شده ، تاریخ قبض ، مبلغ واریز شده و ... می تواند باشد که البته باید عده ای از آن ھا به صورت

الزامی تکمیل شوند پس به اعتبارسنجی فرم ھم احتیاج داریم!

از آنجایی که تا کنون با طراحی فرم آشنا شده اید بدون توضیح اضافه کد فرم رو برای شما نمایش می

دھیم و ھرجا تمایل داشتید در اون تغییراتی رو اعمال کنید.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

* نام و نام خانوادگی :
* پست الکترونیک :
* شماره تماس :
* استان :
* شھرستان :
* دقیق آدرس :
کد پستی ١٠ رقمی * :

/>

* شماره فیش بانکی :

" name="product" />

" name="price" />

" name="code" />

 

ھمونطور که مشاھده می کنید ما تکمیل تمام اطلاعات رو الزامی قرار دادیم ولی ھنوز کدی برای الزامی

کردن آن ھا ایجاد نکرده ایم (این کار را در صفحه ی سوم انجام می دھیم).

قرار داده شده اند که اطلاعات دریافتی hidden نکته ی دیگر این که در چند خط انتھایی چند تگ به صورت

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

آنھا را مشاھده کرده باشد.

تعیین شده است. php ھم توسط کد value مقدار تعلق گرفته به مشخصه ی

اطلاعات این فرم (و اطلاعات فرم اول که به صورت مخفی در این صفحه گنجانیده شده اند) به صفحه ی

سوم برای تایید نھایی فرستاده خواھند شد.

 

 

 

 

 

(submit.php) صفحه ی سوم

 

 

 

 

 

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

تکمیل کرده یا خیر و در صورت تکمیل صحیح اطلاعات رو برای خریدار به منظور بررسی نھایی نمایش می

دھیم و در صورتی که بر روی دکمه ی تایید کلیک کنه اطلاعات برای شما ارسال خواھد شد یا به عبارتی

سفارش ثبت خواھد شد.

خوب این صفحه رو ھم با دریافت اطلاعات فرم صفحه ی قبل و ذخیره ی آنھا در متغیر ھا آغاز می کنیم

پس داریم :

$product = addslashes($_POST['product']);

$price = addslashes($_POST['price']);

$code = addslashes($_POST['code']);

$kharidar = addslashes($_POST['name']);

$email = addslashes($_POST['email']);

$phone = addslashes($_POST['phone']);

$province = addslashes($_POST['province']);

$city = addslashes($_POST['city']);

$add = addslashes($_POST['address']);

$zip = addslashes($_POST['zip']);

$phish = addslashes($_POST['phish']);

$unit = ;"ریال"

$ok=”ok”;

ھمونطور که دیدید تمام اطلاعات رو در متغیرھایی ذخیره کردیم ، حالا نوبت به این میرسه تا تک تک

اطلاعات ذخیره شده در این متغیر ھا بررسی و اعتبار سنجی بشوند.

(index.tml رو چون خودمون ایجاد کردیم (در صفحه ی $code و $price ، $product سه متغیر اول یعنی

برای ھمین نیاز به بررسی ندارند.

که نام و نام خانوادگی خریدار رو شامل میشه باید بررسی کنیم که فرم خالی $kharidar در مورد متغیر

رھا نشده باشه پس:

if (strlen($kharidar)==0) {

echo(" ;("لطفا نام خود را به طور کامل وارد نمایید

$ok=””;

}

else { echo $kharidar ;}

در صورتی که مقداری برای نام و نامخانوادگی وارد نشده باشد پیام مورد نظر نمایش داده می شود و

نیز تغییر می کند در غیر اینصورت نام و نام خانوادگی وارد شده نمایش داده میشه. $ok مقدار متغیر

برای اعتبار سنجی پست الکترونیک دو عامل را باید مد نظر داشته باشیم ، اول اینکه فیلد آن خالی رھا

نشده باشد و دوم اینکه اطلاعات وارد شده ساختار پست الکترونیک را داشته باشد!

if ( strlen($email) == 0) {

echo( ;("لطفا پست الکترونیک خود را وارد نمایید"

$ok=””;

}

elseif (! ereg('[A-Za-z0-9_-]+\@[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+',$email)){

echo(" ;("آدرس پست الکترونیک شما صحیح نمی باشد ، لطفا آدرس معتبری وارد نمایید

$ok=””;}

else{ echo $email;}

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

پس بدین صورت عمل می کنیم :

if ( (strlen($phone)==0) || (ereg('[A-Za-z_-]',$phone)) ){

echo(" ;("شماره تلفن وارد نشده است و یا اینکه شماره وارد شده صحیح نیست

$ok=””;}

else { echo $phone;}

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

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

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

می شود و ما در اینجا از توضیح آن چشم پوشی می کنیم.

کد پستی نیز ساختاری عددی دارد و حداکثر آن ١٠ رقم می باشد و نباید خالی رھا شود پس کد آن بدین

ترتیب است :

if ( (strlen($zip)!=10) || (ereg('[A-Za-z_-]',$zip)) ){

echo(" ;("کد پستی شامل ١٠ رقم می باشد ، در تکمیل آن دقت کنید

$ok=””;}

else { echo $zip;}

علامت =! به معنی نامساوی می باشد و در کد بالا یعنی اگر طول رشته نامساوی ١٠ باشد پیغام خطا

نمایش داده شود.

و اما شماره قبض بدون توضیح

if ( strlen($phish)==0){

echo(" ;("لطفا شماره قبض واریزی بانکی را وارد نمایید

$ok=””;}

else { echo $phish;}

حال که بخش اعتبار سنجی به پایان رسید نوبت به این می رسد که اطلاعات رو که از نظر ما مشکلی

ندارند به منظور تایید نھایی برای خریدار نمایش داده شوند و برای اینکه مرتب و شکیل باشند از جداول

استفاده می کنیم ، در اینجا ما این کار را کاملا ساده انجام می دھیم ولی شما می توانید به آن رنگ

بندی و شکل و تصویر نیز اضافه کنید.

ایجاد می کنیم تا بتونیم اطلاعات رو که اکنون صحت آنھا برای (hidden) سپس یک فرم به صورت مخفی

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

 

" />

" />

" />

" />

" />

" />

" />

" />

" />

" />

" />

 

if ($ok!="ok") {die (" {;("لطفا تمامی اطلاعات خواسته شده را تکمیل نمایید

else { echo ('

?>

 

نمایش unit کار متغیر .$ok و $unit اگر دقت کرده باشید متوجه دو متغیر جدید می شوید که عبارتند از

: $ok واحد پول فروشگاه شماست .اما در مورد متغیر

قرار دادیم و بعد از ھر شرط مقدار اون رو خالی رھا ok ھمونطور که دیدید ما در ابتدا این متغیر رو برابر

ok برابر $ok با این کار در صورتی که فیلد فرم درست تکمیل شده باشه مقدار متغیر $ok=”” کردیم یعنی

به مقدار جدید یعنی $ok باقی می ماند ولی اگر حتی یکی از فیلد ھا درست تکمیل نشده باشند مقدار

باشد دکمه ی تایید نھایی برای کاربر نمایش داده ok ”“ تغییر خواھد کرد.حال اگر مقدار این متغیر برابر

می شود در غیر اینصورت پیامی ظاھر می شود و از کاربر می خواھد تا به صفحه ی قبل بازگردد و فرم را

به طور صحیح تکمیل نماید.

 

 

 

 

 

(msg.php) صفحه چھارم

 

 

 

 

 

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

خودمون ارسال می کنیم:

 

$product = addslashes($_POST['product']);

$price = addslashes($_POST['price']);

$code = addslashes($_POST['code']);

$kharidar = addslashes($_POST['kharidar']);

$email = addslashes($_POST['email']);

$phone = addslashes($_POST['phone']);

$province = addslashes($_POST['province']);

$city = addslashes($_POST['city']);

$add = addslashes($_POST['add']);

$zip = addslashes($_POST['zip']);

$phish = addslashes($_POST['phish']);

$title = " ;"یک خرید ثبت گردیده است

بخش ارسال مشخصات به ایمیل شما//

$header = "From: $email\n"

. "Reply-To: $email\n";

$header .= "Content-Type: text/plain; charset=UTF-8\n";

$subject = '=?UTF-8?B?'.base64_encode($title).'?=';

$email_to = ;"در این جا ایمیل خود را وارد نمایید"

$message = " محصول : $product\n"

قیمت" . : $price\n"

کد محصول" . : $code\n"

نام و نام خانوادگی" . : $kharidar\n"

پست الکترونیک" . : $email\n"

شماره تماس" . : $phone\n"

استان" . : $province\n"

شھرستان" . : $city\n"

آدرس" . : $add\n"

کد پستی" . : $zip\n"

شماره قبض بانکی" . : $phish\n";

@mail($email_to, $subject ,$message ,$header ) ;

echo(" ;("با تشکر خرید شما در سیستم ثبت گردید و بزودی برای شما ارسال خواھد شد

?>

موضوع ایمیلی که دریافت خواھید کرد مشخص خواھد شد. $title در متغیر

ھم ھمونطور که مشخص شده آدرس پست الکترونیک خود رو وارد کنید . دقت کنید $email_to در متغیر

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

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

 




:: موضوعات مرتبط: اموزش , فروشگاه , ,
:: بازدید از این مطلب : 251
|
امتیاز مطلب : 38
|
تعداد امتیازدهندگان : 12
|
مجموع امتیاز : 12
تاریخ انتشار : یک شنبه 3 بهمن 1389 | نظرات ()
مطالب مرتبط با این پست
لیست
می توانید دیدگاه خود را بنویسید


نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: