المنصور بالله
30-04-2017, 04:04 PM
الدرس الثالث: إنشاء أول صفحة PHP
من الدرس الأول والثاني تعلمت القليل حول ماهية لغة PHP، ثبت مزوداً على حاسوبك أو يمكنك الوصول لمزود يدعم هذه اللغة، الآن أنت جاهز لتبدأ في كتابة أول صفحة PHP، الدرس سيكون سهلاً وبسيطاً، لكن بعد أن تنجز الدرس ستفهم ما هي لغة PHP وماذا يمكنك إنجازه باستخدامها.
ببساطة ملف PHP هو ملف نصي بامتداد .php ويتألف من:
نص
وسوم HTML
برمجة بلغة PHP
أنت تعرف مسبقاً ما هو النص وما هي وسوم HTML، لذلك لنلقي نظرة على برمجة PHP.
برامج PHP
فريق توثيق PHP أصدر وثائق مفصلة للغة PHP، خلال الدرس سنضع كثيراً من الروابط لهذه الوثائق، الهدف هو أن تعتاد على البحث وإيجاد الأجوبة لأسئلتك، PHP لغة واسعة ولا يمكنك أن تتعلم كل إمكانياتها في هذا الدرس، لكنها ليست لغة صعبة، على العكس، PHP تبدو في بعض الأحيان كاللغة الإنجليزية.
لنبدأ بإنشاء صفحة PHP الأولى.
مثال: Hello World!
ابدأ في إنشاء صفحة HTML عادية لكن أعطي للملف اسم page.php واحفظه في المجلد الرئيسي للموقع:
إن كنت تستخدم XAMPP (اقرأ الدرس 2)، المسار إلى المجلد الرئيسي هو "c:\xampp\htdocs\page.php" في حاسوبك الذي يعمل كمزود الآن. اقرأ المزيد حول حفظ ملفات PHP في XAMPP.
أن كنت تستخدم استضافة فببساطة ارفع الملف إلى مزود موقعك.
وسوم HTML يجب أن تكون بهذا الشكل:
<html>
<head>
<title>My first PHP page</title>
</head>
<body>
</body>
</html>
كما تتذكر من الدرس الأول، كل شيء في PHP متعلق بكتابة أوامر للمزود، لذلك دعنا نكتب بعض الأوامر.
في البداية نحن بحاجة لأن نخبر المزود أين ستبدأ PHP ومتى ستتوقف. في PHP تستخدم وسوم <?php و?> لتحديد بداية ونهاية أوامر PHP التي يجب على المزود تنفيذها، في معظم المزودات استخدام <? كوسم بداية فقط سيكون كافياً لكن <?php هي الطريقة الأفضل لكي عندما تستخدم PHP لأول مرة في الملف.
الآن أضف التالي لوسوم HTML:
<html>
<head>
<title>My first PHP page</title>
</head>
<body>
<?php
echo "<h1>Hello World!</h1>";
?>
</body>
</html>
عندما تستعرض ملف PHP في المتصفح يجب أن يكون الملف بهذا الشكل:
http://ar.html.net/tutorials/php/lesson3_img01.png
==
الأمر يصبح مثيراً أكثر عندما تنظر لمصدر الصفحة في المتصفح باختيار "view source":
http://ar.html.net/tutorials/php/lesson3_img02.png
أوامر PHP ذهبت! كما تتكر في الدرس الأول المزود وحده الذي يستطيع أن يرى أوامر PHP، - الزبون (أي المتصفح) يرى النتائج فقط!
لنلقي نظرة على ما حدث، نحن طلبنا من المزود أن يكتب <h1> Hello World!</h1>، بلغة تقنية أكثر سنقول بأننا استخدمنا الوظيفة echo لنكتب سلسلة محارف محددة للزبون (المتصفح) والفاصلة المنقوطة تنهي الأمر، لكن لا تخف، في هذا الدرس سنحاول أن نبقي اللغة التقنية في حدها الأدنى.
في مثالنا الأول من الواضح أنه ليس مثيراً للحماس، لكن انتظر فقط! من الآن وصاعداً ستزداد الأمور حماساً، لنلقي نظرة على مثال آخر.
مثال: الآن!
لنجعل المزود يكتب شيئاً آخر، يمكننا مثلاً أن نطلب منه أن يكتب تاريخ اليوم والوقت:
<html>
<head>
<title>My first PHP page</title>
</head>
<body>
<?php
echo date("r");
?>
</body>
</html>
هذا سيظهر بهذا الشكل في المتصفح:
http://ar.html.net/tutorials/php/lesson3_img03.png
ووسوم HTML في المقابل ستكون:
http://ar.html.net/tutorials/php/lesson3_img04.png
الآن الأمور تبدو مسلية أكثر، أليس كذلك؟
جعلنا المزود يكتب التاريخ والوقت عندما تعرض صفحة PHP، لاحظ أنك إذا جربت تحديث الصفحة سترى وقتاً جديداً يكتب، المزود يكتب التاريخ والوقت الحالي في كل مرة ترسل الصفحة إلى الزبون.
من المهم أيضاً أن تلاحظ بأن مصدر HTML يحتوي فقط التاريخ وليس أوامر PHP، لذلك المثال لا يتأثر بأي متصفح استخدم، في الحقيقة كل الخصائص التي تعتمد على تقنيات جهة المزود ستعمل في كل المتصفحات!
ومرة أخرى لاحظ الفاصلة المنقوطة بعد سطر الأمر، هذه الفاصلة مهمة جداً ويجب أن تضاف وإلا لن يعمل البرنامج.
في المثال استخدمنا وظيفة date، وهي وظيفة تعطينا الوقت والتاريخ الحاليين في المزود.
لنجرب إضافة المزيد للمثال من خلال كتابة سلسلة محارف ووظيفة برمجية - يفصل بينهما "." (نقطة) - هكذا:
<html>
<head>
<title>My first PHP ********</title>
</head>
<body>
<?php
echo "<p>Current date and time: " . date("r") . "</p>";
?>
</body>
</html>
ستظهر بهذا الشكل في المتصفح:
http://ar.html.net/tutorials/php/lesson3_img05.png
ووسوم HTML في المقابل ستكون:
http://ar.html.net/tutorials/php/lesson3_img06.png
في الدرس التالي سنلقي نظرة مفصلة أكثر على وظيفة date والأشكال المختلفة للتاريخ والوقت.
من الدرس الأول والثاني تعلمت القليل حول ماهية لغة PHP، ثبت مزوداً على حاسوبك أو يمكنك الوصول لمزود يدعم هذه اللغة، الآن أنت جاهز لتبدأ في كتابة أول صفحة PHP، الدرس سيكون سهلاً وبسيطاً، لكن بعد أن تنجز الدرس ستفهم ما هي لغة PHP وماذا يمكنك إنجازه باستخدامها.
ببساطة ملف PHP هو ملف نصي بامتداد .php ويتألف من:
نص
وسوم HTML
برمجة بلغة PHP
أنت تعرف مسبقاً ما هو النص وما هي وسوم HTML، لذلك لنلقي نظرة على برمجة PHP.
برامج PHP
فريق توثيق PHP أصدر وثائق مفصلة للغة PHP، خلال الدرس سنضع كثيراً من الروابط لهذه الوثائق، الهدف هو أن تعتاد على البحث وإيجاد الأجوبة لأسئلتك، PHP لغة واسعة ولا يمكنك أن تتعلم كل إمكانياتها في هذا الدرس، لكنها ليست لغة صعبة، على العكس، PHP تبدو في بعض الأحيان كاللغة الإنجليزية.
لنبدأ بإنشاء صفحة PHP الأولى.
مثال: Hello World!
ابدأ في إنشاء صفحة HTML عادية لكن أعطي للملف اسم page.php واحفظه في المجلد الرئيسي للموقع:
إن كنت تستخدم XAMPP (اقرأ الدرس 2)، المسار إلى المجلد الرئيسي هو "c:\xampp\htdocs\page.php" في حاسوبك الذي يعمل كمزود الآن. اقرأ المزيد حول حفظ ملفات PHP في XAMPP.
أن كنت تستخدم استضافة فببساطة ارفع الملف إلى مزود موقعك.
وسوم HTML يجب أن تكون بهذا الشكل:
<html>
<head>
<title>My first PHP page</title>
</head>
<body>
</body>
</html>
كما تتذكر من الدرس الأول، كل شيء في PHP متعلق بكتابة أوامر للمزود، لذلك دعنا نكتب بعض الأوامر.
في البداية نحن بحاجة لأن نخبر المزود أين ستبدأ PHP ومتى ستتوقف. في PHP تستخدم وسوم <?php و?> لتحديد بداية ونهاية أوامر PHP التي يجب على المزود تنفيذها، في معظم المزودات استخدام <? كوسم بداية فقط سيكون كافياً لكن <?php هي الطريقة الأفضل لكي عندما تستخدم PHP لأول مرة في الملف.
الآن أضف التالي لوسوم HTML:
<html>
<head>
<title>My first PHP page</title>
</head>
<body>
<?php
echo "<h1>Hello World!</h1>";
?>
</body>
</html>
عندما تستعرض ملف PHP في المتصفح يجب أن يكون الملف بهذا الشكل:
http://ar.html.net/tutorials/php/lesson3_img01.png
==
الأمر يصبح مثيراً أكثر عندما تنظر لمصدر الصفحة في المتصفح باختيار "view source":
http://ar.html.net/tutorials/php/lesson3_img02.png
أوامر PHP ذهبت! كما تتكر في الدرس الأول المزود وحده الذي يستطيع أن يرى أوامر PHP، - الزبون (أي المتصفح) يرى النتائج فقط!
لنلقي نظرة على ما حدث، نحن طلبنا من المزود أن يكتب <h1> Hello World!</h1>، بلغة تقنية أكثر سنقول بأننا استخدمنا الوظيفة echo لنكتب سلسلة محارف محددة للزبون (المتصفح) والفاصلة المنقوطة تنهي الأمر، لكن لا تخف، في هذا الدرس سنحاول أن نبقي اللغة التقنية في حدها الأدنى.
في مثالنا الأول من الواضح أنه ليس مثيراً للحماس، لكن انتظر فقط! من الآن وصاعداً ستزداد الأمور حماساً، لنلقي نظرة على مثال آخر.
مثال: الآن!
لنجعل المزود يكتب شيئاً آخر، يمكننا مثلاً أن نطلب منه أن يكتب تاريخ اليوم والوقت:
<html>
<head>
<title>My first PHP page</title>
</head>
<body>
<?php
echo date("r");
?>
</body>
</html>
هذا سيظهر بهذا الشكل في المتصفح:
http://ar.html.net/tutorials/php/lesson3_img03.png
ووسوم HTML في المقابل ستكون:
http://ar.html.net/tutorials/php/lesson3_img04.png
الآن الأمور تبدو مسلية أكثر، أليس كذلك؟
جعلنا المزود يكتب التاريخ والوقت عندما تعرض صفحة PHP، لاحظ أنك إذا جربت تحديث الصفحة سترى وقتاً جديداً يكتب، المزود يكتب التاريخ والوقت الحالي في كل مرة ترسل الصفحة إلى الزبون.
من المهم أيضاً أن تلاحظ بأن مصدر HTML يحتوي فقط التاريخ وليس أوامر PHP، لذلك المثال لا يتأثر بأي متصفح استخدم، في الحقيقة كل الخصائص التي تعتمد على تقنيات جهة المزود ستعمل في كل المتصفحات!
ومرة أخرى لاحظ الفاصلة المنقوطة بعد سطر الأمر، هذه الفاصلة مهمة جداً ويجب أن تضاف وإلا لن يعمل البرنامج.
في المثال استخدمنا وظيفة date، وهي وظيفة تعطينا الوقت والتاريخ الحاليين في المزود.
لنجرب إضافة المزيد للمثال من خلال كتابة سلسلة محارف ووظيفة برمجية - يفصل بينهما "." (نقطة) - هكذا:
<html>
<head>
<title>My first PHP ********</title>
</head>
<body>
<?php
echo "<p>Current date and time: " . date("r") . "</p>";
?>
</body>
</html>
ستظهر بهذا الشكل في المتصفح:
http://ar.html.net/tutorials/php/lesson3_img05.png
ووسوم HTML في المقابل ستكون:
http://ar.html.net/tutorials/php/lesson3_img06.png
في الدرس التالي سنلقي نظرة مفصلة أكثر على وظيفة date والأشكال المختلفة للتاريخ والوقت.