الدرس التاني: تهيئ الكمبيوتر وانجااز الصفحة الاولي في بي اتش بي
سبق لنا في درسنا السابق ان اشرنا اال ان بي اتش بي يتعامل مع الخادم )السيرفر( الذي يقوم بترجمة اكواده للمتصفح قبل عرضها. وعليه فإن اجهزتنا حتتاج الى االتصال بـ سيرفر حتى نستطيع عمل صفحات من بي اتش بي.
إذن كيف نحصل على سيرفر؟؟
سؤال وجيه.. طيب ممكن يكون الجواب ان نبحث عن مصباح عالء الدين، ثم نمسح فوقه فيظهر لنا العفريت . العفريت: » شوبيك لوبيك انا بني إديك . اطلب ماشئت »
صاحب مصباح عالء الدين: اريد سيرفر حتى استطيع ان اشتغل على لغة بي اتش بي »
العفريت: » مممم تريد سيرفر .. شوف يااخي انا اقترح عليك ان تطلب ثالجة او غسالة احسن بكثير من >السيروف< هذا ،
قلت لي مااسمه؟؟
إن املواقع املبرمجة سواء كانت مواقع ثابتة او مواقع ديناميكية )راجع الدرس السابق(، حتتاج الى برامج مختلفة للتعامل معها. فإذا كان املوقع ثابتا فنحن بحاجة الى :
- محرر اكواد : وهو برنامج ميكننا من كتابة االكواد اخلاصة مبوقعنا كـ Notepad او Notepad++
- متصفح انترنت: و
هو يسمح لنا برؤية صفحات النت، وميكننا استخدام املتصفح انترنت اكسبلوري او موزيال او اي متصفح اخر.
وهذا كل مانحتاجه بالنسبة للمواقع الثابثة، يأتي هذا خلفا للمواقع الديناميكية والتي مثال تعتمد على لغة بي اتش بي في برمجتها فإننا نحتاج إضافة الى البرامج السابقة الى سيرفر ، هذا االخير يكون إما سيرفرا محليا او مايطلق عليه بـ Localhost : اي اننا نحول اجهزة الكمبيوتر اخلاصة بنا الى سيرفر وهنا النحتاج الى االنترنت لالتصال به.
او يكون عبارة عن سيرفر غير محلي اي مستقل عن اجهزتنا ويتم االتصال به عن طريق االنترنت.
وفي دروسنا الاولي هنا سنتعامل مع السيرفر احمللي فقط ونقوم بتنصيب البرامج التي يوفرها لنا السيرفر والتي ستقوم بقراءة اكواد بي اتش
بي ومن ثم ترجمتها للمتصفح.
تنصيب السيرفر:
هناك العديد من احلزم التي توفر لنا سيرفر محلي ، لكن يفضل اختيار برنامج عمل سيرفر محلي يجمع البرامج التالية :
- Apache : وهو اهم برنامج حيث يعتبر هو املسؤول عن إظهار صفحات االنترنت في املتصفح للمشاهد او الزائر
- PHP : بي اتي بي هذا عبارة عن plug-in يحتاجه Apache ليعرف له اكواد لغة بي اتش بيحتى يظهرها
- MySql : برنامج او نظام إدارة قواعد البيانات و به نستطيع حفظ البيانات التي نريد لسهولة استخدامها واخلواص التي يوفرها لنا زائد االهم من ذلك انه يجمع البرامج التي حتدثنا عنها، طبعا ميكنكم استخدام اي برنامج اخر وسوف نستعمل برنامج WampServer لعمل سيرفر محلي كـ appserv وغيره...
قم بتحميل برنامج WampServer فقط قم بالبحت عن برنامج في قوقل فهو مجاني
بعد انتهى التحميل نقوم بتنصيب السيرفر وعملية التنصيب اظن انها واضحة والداعي للحديث حولها اال في حالة طبعا ان واجهتكم مشكلة او كان لديكم استفسار حول امر معني اثناء التنصيب فيمكنكم طرحه في احدى املواقع املشهورة في تقدمي املساعدة، وستجدونه ان شاء اهلل. عند االنتهاء من عميلة التنصيب سوف تظهر لنا ايقونة البرنامج اجلديد نضغط فوقها فيتم تشغيل السيرفر فتظهر االيقونة في اللوحة السفلية من سطحالمكتبtaskbar
فإذا قمنا بالضغط فوقها باملاوس كليك ميني فنجد مجموعة من اخليارات من بينها خيار اختيار اللغة حيث يطرح لنا البرنامج مجموعة من اللغات من بينها اللغة العربية لكن يستحسن اختيار اللغة االجنليزية حتى نعتاد على اللغة، ايضا من اخليارات املوجودة خيار Exit اللغاء عمل السيرفر. و في حالة قمنا بالضغط على ايقونة WampServer باملاوس كليك يسار فنجد ايضا مجموعة من الخيارات:
- localhost: وهي صفحة البداية اخلاصة بالسيرفر احمللي الذي نستعمله، وحتتوي على معلومات عن السيرفر والتطبقات احملفوظة فيه واداة وفي مايلي شرح للخيارات املطروحة الولوج لنظام التحكم. أو نقوم بادخال عنوان االيبي IP رابط الصفحة هو : http://localhost http://127.0.0.1/ صورة توضيحية:
- phpMyAdmin: وهي نفس الصفحة التي دخلنا اليها من صفحة البداية وقلنا عنها انها عبارة عن لوحة حتكم وفيها ميكننا ان ننشئ قواعد بيانات
صورة توضيحية:
هاته مجرد نظرة عامة وسريعة على الصفحة ومستقبال سنتعرف ان شاء اهلل على كيفية انشاء قواعد البيانات. - اخليار الثالث هو عبارة عن ملف C:\wamp\www نقوم بوضع تطبيقاتنا فيه حتى جنعلها تنتمي الى السيرفر، يعني اي تطبيق سنقوم به ونخزنه بصيغة بي اتش بي سيتم وضعه داخل هذا امللف. اظن نكتفي بهاته اخليارات النها املهمة عندنا حاليا.
صفحتي الاولي بـ بي اتش بي: نعلم جميعا ان ملفات html او xhtml عبارة عن وسوم خاصة بهاته اللغة ويعرفها برنامج متصفح االنترنت. ايضا لغة بي اتي بي php لها وسوم خاصة بها ، لكن ما سنضيفه هو ان ملفات php ميكن ان حتتوي على وسوم html وهذا مايعطينا امكانية قوية في التحكم والعرض.
نأخذ تطبيق.
تطبيق1 تطبيق صفحة HTML
<html dir=rtl>
<head>
</ «-meta http-equiv=»Content-Type» content=»text/html; charset=utf8>
<title/> صفحة اتش إم إل <title>
<head/>
<body>
السالم عليكم ورحمة الله وبركاته
</ br>
.ارجوا ان تكونوا قد استفذمت من دروسنا علي مدونة بروف فور نيت
<body/>
<html/>
طبعا الكل يعرف ويفهم ماكتب في التطبيق 1 حيث سيتم بعد تسجيل الصفحة بصيغة html عرض: السالم عليكم ورحمة اهلل وبركاته ارجوا ان تكونوا قد استفذمت من دروسنا املتواضعة حول لغة بي اتش بي.
التطبيق2:
في هذا التطبيق سوف نتعرف على كيفية كتابة صفحة التطبيق1 بـ بي اتش بي
<html dir=rtl>
<head>
</ «-meta http-equiv=»Content-Type» content=»text/html; charset=utf8>
<title/> صفحتي االولى بـ بي اتش بي <title>
<head/>
<body>
php?>
;«</ br> . السالم عليكم ورحمة الله و بركاته» print
;» .ارجوا ان تكونوا قد استفذمت من دروسنا علي مدونة بروف فور نيت » print
<?
<body/>
<html/>
ثم نسجل التطبيق باسم معني+ .php
ولاننسى ان نضعه في مجلد معني نسميه مثال page ثم نضع بعد ذلك اجمللد في امللف C:\wamp\www الان لرؤية التطبيق 2 نفتح صفحة localhost وسنجد في املكان اخملصص للمشاريع املوجودة اسم اجمللد الذي انشئنا فنضغط فوقه ونختار اسم صفحتنا فتفتح الصفحة ان شاء اهلل بدون اي مشاكل مظهرة لنا: ارجوا ان تكونوا قد استفذمت من دروسنا املتواضعة حول لغة بي اتش بي. السالم عليكم ورحمةالله وبركاتها
ارجوا ان تكونوا قد استفذمت من دروسنا علي مدونة بروف فور نيت . ولاحظ معي ان االمر print هو احد اوامر بي اتش بي وهو املسؤول عن اظهار محتوى معني ميكن تعويضه بـ echo المشكلة.
php?>
اوامر بي اتش بي التي نريد العمل بها <?
نلتقي في الدرس التالث انشاء الله
