إنشاء جدول HTML في جافا

تعرض جداول HTML البيانات بتنسيق شبكة على صفحات الويب. ينظم الجدول البيانات الجدولية في شكل صفوف وأعمدة، حيث يمكن أن تحتوي كل خلية على نص أو صور أو روابط أو عناصر HTML أخرى. في هذه التدوينة، سوف نتعلم كيفية إنشاء جدول HTML في Java.

تتناول هذه المقالة المواضيع التالية:

  1. Java API لإنشاء جداول HTML
  2. إنشاء جدول HTML
  3. إنشاء جدول HTML بسمة نمط
  4. جدول HTML مع الصفوف وcolspan
  5. مولد جدول HTML عبر الإنترنت
  6. مصادر التعلم المجانية

Java API لإنشاء جدول HTML

سوف نستخدم Aspose.HTML for Java لإنشاء جداول HTML برمجيًا. فهو يمكّن المطورين من العمل مع مستندات HTML في تطبيقات Java. فهو يسمح بتحليل HTML وعرضه وتحريره وتحويل مستندات HTML إلى تنسيقات مدعومة أخرى.

يرجى تنزيل JAR الخاص بواجهة برمجة التطبيقات أو إضافة تكوين pom.xml التالي في تطبيق Java المستند إلى Maven.

 <repositories>
     <repository>
         <id>snapshots</id>
         <name>repo</name>
         <url>http://repository.aspose.com/repo/</url>
     </repository>
</repositories>

 <dependencies>
    <dependency>
        <groupId>com.aspose</groupId>
        <artifactId>aspose-html</artifactId>
        <version>23.11</version>
        <classifier>jdk17</classifier>
    </dependency>
</dependencies>

إنشاء جدول HTML في جافا

يتم تعريف جدول HTML باستخدام <table>، ويتم تحديد بنيته بشكل أكبر باستخدام عناصر أخرى متنوعة، مثل <tr> للصفوف، <th> لخلايا الرأس، و <td> لخلايا البيانات.

يمكننا بسهولة إنشاء جدول HTML باتباع الخطوات التالية:

  1. إنشاء مثيل لفئة HTMLDocument.
  2. اختياريًا، قم بإنشاء عنصر نمط وألحقه بعنصر الرأس.
  3. إنشاء <table>،<tbody> ،<tr> ،<th> ، و<td> العناصر باستخدام طريقة createElement().
  4. قم بإلحاق العناصر الفرعية بالعناصر الأصلية الخاصة بها باستخدام طريقة appendChild().
  5. بعد ذلك، قم بإلحاق <table> عنصر إلى <body> عنصر.
  6. وأخيرًا، قم باستدعاء الأسلوب save() لحفظ المستند في مسار الملف المحدد.

يوضح نموذج التعليمات البرمجية التالي كيفية إنشاء جدول HTML في Java.

// قم بإعداد مسار لحفظ الملف المحرر 
String savePath = "C:\\Files\\Table.html";

// تهيئة مستند HTML فارغ
HTMLDocument document = new HTMLDocument();

// قم بإنشاء عنصر نمط وقم بتعيين قيم نمط الحدود ولون الحدود لعنصر الجدول
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; }");

// ابحث عن عنصر رأس المستند وقم بإلحاق عنصر النمط بالرأس
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// قم بتعريف نص متغير يشير إلى<body> عنصر
Element body = document.getBody();

// تحديد الأعمدة والصفوف
int cols = 3;
int rows = 2;
boolean isFirstRowHeader = false;

// إنشاء عنصر الجدول
Element table = document.createElement("table");

// إنشاء نص الجدول
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// إنشاء صف رأس الجدول 
if (isFirstRowHeader)
{
    Element tr = document.createElement("tr");
    tbody.appendChild(tr);

    // إنشاء أعمدة رأس الجدول 
   for (int j = 1; j < cols + 1; j++)
    {
        Element th = document.createElement("th");
        Text title = document.createTextNode("Column-" + j);
        th.appendChild(title);
        tr.appendChild(th);
    }

   for (int i = 0; i < rows - 1; i++)
    {
        // إنشاء صف جدول 
        Element dataTr = document.createElement("tr");
        tbody.appendChild(dataTr);

        // إنشاء خلايا رأس الجدول
       for (int j = 1; j < cols + 1; j++)
        {
            Element td = document.createElement("td");
            Text title = document.createTextNode("Data-" + j);
            td.appendChild(title);
            dataTr.appendChild(td);
        }
    }
} 
else
{
   for (int i = 0; i < rows; i++)
    {
        // إنشاء صف جدول 
        Element dataTr = document.createElement("tr");
        tbody.appendChild(dataTr);

        // إنشاء خلايا الجدول
       for (int j = 1; j < cols + 1; j++)
        {
            Element td = document.createElement("td");
            Text title = document.createTextNode("Data-" + j);
            td.appendChild(title);
            dataTr.appendChild(td);
        }
    }
}

// إلحاق الجدول بالجسم
body.appendChild(table);

// احفظ المستند في ملف
document.save(savePath);
إنشاء جدول HTML في جافا

إنشاء جدول HTML في جافا

إنشاء جدول HTML مع سمة النمط في جافا

يوضح نموذج التعليمات البرمجية التالي كيفية إنشاء جدول HTML بسمات النمط في Java.

// قم بإعداد مسار لحفظ الملف المحرر 
String savePath = "C:\\Files\\TableWithStyle.html";

