如何使用Razor编写HTML行？

Question

我正在根据下图的模具在桌子上工作

但是，为了适应第3行中不同数量的行，我编写了此代码

<tbody>
        @{var foco = 3;}


        @for (int x = 0; x < foco; x++)
        {
            <tr>
                @{if (x == 0) {"<td rowspan='" + foco + "' class='col-md-3'>1</td>";}}
                <td class="col-md-2">2</td>
                <td class="col-md-5">3</td>
                <td class="col-md-2">4</td>
            </tr>
        }
    </tbody>

如何使if文本显示在屏幕上？

编辑：简而言之，我的目标是创建一个表，其中一个字段具有3个其他等效字段（根据需要可以具有更多或更少的字段），为此，我需要上面的代码来统一创建这些字段对我而言，但我无法执行此3td流程，但将1td较高

Answer 1

您不希望HTML在服务器端代码中成为文字字符串。相反，您希望服务器端代码仅包装常规的HTML标记。与您已在for结构中使用的语法几乎相同，唯一的区别是您似乎还想在HTML中输出值。相同的- @符号也用于此。

像这样：

@for (int x = 0; x < foco; x++)
{
    <tr>
        @if (x == 0)
        {
            <td rowspan="@foco" class="col-md-3">1</td>
        }
        <td class="col-md-2">2</td>
        <td class="col-md-5">3</td>
        <td class="col-md-2">4</td>
    </tr>
}

（请注意，这实际上不是C＃内容，它特定于Razor视图引擎语法。）