الآلات الحاسبة هي واحدة من الأدوات الأكثر شعبية ومفيدة في تطوير الشبكة. إنها تسمح للمستخدمين بإجراء عمليات حسابية مختلفة ، مثل الجمع والطرح والضرب والقسمة ، مباشرة على صفحة الويب. في هذه المقالة التفصيلية ، وسوف ننظر في كيفية جعل آلة حاسبة في لغة البرمجة فب.
فب (معالج النص التشعبي) هي واحدة من لغات البرمجة الأكثر شعبية لتطوير الشبكة. يسمح لك بإنشاء صفحات ويب ديناميكية والتفاعل مع قواعد البيانات. لإنشاء آلة حاسبة في فب ، وسوف نستخدم وظائف ومشغلي اللغة لمعالجة البيانات المدخلة من قبل المستخدم وإجراء العمليات الحسابية اللازمة.
لبدء إنشاء آلة حاسبة في فب ، سوف نحتاج إلى إنشاء نموذج هتمل حيث يمكن للمستخدم إدخال الأرقام وتحديد عملية. ثم سنقوم بإنشاء برنامج نصي فب من شأنها معالجة البيانات المدخلة وعرض النتيجة على الشاشة.
في هذه المقالة ، سوف نلقي نظرة خطوة بخطوة على كيفية إنشاء مثل هذه الآلة الحاسبة في فب. سننظر في كيفية معالجة البيانات التي أدخلها المستخدم ، وإجراء العمليات الحسابية وإخراج النتيجة. سوف تتعلم أيضا كيفية إضافة أنماط وتحسين واجهة المستخدم للآلة الحاسبة الخاصة بك.
- التحضير لإنشاء آلة حاسبة في فب
- تركيب وتكوين زامب
- إنشاء دليل عمل
- إنشاء واجهة مستخدم آلة حاسبة
- تحديد بنية نموذج هتمل
- باستخدام كس للتصميم
- تنفيذ الحسابات الأساسية في فب
- سؤال وجواب
- كيف يمكنني إنشاء آلة حاسبة في بي إتش بي?
- ما هي العناصر التي يجب أن تكون في شكل أتش تي أم أل من آلة حاسبة?
- ما هي وظائف ومشغلي هل أنا بحاجة إلى استخدام في بي إتش بي لإنشاء آلة حاسبة?
- هل من الممكن إنشاء آلة حاسبة في بي إتش بي مع القدرة على إجراء العمليات الحسابية المعقدة?
التحضير لإنشاء آلة حاسبة في فب
قبل البدء في إنشاء آلة حاسبة في فب ، تحتاج إلى إكمال عدة خطوات تحضيرية:
تثبيت فب
الخطوة الأولى هي تثبيت فب على جهاز الكمبيوتر الخاص بك أو على خدمة استضافة إذا كنت تخطط لوضع آلة حاسبة على شبكة الإنترنت. فب هي لغة البرمجة من جانب الخادم ، لذلك يتطلب خادم الويب مثل أباتشي أو إنجن إكس لاستخدامه. تثبيت فب عادة ما ينطوي على تثبيت خادم الويب جنبا إلى جنب معها.
تحديد شكل الآلة الحاسبة
قبل إنشاء رمز الآلة الحاسبة ، من الضروري تحديد بنية وعناصر النموذج الذي سيتم استخدامه لإدخال البيانات وعرض النتائج. على سبيل المثال ، يمكنك استخدام الحقول النصية لإدخال الأرقام والأزرار لإجراء العمليات.
اكتب رمز الآلة الحاسبة
بعد تحديد بنية النموذج ، يمكنك البدء في كتابة رمز الآلة الحاسبة في فب. سيقوم الرمز بمعالجة القيم التي أدخلها المستخدم وإجراء العمليات اللازمة (الجمع والطرح وما إلى ذلك.) مع هذه القيم.
اختبار الآلة الحاسبة
بعد كتابة رمز الآلة الحاسبة ، من الضروري اختبار أدائها. أدخل القيم المختلفة في نموذج الآلة الحاسبة وتحقق من النتائج التي تحصل عليها. سيساعد هذا في تحديد الأخطاء المحتملة في الكود وتصحيحها.
بعد الانتهاء من هذه الخطوات التحضيرية ، سوف تكون على استعداد لإنشاء آلة حاسبة في فب واستخدامها على موقع الويب الخاص بك أو في مشاريع أخرى.
تركيب وتكوين زامب
زامب (اختصار للاسم الإنجليزي عبر منصة (س) ، أباتشي (أ) ، ماريادب (م) ، فب (ف) وبيرل (ف)) هي مجموعة شعبية من الأدوات التي تسمح لك لإنشاء وتطوير تطبيقات الويب على جهاز كمبيوتر محلي.
لتثبيت زامب ، اتبع الخطوات التالية:
- انتقل إلى موقع زامب الرسمي (https://www.apachefriends.org/index.html ).
- تحميل الأرشيف مع توزيع زامب لنظام التشغيل الخاص بك (ويندوز ، ماك أو لينكس).
- قم بتشغيل ملف التثبيت الذي تم تنزيله واتبع إرشادات معالج التثبيت. تأكد من تحديد جميع مكونات زامب اللازمة (أباتشي ، فب ، ماريادب وبيرل).
- أثناء التثبيت ، قد يطلب منك اختيار المسار لتثبيت زامب. يوصى باستخدام المسار الافتراضي ، ولكن يمكنك أيضا اختيار مسار آخر.
- بعد اكتمال عملية التثبيت ، قم بتشغيل لوحة التحكم زامب ، والتي سيتم فتحها تلقائيا (أو العثور عليها في شريط المهام أو قائمة التطبيق).
- في لوحة التحكم زامب ، انقر فوق الزر" ابدأ " بجوار وحدات أباتشي و ميسكل (ماريادب) لبدء خادم الويب وقاعدة البيانات ، على التوالي.
- عند الإطلاق الناجح للوحدات ، سترى دائرة خضراء بجوار أسمائهم.
- الآن يمكنك فتح متصفح الويب والذهاب إلى http://localhost / للتحقق من تشغيل زامب. إذا كان كل شيء يعمل بشكل صحيح ، سترى صفحة ترحيب زامب.
مبارك! لقد قمت بتثبيت بنجاح وتكوين زامب على جهاز الكمبيوتر الخاص بك. أنت الآن جاهز لإنشاء تطبيقات الويب وتشغيلها محليا.
إنشاء دليل عمل
قبل البدء في إنشاء آلة حاسبة في فب ، تحتاج إلى إنشاء دليل العمل على خادم الويب الخاص بك. سيتم تخزين جميع ملفات المشروع في هذا الدليل.
للبدء ، افتح موجه أوامر أو محطة طرفية على جهاز الكمبيوتر الخاص بك وانتقل إلى المجلد حيث تريد إنشاء دليل جديد. ثم قم بتشغيل الأمر التالي:
مكدير حاسبة
سيقوم الأمر بإنشاء دليل جديد باسم "الآلة الحاسبة". يمكنك اختيار أي اسم آخر للدليل الخاص بك.
انتقل إلى الدليل الجديد باستخدام الأمر:
حاسبة القرص المضغوط
الآن لديك دليل عمل فارغ لآلة حاسبة بي إتش بي الخاص بك. في هذا الدليل ، ستقوم بإنشاء وتخزين جميع ملفات المشروع.
إنشاء واجهة مستخدم آلة حاسبة
عند إنشاء واجهة مستخدم آلة حاسبة في فب ، يمكنك استخدام مختلف عناصر هتمل وأنماط كس لسهولة الاستخدام وأفضل التمثيل البصري.
يوجد أدناه مثال على الواجهة الأساسية للحاسبة:
| 7 | 8 | 9 | + |
| 4 | 5 | 6 | — |
| 1 | 2 | 3 | * |
| 0 | / | = | C |
- في الخلية العلوية من الجدول ، يتم استخدام عنصر مع السمة المعطلة لعرض نتيجة الحساب الحالية.
- تحتوي الخلايا المتبقية من الجدول على أزرار بأرقام ومشغلات لإدخال البيانات وتنفيذ العمليات.
- يحتوي كل زر على سمة النقر ، والتي تستدعي الوظيفة المقابلة في جافا سكريبت لمعالجة النقرة.
- ال رقم الملحق() و مشغل الزائدة الدودية () تستخدم الوظائف لإضافة رقم أو عامل تشغيل إلى قيمة الإدخال الحالية.
- تقوم وظيفة الحساب () بإجراء العمليات الحسابية وعرض النتيجة في حقل النتيجة.
- وظيفة كليرينبوت () مسح حقل الإدخال وإعادة تعيين كافة القيم.
وبالتالي ، فإن إنشاء واجهة مستخدم لآلة حاسبة في فب ينطوي على استخدام عناصر هتمل ووظائف جافا سكريبت لمعالجة المدخلات وتنفيذ العمليات الحسابية.
تحديد بنية نموذج هتمل
نموذج هتمل هو عنصر من صفحة ويب التي تسمح للمستخدم لإدخال وإرسال البيانات إلى الخادم. يتكون النموذج من عناصر مختلفة مثل مربعات النص والقوائم المنسدلة ومربعات الاختيار وأزرار الاختيار.
عادة ما تحتوي بنية نموذج هتمل على العناصر التالية:
- العلامة-يحدد بداية النموذج ويحتوي على جميع عناصر النموذج.
- العلامة هي العنصر الأكثر شيوعا في النموذج ، وهي مصممة لإدخال البيانات من المستخدم. يمكن أن يستغرق الأمر أنواعا مختلفة ، مثل حقل نص ، زر ، مربع اختيار ، زر اختيار ، إلخ.
- العلامة-إنشاء قائمة منسدلة لاختيار واحد أو أكثر من القيم.
- العلامة مخصصة لإدخال النص مع إمكانية إدخال متعدد الأسطر.
- العلامة-يربط عنصر النموذج بوصفه ، مما يحسن إمكانية الوصول وسهولة الاستخدام.
- العلامة-ينشئ زرا يمكن استخدامه لإرسال نموذج أو تنفيذ إجراءات أخرى.
مثال على بنية نموذج هتمل بسيط قد تبدو مثل هذا:
الاسم:
في هذا المثال ، نقوم بإنشاء نموذج يرسل البيانات إلى الخادم عبر إرسال برنامج نصي.فب باستخدام طريقة آخر. يحتوي النموذج على حقل نصي واحد مع المعرف" الاسم " والتعبئة الإلزامية.
من المهم هيكلة وتسمية عناصر النموذج بشكل صحيح بحيث تكون مفهومة وسهلة الاستخدام. سيساعد هذا في جعل عملية إدخال البيانات أكثر ملاءمة وبديهية.
باستخدام كس للتصميم
المغلق (أوراق الأنماط المتتالية) يمكن استخدامها لنمط آلة حاسبة في بي إتش بي. كس يسمح لك لتعيين أنماط مختلفة ، والألوان والأحجام ، وتخطيط العناصر على صفحة ويب.
لتطبيق كس على الآلة الحاسبة ، أضف الأنماط المناسبة لعناصرها. في رمز هتمل من آلة حاسبة ، تحتاج إلى تعيين فئات أو معرفات لتلك العناصر التي تحتاج إلى أن تكون على غرار.
مثال على استخدام كس لأزرار النمط في آلة حاسبة:
في هذا المثال،".يتم إنشاء فئة" الزر " ، والتي تحدد لون الخلفية ولون النص والحدود والهوامش وحجم الخط وشكل المؤشر لأزرار الآلة الحاسبة. يتم تعريف الإجراء أيضا عند التمرير فوق الزر باستخدام الفئة الزائفة": تحوم". عند التمرير فوق الزر ، سيغير لون الخلفية.
لتطبيق هذه الفئة على أزرار الآلة الحاسبة ، تحتاج إلى إضافة السمة المناسبة " فئة "مع القيمة" زر " لكل زر:
...
وبالتالي ، بعد تطبيق الأنماط المحددة ، سيكون لأزرار الآلة الحاسبة لون الخلفية المحدد ولون النص وحجم المؤشر وشكله. عندما تحوم فوق الزر ، سيتغير لون الخلفية إلى لون آخر.
وبالمثل ، يمكنك استخدام كس لتصميم عناصر أخرى من الآلة الحاسبة ، مثل حقل النص ، والرؤوس ، والجداول ، وما إلى ذلك. من خلال إنشاء فئات مختلفة ، يمكنك تعيين أنماط مختلفة لكل عنصر.
باستخدام كس للتصميم يجعل آلة حاسبة فب أكثر جاذبية وسهلة الاستخدام. باستخدام كس ، يمكنك بسهولة تغيير مظهر الآلة الحاسبة وتكييفها مع أي تصميم صفحة ويب.
تنفيذ الحسابات الأساسية في فب
لتنفيذ آلة حاسبة في فب ، وسوف نحتاج العمليات الحسابية الأساسية: الجمع والطرح والضرب والقسمة.
لتنفيذ هذه العمليات ، يمكننا استخدام الدوال الرياضية المضمنة التالية في فب:
- ult متعدد = a أ * b ب;
صدى-متعدد ؛ / / سوف إخراج 50
القسمة: لقسمة رقم على آخر ، يمكننا استخدام عامل التشغيل " / " ، على سبيل المثال: