צור טבלת HTML ב-Java

HTML טבלאות מציגות נתונים בפורמט רשת בדפי אינטרנט. טבלה מארגנת נתונים טבלאיים בצורה של שורות ועמודות, כאשר כל תא יכול להכיל טקסט, תמונות, קישורים או רכיבי HTML אחרים. בפוסט זה בבלוג, נלמד כיצד ליצור טבלת HTML ב-Java.

מאמר זה עוסק בנושאים הבאים:

  1. Java API ליצירת טבלאות HTML
  2. צור טבלת HTML
  3. צור טבלת HTML עם תכונת סגנון
  4. טבלת HTML עם rowspan ו-colspan
  5. מחולל טבלאות HTML מקוון
  6. משאבי למידה בחינם

Java API ליצירת טבלת HTML

נשתמש ב-Aspose.HTML עבור Java כדי ליצור טבלאות HTML באופן פרוגרמטי. זה מאפשר למפתחים לעבוד עם מסמכי HTML ביישומי Java. הוא מאפשר ניתוח HTML, רינדור, עריכה והמרה של מסמכי HTML לפורמטים נתמכים אחרים .

אנא הורד את ה-JAR של ה-API או הוסף את תצורת 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 ב-Java

טבלת HTML מוגדרת באמצעות ה- <table> אלמנט, והמבנה שלו מצוין עוד יותר באמצעות אלמנטים שונים אחרים, כגון <tr> עבור שורות, <th> עבור תאי כותרת, ו <td> עבור תאי נתונים.

אנו יכולים ליצור בקלות טבלת HTML על ידי ביצוע השלבים הבאים:

  1. צור מופע של המחלקה HTMLDocument.
  2. לחלופין, צור אלמנט בסגנון וצרף אותו לאלמנט ה-head.
  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 ב-Java

צור טבלת HTML ב-Java

צור טבלת HTML עם תכונת סגנון ב-Java

דוגמת הקוד הבאה מראה כיצד ליצור טבלת 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 עם תכונת סגנון ב-Java

צור טבלת HTML עם תכונת סגנון ב-Java

צור טבלת 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);

// ציין Colspan
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);

// ציין Colspan
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 החינמית הזו, שפותחה באמצעות ממשק API זה.

יצירת טבלת HTML - משאבי למידה

מלבד יצירת טבלאות HTML, למד עוד על יצירה, מניפולציה והמרת מסמכי HTML, וחקור תכונות שונות אחרות של הספרייה באמצעות המשאבים הבאים:

סיכום

בפוסט זה בבלוג, למדנו כיצד ליצור טבלאות HTML ב-Java. על ידי ביצוע השלבים המתוארים במאמר זה, תוכל בקלות לפתח פתרונות מותאמים אישית משלך לעבודה עם טבלאות HTML. בכל מקרה של אי בהירות, אנא אל תהסס לפנות אלינו בפורום התמיכה החינמי שלנו.

ראה גם