// تهيئة مستند HTML فارغ
HTMLDocument document = new HTMLDocument();

// قم بإنشاء عنصر نمط وقم بتعيين قيم نمط الحدود ولون الحدود لعنصر الجدول
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// ابحث عن عنصر رأس المستند وقم بإلحاق عنصر النمط بالرأس
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// قم بتعريف نص متغير يشير إلى<body> عنصر
Element body = document.getBody();

// إنشاء عنصر الجدول
Element table = document.createElement("table");
table.setAttribute("style", "background-color:#00FF00;");

// إنشاء نص الجدول
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// إنشاء صف رأس الجدول 
Element tr = document.createElement("tr");
tbody.appendChild(tr);

// تعيين سمة النمط مع خصائص العنصر المحدد               
tr.setAttribute("style", "border: 2px Black solid; background-color:Red; color:#FFFFFF");

// إنشاء خلية رأس الجدول 1
Element th = document.createElement("th");
Text title = document.createTextNode("Name");
th.appendChild(title);
tr.appendChild(th);

// إنشاء خلية رأس الجدول 2
th = document.createElement("th");
title = document.createTextNode("Email");
th.appendChild(title);
tr.appendChild(th);

// إنشاء خلية رأس الجدول 3
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
tr.appendChild(th);

// إنشاء صف بيانات الجدول 
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// إنشاء خلية بيانات الجدول 1
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);

// إنشاء خلية بيانات الجدول 2
td = document.createElement("td");
data = document.createTextNode("john.doe@example.com");
td.appendChild(data);
dataTr.appendChild(td);

// إنشاء خلية بيانات الجدول 3
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);

// إلحاق الجدول بالجسم
body.appendChild(table);

// احفظ المستند في ملف
document.save(savePath);
إنشاء جدول HTML مع سمة النمط في جافا

إنشاء جدول HTML مع سمة النمط في جافا

إنشاء جدول HTML باستخدام Rowspan وColspan في Java

ال <colspan> و<rowspan> هي سمات في HTML يتم استخدامها داخل <td> و<th> عناصر للتحكم في مدى الخلية عبر أعمدة أو صفوف متعددة في جدول HTML. يمكننا تعيين <colspan> و<rowspan> سمات خلايا الجدول باستخدام الأسلوب SetAttribute(اسم السلسلة، قيمة السلسلة)، كما هو موضح أدناه:

// قم بإعداد مسار لحفظ الملف المحرر 
String savePath = "C:\\Files\\ColSpanRowSpan.html";

// تهيئة مستند HTML فارغ
HTMLDocument document = new HTMLDocument();

// قم بإنشاء عنصر نمط وقم بتعيين قيم نمط الحدود ولون الحدود لعنصر الجدول
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// ابحث عن عنصر رأس المستند وقم بإلحاق عنصر النمط بالرأس
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// قم بتعريف نص متغير يشير إلى<body> عنصر
Element body = document.getBody();

// إنشاء عنصر الجدول
Element table = document.createElement("table");

// إنشاء نص الجدول
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// إنشاء صف رأس الجدول 
Element tr = document.createElement("tr");
tbody.appendChild(tr);

// إنشاء خلية رأس الجدول 1
Element th = document.createElement("th");
Text title = document.createTextNode("Person Details");
th.appendChild(title);
tr.appendChild(th);

// حدد كولسبان
th.setAttribute("colspan", "2");

// إنشاء صف بيانات الجدول 
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// إنشاء خلية رأس الجدول 1
th = document.createElement("th");
title = document.createTextNode("Name");
th.appendChild(title);
dataTr.appendChild(th);

// إنشاء خلية بيانات الجدول 2
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);

// إنشاء صف بيانات الجدول 
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// إنشاء خلية رأس الجدول
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
dataTr.appendChild(th);

// حدد كولسبان
th.setAttribute("rowspan", "2");

// إنشاء خلية بيانات الجدول
td = document.createElement("td");
data = document.createTextNode("123-456-780");
td.appendChild(data);
dataTr.appendChild(td);

// إنشاء صف بيانات الجدول 
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// إنشاء خلية بيانات الجدول
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);

// إلحاق الجدول بالجسم
body.appendChild(table);

// احفظ المستند في ملف
document.save(savePath);
إنشاء جدول HTML باستخدام Rowspan وColspan في Java

إنشاء جدول HTML باستخدام Rowspan وColspan في Java

احصل على ترخيص مجاني

من فضلك الحصول على ترخيص مؤقت مجاني لتجربة Aspose.HTML لـ Java دون قيود التقييم.

مولد جدول HTML على الإنترنت

يمكنك أيضًا إنشاء جداول HTML عبر الإنترنت باستخدام تطبيق الويب المجاني مولد جدول HTML، والذي تم تطويره باستخدام واجهة برمجة التطبيقات هذه.

إنشاء جدول HTML – مصادر التعلم

إلى جانب إنشاء جداول HTML، تعرف على المزيد حول إنشاء مستندات HTML ومعالجتها وتحويلها، واستكشف العديد من الميزات الأخرى للمكتبة باستخدام الموارد أدناه:

خاتمة

في هذه التدوينة، تعلمنا كيفية إنشاء جداول HTML في Java. باتباع الخطوات الموضحة في هذه المقالة، يمكنك بسهولة تطوير الحلول المخصصة الخاصة بك للتعامل مع جداول HTML. في حالة وجود أي غموض، فلا تتردد في الاتصال بنا على منتدى الدعم المجاني الخاص بنا.

أنظر أيضا