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

در این مثال من به ساده ترین شکل ممکن سعی کرده ام  روش کار را اموزش دهم

اما شما با سلیقه و تلاش بیشتر می توانید صفحه های زیبا تر و روش های بهتری ارائه دهید

 

برای این فصل شما باید با موارد زیر اشنا باشید :

php

html

mysql

javascript

ajax

و  نرم ا فزار dream weaver cs5 را جهت بارگزاری صفحات وب در سرور داشته باشید

نرم افزار dw را باز کنید

در فصل های قبل یک سایت درست کردیم

ار لیست پانل files نام ان سایت را انتخاب کنید

در این فصل هم با این سایت کار می کنیم

در این صفحه می خواهیم این کارها را انجام دهیم .

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

 
گام اول - ایجاد بانک اطلاعاتی و جدول در سرور
 همانطور که در فصل اول گفتم ، من سایتم را در سرور رایگان به ادرس ECLICK.IRاپلود می کنم
 1- وارد سرور و حساب کاربریتان  شوید
 
 2- روی دکمه نشان داده شده کلیک کنید :
 
 
 3- در کنترل پانل ، روی گزینه نشان داده شده در شکل زیر کلیک کنید :
 
 
 4- در کادر نشان داده شده ، نام بانک اطلاعاتی  را که می خواهید ایجادکنید ، بنویسید
 ( من در این مثال از اسم school استفاده می کنم )
 
 
 5- سپس روی دکمه create Database کلیک کنید تا بانک در سرور ایجاد شود
( دقت کنید هر اسمی بگذارید قبل از ان ، نام کاربری شما به همراه یک خط زیر  افزوده می شود )
 
 6- برای ایجاد جدول در بانک school روی گزینه مشخص شده در شکل زیر کلیک کنید :
 
 
 7- نام جدول را در قسمت مشخص شده در شکل زیر بنویسد
 ( در این مثال ، نام جدول من t1 است )
 
 
 8- تعدادفیلدهایی که می خواهید در این جدول تعریف کنید در کادر نشان داده شده بویسید

 ( در این مثال من فقط 3 فیلد می خواهم)

 
 
 9- روی دکمه go کلیک کنید تا جدول ایجاد شود
 
 10- نام و مشخصات فیلدها را وارد کنید .مطمئنا ترتیب وارد کردن فیلدها مهم نیست
 من فیلدهای زیر را می خواهم :
 

نام             از نوع کاراکتر              حداکثر 15 کاراکتر             پشتیبانی از زبان فارسی

فامیل                 "                                   "                                        "

شماره                "                           10 کاراکتر                                     -

 پس مثل شکل زیر انها را در جدول t1 ثبت می کنم :
 
 ( در شکل بالا id را int نشان می دهد شما varchar انتخاب کنید )
 

 utf8-persian-ci یعنی بتوان مقادیر فارسی را هم برای فیلدها وارد کرد

 

 
 11- روی دکمه save کلیک کنید تا جدول ایجاد شود
گام دوم - ایجاد فرم ثبت نام

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

در حالیکه در فضای سایت هستید ،

از منوی file گزینه new و سپس از نوار سمت چپ blank page و سپس از نوار وسط گزینه html را انتخاب کرده

و سپس روی دکمه create کلیک کنید

با کلیک روی دکمه design به نمای design بروید

 

 

 

برای ایجاد فرم بصورت زیر عمل می کنم :

 1- از زبانه form روی ابزار form کلیک می کنم تا محدوده فرم ایجاد شود
 
 
 2- در حالی که در حالت نمای design هستید ، فرم را بصورت خط قرمز نقطه چین می بینید
 
 
 3-در حالیکه چشمک زن درون این فرم است ، روی ابزار TextField در پانل form کلیک کنید

 

 
 در کادر باز شده مشخصات زیر را تنظیم می کنیم :

id : من  نام txt1 را  برای این کادر متنی وارد می کنم

label : من عبارت نام دانش اموز را بعنوان برچسب این کادر متنی وارد می کنم

 

 
 کادر بالا را تائید کنید
 اگر به فرم نگاه کنید ، مشاهده می کنید که کادر متنی و برپسب ان در سمت چپ فرم هستند
 به نمای code بروید
 
 تگ form را پیدا کنید و دستور زیر را در ان بنویسید

 

dir="rtl"

 

به نمای design بروید

حالا همه چیز سر جای خودش است

 در انتهای کادر متنی کلیک کرده

enter بزنید تا به خط بعد بروید

یک کادر متنی دیگر با نام txt2 و برچسب نام خانوادگی

و

یک کادر متنی دیگر با نام txt3 و برچسب شماره دانش اموز

اضافه کنید

 

4- روی ابزار button از پانل form کلیک کنید
 

 برای id ان نام but1

و برای بر چسب ان چیزی ننویسید

 دکمه به فرم اضافه می شود

