Cách tốt nhất để tạo HTML trong mã C # là gì? [đóng cửa]

Tôi có niềm tin rằng đánh dấu nên duy trì ở trạng thái đánh dấu và không nằm trong mã phía sau.

Tôi đã đi đến một tình huống mà tôi nghĩ việc xây dựng HTML theo mã phía sau là chấp nhận được. Tôi muốn có một số sự đồng thuận về những gì các thực tiễn tốt nhất nên hoặc nên được.

Khi nào được chấp nhận để xây dựng html trong mã phía sau? Phương pháp tốt nhất để tạo html này là gì? (ví dụ: Chuỗi, StringBuilder, HTMLWriter, v.v.)

Là sử dụng một cái gì đó như dao cạo không áp dụng ở đây? Bởi vì nếu bạn đang thực hiện nhiều thế hệ html bằng cách sử dụng công cụ xem có thể làm cho nó dễ dàng hơn nhiều. Nó cũng được xây dựng để sử dụng bên ngoài ASP.NET.

Tuy nhiên đôi khi đó không phải là những gì bạn cần. Bạn đã xem xét sử dụng lớp TagBuilder là một phần của .net (mvc) chưa? Ngoài ra còn có HtmlWriter trong System.Web.UI (dành cho các mẫu web). Tôi muốn giới thiệu một trong những thứ này nếu bạn đang làm Controlshoặc Html Helpers.

Tôi sẽ sử dụng Gói Agility Html để tập hợp HTML và sau đó viết nó ra tệp văn bản.

Rất nhiều giờ đã đi vào để làm cho Gói Agility Agml mạnh mẽ và thân thiện với HTML tương thích với HTML.

Tôi nghĩ rằng nó thậm chí bao gồm một ứng dụng mẫu tạo HTML.

Từ trang chủ:

Ứng dụng mẫu:

Sửa lỗi trang hoặc tạo. Bạn có thể sửa một trang theo cách bạn muốn, sửa đổi DOM, thêm các nút, sao chép các nút, ... bạn đặt tên cho nó.

Tôi sẽ sử dụng htmltags để tạo HTML.

Thí dụ:

var tag = new HtmlTag("span")
    .Text("Hello & Goodbye")
    .AddClass("important")
    .Attr("title", "Greetings")

Và sau đó là CSQuery nếu tôi muốn phân tích HTML

Thí dụ:

dom.Select("div > span")
    .Eq(1)
    .Text("Change the text content of the 2nd span child of each div");

Tất nhiên, có những thư viện ngoài kia, chẳng hạn như Gói Agility HTML có thể hỗ trợ bạn trong những nỗ lực này.

Nếu bạn thực sự không muốn sử dụng một thư viện hiện có và muốn mã đơn giản, bẩn thỉu, tôi thích ý tưởng trừu tượng hóa một số hành vi như câu trả lời trước đó đã nêu. Tôi cũng thích ý tưởng sử dụng StringBuilder bên dưới, trái ngược với chuỗi vì một vài lý do:

1. Chuỗi kém hiệu quả hơn trình tạo chuỗi
2. StringBuilder là một cấu trúc dữ liệu có thể lập chỉ mục,

Nếu tôi không cần một công cụ HTML được thiết kế ồ ạt, tôi sẽ xây dựng một giao diện đơn giản, trực quan

AddLineBreak();
AddSimpleTag(string tagName);
AddSimpleTagAt(string tagName, string content, int index);
Output();

Nếu bạn cuối cùng chỉ sử dụng các chuỗi, đừng quên thoát tất cả các ký tự dành riêng HTML trong dữ liệu đầu ra của bạn.

&    &
>    >
<    &lt;
"    &quot;
'    &apos;

Tuy nhiên, tôi khuyên bạn nên sử dụng một lớp hoặc thư viện nhận biết HTML thay vì làm việc trực tiếp với các chuỗi. HTMLWriter có vẻ như là một khởi đầu khá tốt.

Gần hai năm sau bài viết gốc - đây là một giải pháp đã làm việc tốt cho tôi. Trong tài liệu đích tôi đặt như sau:

<table>    
    <%:theHtmlTableMomToldYouAbout() %>    //# Where I want my rows of table data to go
</table>

Hàm được gọi trông như thế này:

    public HtmlString theHtmlTableMomToldYouAbout()
    {
        string content = "";
        HtmlString theEnvelopePlease = null;

        for (int i = 0; i < 5; i++)
        {
            content = content + "<tr><td>The Number Is: " + i + "</td></tr>";
        }
        theEnvelopePlease = new HtmlString(content);
        return theEnvelopePlease;      
    }

Và kết quả đầu ra trong trình duyệt đúng như mong đợi:
Số là: 0
Số là: 1
Số là: 2
Số là: 3
Số là: 4

Khi tôi đi xem nguồn tôi tìm thấy như sau:

<table>
    <tr><td>The Number Is: 0</td></tr>
    <tr><td>The Number Is: 1</td></tr>
    <tr><td>The Number Is: 2</td></tr>
    <tr><td>The Number Is: 3</td></tr>
    <tr><td>The Number Is: 4</td></tr>
</table>

NGỌN LƯA TRÊN!

var html = "";
html += "<table class='colorful'>";
foreach(var item in collection) {
     html += "<tr>";
     html += "<td class='boldCell'>" + item.PropWhatever + "</td>";
     // more cells here as needed
     html += "</tr>";
}
html += "</table>";
placeholder1.InnerHtml = html;

Tôi sẽ thăm dò ý kiến ​​này, nhưng là một nhà thiết kế trước đây đã phải chỉnh sửa mã HTML trước khi tôi thực sự biết nhiều về .NET, đoạn mã trên dễ hiểu hơn các phương pháp tạo HTML trừu tượng. Nếu bạn nghĩ rằng một nhà thiết kế có thể phải chỉnh HTML của bạn, hãy sử dụng các chuỗi đơn giản như thế này.

Một cái gì đó tôi thấy rất nhiều nhà phát triển bỏ lỡ khi họ viết HTML bằng mã là trong HTML, dấu ngoặc đơn hoặc dấu ngoặc kép được phép cho các thuộc tính. Vì vậy, thay vì thoát tất cả các dấu ngoặc kép trong mã (trông có vẻ như là địa ngục đối với người không bắt đầu), chỉ cần sử dụng dấu ngoặc đơn cho dấu ngoặc kép bên trong chuỗi của bạn.

KHỎE. Tất cả những người ghét bạn nối dây đều là người đại diện của tôi. Đây là cách 'phù hợp' để thực hiện việc này mà không cần nối chuỗi, nhưng tôi cho rằng bất kỳ trang bình thường nào có bảng bình thường sẽ không có bất kỳ vấn đề nào về hiệu suất bên ngoài quy mô giống như Google:

var sb = new System.Text.StringBuilder();
sb.Append("<table class='colorful'>");
foreach (var item in collection)
{
     sb.Append("<tr>");
     sb.Append("<td class='boldCell'>" + item.PropWhatever + "</td>");
     // more cells here as needed
     sb.Append("</tr>");
}
sb.Append("</table>");
placeholder1.InnerHtml = sb.ToString();