当前位置:   article > 正文

如何在C\#中创建HTML表格

如何在C\#中创建HTML表格

在C#中创建HTML表格通常不是直接由C#语言本身完成的,因为C#是一种面向对象的编程语言,主要用于后端逻辑处理。然而,在Web开发中,你可能会在C#代码(如在ASP.NET MVC、ASP.NET Core MVC或Razor Pages应用程序中)中生成HTML表格的字符串,或者更常见的是,使用Razor视图引擎来动态生成HTML表格。

以下是两种在C#环境中创建HTML表格的方法:

方法1:使用字符串构建器(StringBuilder)

这种方法适用于需要手动构建HTML字符串的场景,例如,在控制器中构建表格字符串并将其发送到视图或作为响应发送回客户端。

using System;
using System.Text;

public class HtmlTableBuilder
{
    public string BuildTable(List<MyModel> models)
    {
        var sb = new StringBuilder();

        sb.AppendLine("<table border='1'>");
        sb.AppendLine("<tr>");
        sb.AppendLine("<th>ID</th>");
        sb.AppendLine("<th>Name</th>");
        sb.AppendLine("<th>Age</th>");
        sb.AppendLine("</tr>");

        foreach (var model in models)
        {
            sb.AppendLine("<tr>");
            sb.AppendLine($"<td>{model.Id}</td>");
            sb.AppendLine($"<td>{model.Name}</td>");
            sb.AppendLine($"<td>{model.Age}</td>");
            sb.AppendLine("</tr>");
        }

        sb.AppendLine("</table>");

        return sb.ToString();
    }
}

public class MyModel
{
    public int Id { get; set; }
    public string Name { get; set; }
    public int Age { get; set; }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37

方法2:使用Razor视图

在ASP.NET MVC或ASP.NET Core MVC等框架中,更常见的做法是使用Razor视图引擎来生成HTML表格。你只需将模型传递给视图,并在视图中使用Razor语法来迭代模型并生成表格。

Controller代码

public IActionResult Index()
{
    var models = new List<MyModel>
    {
        new MyModel { Id = 1, Name = "Alice", Age = 30 },
        new MyModel { Id = 2, Name = "Bob", Age = 25 },
        // 添加更多模型...
    };

    return View(models);
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

Razor视图代码(Index.cshtml)

@model List<MyModel>

<table border="1">
    <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Age</th>
    </tr>
    @foreach (var item in Model)
    {
        <tr>
            <td>@item.Id</td>
            <td>@item.Name</td>
            <td>@item.Age</td>
        </tr>
    }
</table>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17

在这个例子中,Controller中的Index方法创建了一个MyModel对象的列表,并将其作为模型传递给名为Index的视图。视图使用Razor语法来迭代模型并动态生成HTML表格。

通常情况下,第二种方法(使用Razor视图)是更受推荐的做法,因为它将前端展示逻辑与后端业务逻辑分离,使得代码更加清晰和易于维护。

本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/空白诗007/article/detail/901062
推荐阅读
相关标签
  

闽ICP备14008679号