بصورت پیش فرض عبارت submit روی دکمه نوشته شده است

 
 روی دکمه کلیک کنید تا انتخاب شود
 در پانل properties و در قسمت value عبارتی که می خواهید روی دکمه دیده شود بنویسید
 من می خواهم عبارت ثبت نام  روی دکمه مشاهده شود
 از قسمت action هم گزینه submit را انتخاب کنید
 این گزینه یعنی با فشردن دکمه ، اطلاعات وارد شده در کادرهای متنی فرم به صفحه مقصد منتقل شود
 
 
 5- تنظیمات فرم
 روی محدوده قرمز رنگ فرم کلیک کنید
 با این کار باید تنظیمات ان در پانل properties نمایان شود
 
 method : روش ارسال اطلاعات وارد شده در فرم به صفحه مقصد را تعیین می کند
 اگر post باشد ، اطلاعاتی که کاربر در کادرهای متنی وارد کرده ، بعد از کلیک روی دکمه ثبت نام در نوار ادرس مرورگر دیده نخواهد شد
 اما در صورتیکه روش ارسال را get انتخاب کنیم ، این اطلاعات در نوارد ادرس مرورگر مشاهده خواهند شد
 
 قسمت action هم برای این است که مشخص کنیم با فشردن دکمه ثبت نام اطلاعات وارد شده در فرم به کدام صفحه ارسال شود

عبارت write.php را در ان بنویسید

بعدا این فایل را ایجاد می کنم

و توضیح می دهم که قرار است دستورات درون این فایل ، چه کار کنند

 
 6- صفحه وب طراحی شده را با نام index.html در مسیر سایت خود که در درایو C پوشه wamp پوشه www بود ذخیره  کنید
 
 7- همانطور که در فصل های قبل یاد گرفتید ، این صفحه را دوباره در سرور اپلود کنید
 احتمالا اگر در اپلود مشکل داشتید  و تمام تنظیمات سرور سایت را درست انجام داده اید ،ممکن است دلیل ان این باشد که هم اکنون شما در کنترل پانل سرور سایت eclick هستید از حساب کاربریتان خارج شوید و دوباره تلاش کنید
 

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

( من با فایر فاکس کار می کنم )

همانطور که در فصلهای قبل گفتم

بعد از ثبت نام گزینه ای تحت عنوان home page در لیست اطلاعاتی که سایت eclick به شما داده ،  مشاهده می شود

این ادرس سایت شماست

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

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

 
 
گام سوم - طراحی برنامه php

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

بعد از فشردن دکمه ثبت اطلاعات که از نوع submit بود

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

 حالا من می خواهم یک فایل php برای کارهای زیر ایجاد کنم :
1- ابتدا اطلاعات وارد شده در هر فیلد متنی فرم توسط دستورات php خوانده شده و در متغیرهای جدا گانه قرار گیرد
 2-اتصال به بانک اطلاعاتی که در سرور ایجادکردیم برقرار شود
 3- اطلاعات گرفته شده از فرم در جدول t1 ذخیره شود
 4- تمام
 
1- ایجاد کردن فایل جدید از نوع PHP

-نرم افزار DW یا همان  dream weaver را باز کنید

-مطمئن شوید پانل files نام سایت ما را نشان دهد

-از منوی file گزینه new و سپس از نوار سمت چپ گزینه blanck page و از نوار وسط گزینه php را انتخاب کنید

- از منوی file گزینه save را انتخاب کرده و این صفحه جدید را با نام writ.php در مسیر ساید ذخیره نمائید

توجه داشته باشید که حتما موقع ذخیره کردن از لیست save as type گزینه php را انتخاب کنید

 
 2- ابتدا اطلاعات وارد شده در هر فیلد متنی فرم توسط دستورات php خوانده شده و در متغیرهای جدا گانه قرار گیرد
 
 چون روش ارسال اطلاعات از فرم را post انتخاب کرده بودم

 پس یا با

$_POST

و یا با

$_REQUEST

می توانم اطلاعات فرم را دریافت کنم

 در نمای کد نویسی قرار بگیرید

 
 حالا شروع کنیم به نوشتن دستورات php :
 درون تگ body تگ php را باز می کنم و دستورات را در ان می نویسم

 

<body>

<?php

$sname=$_POST['txt1'];
$sfamily=$_POST['txt2'];
$sid=$_POST['txt3'];



?>


 
 3- اتصال به بانک اطلاعاتی که در سرور ایجادکردیم برقرار شود
 اسم بانک الاعاتی من pxpxp_13248231_school است
 که البته با توجه به اسم کاربری که سایت eclickبه شما داده ممکن است عبارتی که قبل از school قرار گرفته برای شما چیز دیگری باشد
 
 آموزش اتصال به بانک اطلاعاتی توسط php
 
 اول دستور اتصال به سرور بانک اطلاعاتی

 

 $con = mysql_connect(1,2,3);

 به جای 1 : اسم سرور را بنویسید

