使用Razor视图创建表格

使用Razor视图来生成HTML表格是ASP.NET MVC或ASP.NET Core MVC中常见的做法。这种方法将前端展示逻辑与后端业务逻辑分离，使得代码更加模块化、清晰和易于维护。

以下是如何使用Razor视图来生成HTML表格的基本步骤：

1. 定义模型

首先，你需要定义一个模型（Model），它代表了表格中的一行数据。例如：

public class Person
{
    public int Id { get; set; }
    public string Name { get; set; }
    public int Age { get; set; }
}

2. 准备数据

在你的控制器（Controller）中，准备你想要在表格中展示的数据。这通常意味着你会从数据库、服务或其他数据源中获取这些数据，并将它们放入一个集合中，如List<Person>。

public class HomeController : Controller
{
    public IActionResult Index()
    {
        // 假设这是从数据库或其他数据源获取的数据
        var people = new List<Person>
        {
            new Person { Id = 1, Name = "Alice", Age = 30 },
            new Person { Id = 2, Name = "Bob", Age = 25 },
            // ... 添加更多数据
        };

        // 将数据传递给视图
        return View(people);
    }
}

3. 创建Razor视图

然后，你需要创建一个Razor视图来展示这些数据。在ASP.NET Core MVC项目中，你可以通过右键点击Views/Home文件夹（或相应的控制器文件夹），选择“添加” -> “视图”来创建视图。确保视图的名称与你的控制器方法名称相匹配（在这个例子中是Index），并选择将模型传递给视图的选项。

在视图中，你将使用Razor语法来迭代模型集合，并为每个项生成一个表格行（<tr>）。

@model List<Person>

@{
    ViewData["Title"] = "People List";
}

<h1>People List</h1>

<table border="1">
    <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Age</th>
    </tr>
    @foreach (var person in Model)
    {
        <tr>
            <td>@person.Id</td>
            <td>@person.Name</td>
            <td>@person.Age</td>
        </tr>
    }
</table>

4. 运行和测试

现在，当你运行应用程序并导航到对应的URL（通常是http://localhost:<port>/Home/Index，但具体取决于你的路由配置）时，你应该会看到一个包含你数据的HTML表格。

注意事项

• 确保你的控制器方法返回了正确的视图名称，并且视图文件位于正确的位置。
• 如果你使用的是ASP.NET Core MVC的默认路由配置，并且你的控制器名为HomeController，那么当你访问/Home/Index时，会调用Index方法，并展示其对应的视图。
• 如果你在项目中使用了不同的路由配置或控制器名称，请相应地调整URL。
• 在真实的项目中，你可能会从数据库或其他数据源动态获取数据，而不是在控制器中硬编码它们。