如何根据 ASP.NET MVC 中 html 视图中的评级显示星星？

Question

我正在构建一个 asp.net mvc 应用程序。我使用星星在页面上显示资源的评级。根据平均评级，应显示相同数量的星星。

我已经写出以下代码：

<span class="glyphicon glyphicon-star"></span> // displays 1 star
<span class="glyphicon glyphicon-star-empty"></span> // display 1 empty star

// Displays the average ratings float value
@foreach(var resource in ViewBag.Resources)
{
  <p>@resource.Ratings</p>
}

我想要显示这样的东西

@foreach(var resource in ViewBag.Resources)
{
  @resource.Ratings * <span class="glyphicon glyphicon-star" /> (1-@resource.Ratings) * <span class="glyphicon glyphicon-star-empty" />
}

如何才能做到这一点？谢谢

Answer 1

@for (int i = 0; i < Int32.Parse(@resource.Ratings); i++)
{ 
     <span class="glyphicon glyphicon-star"></span>
}
@for (int i = Int32.Parse(@resource.Ratings); i < 5; i++ )
{ 
     <span class="glyphicon glyphicon-star-empty"></span>
}
@resource.Ratings stars