Jaki jest najlepszy sposób tworzenia HTML w kodzie C #? [Zamknięte]

Uważam, że znaczniki powinny pozostać narzutami, a nie kodem z tyłu.

Doszedłem do sytuacji, w której myślę, że dopuszczalne jest budowanie kodu HTML w kodzie z tyłu. Chciałbym mieć konsensus co do tego, jakie najlepsze praktyki są lub powinny być.

Kiedy dopuszczalne jest budowanie kodu HTML w kodzie z tyłu? Jaka jest najlepsza metoda utworzenia tego HTML? (przykład: Strings, StringBuilder, HTMLWriter itp.)

Czy używanie czegoś takiego jak Razor nie ma tutaj zastosowania? Ponieważ jeśli generujesz dużo html przy użyciu silnika widoku, możesz to znacznie ułatwić. Został również zbudowany do użytku poza ASP.NET.

Czasami jednak nie jest to potrzebne. Czy rozważałeś użycie klasy TagBuilder, która jest częścią .net (mvc)? Istnieje również HtmlWriter w System.Web.UI (dla formularzy internetowych). Polecam jeden z nich, jeśli robisz Controlslub Html Helpers.

Chciałbym użyć Html Agility Pack do złożenia HTML, a następnie zapisać go do pliku tekstowego.

Wiele roboczogodzin poświęcono na uczynienie pakietu HTML Agility Pack solidnym i zgodnym z HTML-em.

Myślę, że zawiera nawet przykładową aplikację, która generuje HTML.

Ze strony głównej:

Przykładowe aplikacje:

Ustalanie lub generowanie strony. Możesz naprawić stronę tak, jak chcesz, zmodyfikować DOM, dodać węzły, skopiować węzły, no cóż ... nazwij go.

Użyłbym htmltags do tworzenia HTML.

Przykład:

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

A potem CSQuery, jeśli chcę parsować HTML

Przykład:

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

Istnieją oczywiście biblioteki, takie jak HTML Agility Pack, które mogą pomóc w tych staraniach.

Jeśli naprawdę nie chcesz korzystać z istniejącej biblioteki i chcesz prostego, nieczytelnego kodu, podoba mi się pomysł wyodrębnienia niektórych zachowań, jak podano w poprzedniej odpowiedzi. Podoba mi się również pomysł użycia leżącego u podstaw StringBuilder, w przeciwieństwie do ciągu z kilku powodów:

1. Ciągi są mniej wydajne niż narzędzie do tworzenia ciągów
2. StringBuilder to indeksowana struktura danych,

Gdybym nie potrzebował silnie zaprojektowanego silnika HTML, zbudowałbym prosty, intuicyjny interfejs

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

Jeśli ostatecznie użyjesz tylko ciągów znaków, nie zapomnij uciec wszystkich znaków zastrzeżonych HTML w danych wyjściowych.

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

Zalecam jednak użycie klasy lub biblioteki obsługującej HTML zamiast bezpośredniej pracy z łańcuchami. HTMLWriter wygląda na całkiem dobry początek.

Prawie dwa lata po opublikowaniu pierwszego postu - oto rozwiązanie, które dobrze mi się sprawdziło. W dokumencie docelowym umieszczam:

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

wywoływana funkcja wygląda następująco:

    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;      
    }

Wynik w przeglądarce jest zgodny z oczekiwaniami: Liczba to: 0
Liczba to: 1
Liczba to: 2
Liczba to: 3
Liczba to: 4

Kiedy idę do źródła, znajduję:

<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>

PŁOMIENIE NA!

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;

Prawdopodobnie zostanę za to zlekceważony, ale jako były projektant, który musiał poprawić HTML w kodzie, zanim naprawdę wiedziałem dużo o .NET, powyższy kod był znacznie łatwiejszy do zrozumienia niż metody abstrakcyjnego tworzenia HTML. Jeśli uważasz, że projektant może kiedykolwiek potrzebować poprawić kod HTML, użyj prostych ciągów takich jak ten.

Coś, co widzę, że wielu deweloperów tęskni za pisaniem HTML w kodzie, polega na tym, że w HTML dozwolone są pojedyncze lub podwójne cudzysłowy dla atrybutów. Zamiast więc uciekać od wszystkich cytatów w kodzie (które dla niezainicjowanych wyglądają dziwacznie jak diabli), po prostu użyj pojedynczych cudzysłowów dla cudzysłowów HTML w swoich ciągach.

W PORZĄDKU. Ci wszyscy, którzy cię nienawidzą, łączą cię ze mną. Oto „właściwy” sposób na zrobienie tego bez łączenia łańcuchów, ale podtrzymuję moją opinię, że każda normalna strona z normalnymi tabelami nie przedstawi żadnych problemów z wydajnością poza jakąś śmieszną skalą podobną do 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();