ایجاد جدول HTML در جاوا

جداول HTML داده ها را در قالب شبکه ای در صفحات وب نمایش می دهند. یک جدول داده های جدولی را در قالب ردیف ها و ستون ها سازماندهی می کند، جایی که هر سلول می تواند حاوی متن، تصاویر، پیوندها یا سایر عناصر HTML باشد. در این پست وبلاگ با نحوه ایجاد جدول HTML در جاوا آشنا می شویم.

این مقاله موضوعات زیر را پوشش می دهد:

  1. API جاوا برای ایجاد جداول HTML
  2. ایجاد یک جدول HTML
  3. یک جدول HTML با ویژگی سبک ایجاد کنید
  4. جدول HTML با rowspan و colspan
  5. سازنده آنلاین جدول HTML
  6. منابع آموزشی رایگان

Java API برای ایجاد جدول HTML

ما از Aspose.HTML برای جاوا برای ایجاد جداول HTML به صورت برنامه‌نویسی استفاده خواهیم کرد. این برنامه توسعه دهندگان را قادر می سازد تا با اسناد HTML در برنامه های جاوا کار کنند. این امکان تجزیه، رندر، ویرایش و تبدیل اسناد HTML به دیگر [فرمت های پشتیبانی شده] را فراهم می کند.

لطفاً JAR API را دانلود کنید یا پیکربندی pom.xml زیر را در یک برنامه جاوا مبتنی بر 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. در صورت تمایل، یک عنصر سبک ایجاد کنید و آن را به عنصر head اضافه کنید.
  3. ایجاد <table>,<tbody> ,<tr> ,<th>، و <td> عناصر با استفاده از متد ()createElement.
  4. با استفاده از متد ()appendChild عناصر فرزند را به عناصر والد خود اضافه کنید.
  5. پس از آن، <table> عنصر به <body> عنصر
  6. در نهایت متد save() را فراخوانی کنید تا سند در مسیر فایل داده شده ذخیره شود.

نمونه کد زیر نحوه ایجاد جدول HTML در جاوا را نشان می دهد.

// مسیری را برای ذخیره فایل ویرایش شده آماده کنید 
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 style=";text-align:right;direction:rtl"> عنصر
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 با ویژگی Style در جاوا ایجاد کنید

نمونه کد زیر نحوه ایجاد جدول HTML با ویژگی های سبک در جاوا را نشان می دهد.

// مسیری را برای ذخیره فایل ویرایش شده آماده کنید 
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 style=";text-align:right;direction:rtl"> عنصر
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 با ویژگی Style در جاوا ایجاد کنید

جدول HTML با ویژگی Style در جاوا ایجاد کنید

جدول HTML را با Rowspan و Colspan در جاوا ایجاد کنید

<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 style=";text-align:right;direction:rtl"> عنصر
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 در جاوا ایجاد کنید

جدول HTML را با Rowspan و Colspan در جاوا ایجاد کنید

مجوز رایگان دریافت کنید

لطفاً یک مجوز موقت رایگان دریافت کنید تا Aspose.HTML را برای جاوا بدون محدودیت ارزیابی امتحان کنید.

HTML Table Generator آنلاین

همچنین می توانید جداول HTML را به صورت آنلاین با استفاده از این برنامه وب رایگان HTML table generator ایجاد کنید که با استفاده از این API توسعه یافته است.

ایجاد جدول HTML – منابع یادگیری

علاوه بر ایجاد جداول HTML، درباره ایجاد، دستکاری و تبدیل اسناد HTML بیشتر بیاموزید و با استفاده از منابع زیر، ویژگی‌های مختلف کتابخانه را بررسی کنید:

نتیجه

در این پست وبلاگ نحوه ایجاد جداول HTML در جاوا را یاد گرفتیم. با دنبال کردن مراحل ذکر شده در این مقاله، می توانید به راحتی راه حل های سفارشی خود را برای کار با جداول HTML ایجاد کنید. در صورت وجود هرگونه ابهام، لطفاً با ما در تالار گفتمان پشتیبانی رایگان تماس بگیرید.

همچنین ببینید