weather app javaServletJSP

WeatherApp باستخدام Java Servlet JSP

وصف

WeatherApp هو تطبيق Java Web بسيط تم تطويره باستخدام Servlets و JSP و HTML و CSS و JavaScript. يتكامل مع API OpenWeathermap لجلب بيانات الطقس لمدينة معينة وعرضها للمستخدم.

سمات

جلب بيانات الطقس بناءً على اسم مدينة إدخال المستخدم. عرض الظروف الجوية الحالية بما في ذلك درجة الحرارة والرطوبة وسرعة الرياح والرؤية والغطاء السحابي ، إلخ.

التقنيات المستخدمة

• جافا servlets
• صفحات Javaserver (JSP)
• HTML
• CSS
• جافا سكريبت
• مكتبة GSON لحلية JSON
• OpenWeathermap API

تعليمات الإعداد

1. قم بتنزيل وتثبيت Eclipse IDE (أو Idea Intellij).
2. قم بتنزيل وتثبيت Apache Tomcat 10.1.1.
3. افتح Eclipse IDE وتكوينه مع Apache Tomcat:
   • انتقل إلى Window -> Preferences .
   • انتقل إلى Server -> Runtime Environments .
   • انقر فوق Add وحدد Apache Tomcat v10.1.1 .
   • توفير دليل تثبيت Tomcat وإنهاء الإعداد.
4. استنساخ المستودع إلى جهازك المحلي باستخدام git clone <repository_url> .
5. استيراد المشروع إلى Eclipse IDE:
   • انتقل إلى File -> Import .
   • حدد Existing Projects into Workspace .
   • اختر دليل المشروع المستنسخ واستيراده إلى Eclipse.
6. تأكد من تضمين مكتبة GSON في دليل src/webapp/WEB-INF/lib لمشروعك. إذا لم يكن كذلك ، أضفه يدويًا إلى مسار البناء.
7. احصل على مفتاح API من OpenWeatherMap واستبدل العنصر النائب myApiKey في MyServlet.java بمفتاح API الفعلي.
8. قم بتشغيل التطبيق على خادم Apache Tomcat المحلي:
   • انقر بزر الماوس الأيمن فوق المشروع في Eclipse.
   • انتقل إلى Run As -> Run on Server .
   • حدد خادم Tomcat الذي تم تكوينه وانقر فوق Finish .
9. الوصول إلى WeatherApp من خلال متصفح الويب الخاص بك باستخدام عنوان URL المقدم (عادةً ما يكون http://localhost:8080/WeatherApp ).

تكامل API في Servlet:

• تم إنشاء Servlet Java (myservlet.java) للتعامل مع طلبات HTTP.
• في طريقة Dopost ، جلب اسم المدينة من إدخال النموذج.
• شيد عنوان URL API مع اسم المدينة ومفتاح API الخاص بك (APIURL) لجلب بيانات الطقس.

طلب HTTP إلى API:

• استخدم httpurlconnection لإنشاء اتصال بنقطة نهاية API.
• اضبط طريقة الطلب للحصول على استجابة API واسترجاعها باستخدام تدفقات الإدخال.

معالجة استجابة API:

• كان استجابة API بتنسيق JSON.
• استخدم مكتبة GSON لتحليل استجابة JSON في JSONOBJECT.
• استخراج بيانات الطقس ذات الصلة مثل درجة الحرارة والرطوبة وسرعة الرياح والرؤية وحالة الطقس والغطاء السحابي من استجابة JSON.

تعيين سمات الطلب:

• تم تخزين بيانات الطقس المستخرجة ، واسم المدينة ، والتاريخ ، والوقت ، والمعلومات الأخرى ذات الصلة كسمات طلب باستخدام httpservletrequest.setattribute ().

طلب إعادة التوجيه إلى JSP:

• قم بإعادة توجيه الطلب إلى صفحة JSP (index.jsp) لتقديمها باستخدام requestDispatcher.forward ().

عرض البيانات في JSP:

• في صفحة JSP الخاصة بنا (index.jsp) ، استخدمنا HTML ورمز Java المدمج (EL Expressions) لعرض بيانات الطقس.
• تم الوصول إلى البيانات من سمات الطلب باستخدام بناء الجملة $ {catritbled}.

لقطات الشاشة

تم إنشاؤه بواسطة:

• دارشان باجين