การทำให้การเติมเต็มตาราง HTML ใน ASP.NET ง่ายขึ้น: คู่มือที่ครอบคลุม

เมื่อพัฒนาแอปพลิเคชันเว็บโดยใช้ ASP.NET คุณอาจพบว่ามักจะต้องแสดงข้อมูลในรูปแบบที่เป็นระบบ เช่น ตาราง HTML งานนี้อาจมีความซับซ้อนแตกต่างกันไปตามวิธีการที่คุณเลือกใช้ ในโพสต์บล็อกนี้ เราจะสำรวจสองวิธีทั่วไปในการเติมเต็มตาราง HTML ใน ASP.NET โดยเฉพาะคือการใช้ Repeater controls เทียบกับการสร้างตารางในโค้ด หลังจากที่ได้อ่านจบ คุณจะมีความเข้าใจชัดเจนถึงวิธีใดที่อาจเหมาะสมที่สุดในสถานการณ์ของคุณ

ความท้าทาย: การเติมเต็มตาราง HTML

คุณได้สร้างหน้า ASPX และกำลังใช้ asp:Repeater control เพื่อเติมเต็มตาราง HTML ของคุณด้วยข้อมูลหนังสือจากฐานข้อมูล ขณะที่วิธีการที่คุณมีอยู่นั้นใช้งานได้ คุณอาจสงสัยว่ามีวิธีที่ง่ายหรือมีประสิทธิภาพกว่านี้ในการบรรลุผลลัพธ์เดียวกันหรือไม่ นี่คือวิธีการที่การนำเสนอปัจจุบันของคุณดู:

การตั้งค่าปัจจุบัน

<asp:Repeater ID="RepeaterBooks" runat="server">
    <HeaderTemplate>
        <table class="report">
            <tr>
                <th>เผยแพร่</th>
                <th>ชื่อเรื่อง</th>
                <th>ผู้แต่ง</th>
                <th>ราคา</th>
            </tr>
    </HeaderTemplate>
    <ItemTemplate>
            <tr>
                <td><asp:Literal ID="LiteralPublished" runat="server" /></td>
                <td><asp:Literal ID="LiteralTitle" runat="server" /></td>
                <td><asp:Literal ID="LiteralAuthor" runat="server" /></td>
                <td><asp:Literal ID="LiteralPrice" runat="server" /></td>
            </tr>
    </ItemTemplate>
    <FooterTemplate>
        </table>
    </FooterTemplate>
</asp:Repeater>

ตัวอย่างโค้ดเบื้องหลัง

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    Dim db As New BookstoreDataContext
    RepeaterBooks.DataSource = From b In db.Books Order By b.Published Select b
    RepeaterBooks.DataBind()
End Sub

แม้ว่าวิธีการนี้จะตรงไปตรงมา แต่ก็มีข้อกังวลเกี่ยวกับประสิทธิภาพที่ต้องพิจารณา โดยเฉพาะอย่างยิ่งกับชุดข้อมูลขนาดใหญ่

ข้อเสนอแนะ: การสร้างตารางในโค้ด

แทนที่จะพึ่งพา Repeater control เพียงอย่างเดียว คุณอาจพบว่าการสร้างตารางโดยตรงในโค้ดเบื้องหลังของคุณสามารถนำมาซึ่งประสิทธิภาพที่ดีขึ้น นี่คือวิธีการที่คุณสามารถดำเนินการในแนวทางนี้:

1. แก้ไขหน้า ASPX

เริ่มต้นโดยการกำหนดตาราง HTML ที่เรียบง่ายโดยไม่มี Repeater control

<table class="report" id="bookTable" runat="server">
    <tr>
        <th>เผยแพร่</th>
        <th>ชื่อเรื่อง</th>
        <th>ผู้แต่ง</th>
        <th>ราคา</th>
    </tr>
</table>

2. อัปเดตโค้ดเบื้องหลัง

ถัดไปให้ปรับปรุงวิธีการ Page_Load ของคุณเพื่อดำเนินการตามลอจิกการสร้างตารางของคุณ นี่คือตัวอย่างของวิธีการที่สามารถจัดโครงสร้างได้:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    If Not Page.IsPostback Then
        BuildTable()
    End If
End Sub

Private Sub BuildTable()
    Dim db As New BookstoreDataContext
    Dim bookCollection = From b In db.Books Order By b.Published Select b
    Dim row As HtmlTableRow
    Dim cell As HtmlTableCell

    For Each book As Books In bookCollection
        row = New HtmlTableRow()
        cell = New HtmlTableCell With {.InnerText = book.Published.ToShortDateString}
        row.Controls.Add(cell)
        cell = New HtmlTableCell With {.InnerText = TryNbsp(HttpContext.Current.Server.HtmlEncode(book.Title))}
        row.Controls.Add(cell)
        cell = New HtmlTableCell With {.InnerText = TryNbsp(HttpContext.Current.Server.HtmlEncode(book.Author))}
        row.Controls.Add(cell)
        cell = New HtmlTableCell With {.InnerText = Format(book.Price, "c")}
        row.Controls.Add(cell)
        bookTable.Controls.Add(row)
    Next
End Sub

ข้อพิจารณาที่สำคัญ

• ประสิทธิภาพ: การสร้างตารางโดยตรงมักจะส่งผลให้มีประสิทธิภาพที่ดีกว่าเนื่องจากคุณหลีกเลี่ยงความซับซ้อนบางประการของ Reflection ที่เกี่ยวข้องกับคำสั่ง Eval ที่เกี่ยวข้องกับ Repeater
• ความเรียบง่าย: หากคุณให้ความสำคัญกับความอ่านง่ายและความเรียบง่าย วิธีการ Repeater ดั้งเดิมอาจทำงานได้ดีเช่นเดียวกัน โดยเฉพาะสำหรับชุดข้อมูลขนาดเล็ก

สรุป

ทั้งสองวิธีในการเติมเต็มตาราง HTML ใน ASP.NET มีจุดแข็งของตนเอง การใช้ Repeater control สามารถเป็นประโยชน์สำหรับสถานการณ์การผูกข้อมูลที่ซับซ้อน ขณะที่การสร้างตารางโดยตรงอาจเสนอข้อได้เปรียบด้านประสิทธิภาพ ขึ้นอยู่กับความต้องการเฉพาะของโครงการและชุดข้อมูลของคุณ คุณสามารถเลือกวิธีที่ดีที่สุด

ในท้ายที่สุด การเข้าใจความต้องการของคุณเป็นสิ่งสำคัญ—ไม่ว่าคุณจะมุ่งมั่นสู่ความเรียบง่ายหรือประสิทธิภาพ ทั้งสองวิธีเป็นวิธีที่ถูกต้อง สุขสันต์การเขียนโค้ด!