如何在Razor视图HTML5中添加总计并显示求和结果？

你当前的代码只是把各个Count()方法和+符号直接输出到页面，并没有执行加法运算，最终页面会显示类似5+3+2的文本，而非求和后的结果。

下面提供两种可行的解决方法：

• 方法一：在视图中直接计算（适合简单场景）
  用括号包裹整个计算逻辑，让Razor引擎识别为C#表达式并执行运算：

  <td>@(Model.Brick1.Count() + Model.Brick2.Count() + Model.Brick3.Count())</td>
  

  这里的括号是关键，它告诉Razor要先计算括号内的加法，再把结果输出到HTML中。

• 方法二：后端提前计算（推荐，符合MVC设计原则）
  在你的ViewModel或控制器中预先计算好总计值，视图只负责展示：

  1. 在ViewModel中添加只读属性：

  public int TotalBricks => Brick1.Count() + Brick2.Count() + Brick3.Count();
  

  2. 视图中直接调用该属性：

  <td>@Model.TotalBricks</td>
  

  这种方式将计算逻辑从视图分离到后端，更利于代码维护和总计值的复用。

内容的提问来源于stack exchange，提问作者Sir_Ramirez777