ربط ملفات JAVA بواجهة مستخدم FRONT-END

Ahmed Farid5 · 8 نوفمبر 2023

كيف اربط مشروع JAVA بصفحة مخصصه للاوامر الموجودة في ملف JAVA في ملف HTML

كمثال : عندي مشروع ادخال بيانات عملاء بالJAVA يمكن ربطه بصفحة HTML بها حقل ادخال FORM وزر ادخال ومسح وهكذا

Mustafa Suleiman · 8 نوفمبر 2023

من الممكن الإعتماد على JavaServer Pages (JSP) أو Servlets لبناء واجهة المستخدم والتفاعل مع مشروع Java، وسأوضح لك الأمر من خلال JSP .

قم بإنشاء مشروع Java في محرر الأكواد مثل Eclipse أو IntelliJ IDEA.
إنشاء صفحة JSP جديدة في مشروعك، من خلال إنشاء ملف بامتداد ".jsp" في مجلد ويب الخاص بمشروعك.
في صفحة JSP ، تستطيع كتابة HTML واستخدام عناصر مثل <form> و <input> لإنشاء واجهة المستخدم، كالتالي:

<!DOCTYPE html>
<html>
<head>
    <title>إدخال بيانات العميل</title>
</head>
<body>
    <form action="AddCustomerServlet" method="post">
        <label for="name">الاسم:</label>
        <input type="text" id="name" name="name" required><br>
        
        <label for="email">البريد الإلكتروني:</label>
        <input type="email" id="email" name="email" required><br>
        
        <input type="submit" value="إضافة">
        <input type="reset" value="مسح">
    </form>
</body>
</html>

4- بعد ذلك قم بإنشاء Servlet لمعالجة البيانات المدخلة من الصفحة HTML، ويجب أن يتم تطابق قيمة action في عنصر <form> مع اسم Servlet الخاص بك، كالتالي:

import javax.servlet.*;
import javax.servlet.http.*;
import java.io.*;
import java.util.*;

public class AddCustomerServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // استخراج بيانات العميل من الطلب
        String name = request.getParameter("name");
        String email = request.getParameter("email");
        
        // هنا يمكنك تنفيذ الكود الخاص بإضافة البيانات إلى قاعدة البيانات أو القائمة الخاصة بك
        
        // إعادة توجيه المستخدم إلى صفحة HTML أخرى بعد إكمال الإضافة
        response.sendRedirect("confirmation.jsp");
    }
}

5- عليك تكوين ملف "web.xml" لربط Servlet بمسار الـ URL الذي ترغب في استخدامه، ويجب تحديد اسم الـ Servlet والمسار النهائي. مثال:

<servlet>
    <servlet-name>AddCustomerServlet</servlet-name>
    <servlet-class>com.example.AddCustomerServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>AddCustomerServlet</servlet-name>
    <url-pattern>/AddCustomerServlet</url-pattern>
</servlet-mapping>

الآن تستطيع تشغيل تطبيقك على خادم ويب مثل Apache Tomcat، وعندما تقوم بزيارة صفحة JSP في متصفح الويب وتملأ النموذج وتقوم بالإرسال، سيتم معالجة البيانات بواسطة الـ Servlet ويمكنك تنفيذ الإجراءات اللازمة مثل إضافة البيانات إلى قاعدة البيانات.