در همان فرم اطلاعاتی که در فصل اول گفتم خیلی مهمه اسم سرور را جلوی mysql host name  نوشته

 

 به جای 2 :

اسم کاربری هست که ان را هم در قسمت my sql user name نوشه

 به جای 3 :

رمز ورود ما به سرور mysql هست یعنی mysql password

که میشه همان رمز خودمون موقعی که می خوایم به eclick وصل بشیم

 
 حالا من دستور را کامل می کنم :

  $con = mysql_connect("sql313.eclick.ir","pxpxp_13248231","--------");

 

 
 4- اطلاعات گرفته شده از فرم در جدول t1 ذخیره شود
 دستور اتصال به بانک اطلاعاتی که در سرور هست

 

  mysql_select_db(1, 2);

 به جای 1 :

اسم بانک اطلاعاتی را می نویسم

 به جای 2 :

اسم متغیر اشاره گری که در قسمت قبل به سرور اشاره کرد در این جا اسم انرا con گذاشتم

 

 

mysql_select_db("pxpxp_13248231_school", $con);

 
 نوشتن دستور insert برای اضافه کردن مقادیر به جدول t1

 

$sql="insert into t1 (name,family,id)
        values
       ('$sname','$sfamily','$sid')";
      

 
5- تمام
 اجرای دستورات sql و سپس خاتمه دادن به اتصال به بانک اطلاعاتی

 

 mysql_query($sql,$con)

mysql_close($con);

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

 

echo  " اطلاعات به درستی ذخیره شد";

 
 
 و همچنین بعد از اتصال به سرور دستوری بنویسیم  که اگر اتصال با سرور بر قرار نشد ، پیامی نمایش دهد
 برنامه کامل بصورت زیر است :

 

<body>

<?php

$sname=$_POST['txt1'];
$sfamily=$_POST['txt2'];
$sid=$_POST['txt3'];



  $con = mysql_connect("sql313.eclick.ir","pxpxp_13248231","-------");
  mysql_select_db("pxpxp_13248231_school", $con);


  if (!$con)
  {
  die('ذخیره سازی دچار خطا شده است : ' . mysql_error());
  }

 

  $sql="insert into t1 (name,family,id)
        values
       ('$sname','$sfamily','$sid')";
       
       
        mysql_query($sql,$con);
        mysql_close($con);

 

         echo ("اطلاعات با موفقیت ثبت شد");

?>




</body>

 

6- اپلود صفحه php در سرور

بعد از ذخیره این صفحه

در پانل files روی نام فایل write.php کلیک کنید

و روی ایکن put کلیک کنید

حتما باید به اینترنت وصل باشید

خود dw از طریق اینترنت به سرور وصل شده و فایل شما در ان اپلود می شود

 
 

 توجه کنید ، هر چند ما دستورات echo داریم که در مرورگر کاربر اجرا می شود

اما چون این صفحه php از روی سرور اجرا می شود لذا نیازی نیست کاربر نرم افزار wamp را داشته باشد

 
 
 امتحان کنید
 اگر نرم افزار wamp شما فعال است انرا ببندید و صفحه index.html را به این صورت اجرا کنید که در نوار ادرس مرورگر نام سایت ود را بنویسید و enter بزنید

و فرم را پر کنید

روی دکمه ثبت کلیک کنید

نتیجه در صفحه php مشاهده خواهد شد

 
 شما با ترکیب دستورات html و php می توانید خروجیهای زیبا تری داشته باشید
 یا اینکه

با استفاده از ویژگی ajax می توانید تقاضا برای اتصال به  فایل writ.php

روی سرور و اجرای دستورات ان

سپس باز گشت داد ن عبارت true یا false جهت اعلام موفق یا ناموفق بود ن عمل ذخیره اطلاعات در بانک

به فایل index.html

و در نهایت نمایش اطلاعات مناسب به کاربر در این باره را در همان فایل index.html بنویسید

 

 یا اینکه در همان صفحه php ، یک پیوند برای بازگشت به صفحه قبل بگذارید

برنامه اش در زیر امده است

 

 

 <body>

<p>
  <?php

$sname=$_POST['txt1'];
$sfamily=$_POST['txt2'];
$sid=$_POST['txt3'];


  $con = mysql_connect("sql313.eclick.ir","pxpxp_13248231","----------");
  mysql_select_db("pxpxp_13248231_school", $con);
  if (!$con)
  {
  die('ذخیره سازی دچار خطا شده است : ' . mysql_error());
  }
  $sql="insert into t1 (name,family,id)
        values
       ('$sname','$sfamily','$sid')";
       
       
        mysql_query($sql,$con);
         mysql_close($con);
         echo ("اطلاعات با موفقیت ثبت شد");

?>
 
 
 
 
</p>

<a href="index.html">
<p>بازگشت به صفحه قبل</p>
</a>


</body>