如何在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; }
}

方法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);
}

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>

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

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

  • 6
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员-张师傅

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值