从数据库获取计数并显示在html页面中

时间:2019-12-17 05:47:50

标签: c# sql-server asp.net-mvc

ASP.NET MVC应用程序,因此我启动了一个新程序,该程序包含基于该组的数据库中的项目计数,并且我已经使用ASP.NET MVC进行了此操作。

我的模型课有以下详细信息

public class Project
{
    public int ProjectID { get; set; }
    [Required]
    public string ProjectName { get; set; }
    [Required]
    public string ProjectDescription { get; set; }
    [Required]
    public string ProjectScope { get; set; }
    [Required]
    public string ProjectFamily { get; set; }
    [Required]
    public string ProjectBucket { get; set; }
    [Required]
    public string ProjectType { get; set; }
    [Required]
    public string ProjectStatus { get; set; }

    public string Categoryname { get; set; }
    public int Count { get; set; }
}

并且Controller具有以下代码

public IActionResult Count()
    {
        //Your EntityModel or business logic for fetching the records.
        ProjectDataAcces entities = new ProjectDataAcces();
        var images = entities.GetAllProject().GroupBy(n => n.ProjectFamily)
                            .Select(g => new { ProjectFamily = g.Key, Count = g.Count() }).ToList();
        List<Project> imagesList = new List<Project>();
        for (int i = 0; i < images.ToList().Count; i++)
        {
            imagesList.Add(new Project { ProjectFamily = images[i].ProjectFamily, Count = images[i].Count });
        }
        return View(imagesList);

    }

使用此方法我必须在我的视图页面中获得计数。我该怎么办?

我的查看页面是

                                <div class="col-6 col-md-4 col-xl-2">
                                    <div class="card ca-bg">
                                        <div class="card-body ribbon bucket-cursor">
                                            <div class="ribbon-box orange" id="count1"></div>
                                            <div class="my_sort_cut text-muted1">
                                                <i class="icon-list"></i>
                                                <span>800xA Incl Safety</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6 col-md-4 col-xl-2">
                                    <div class="card ca-bg">
                                        <div class="card-body ribbon  bucket-cursor">
                                            <div class="ribbon-box orange" id="count2"></div>
                                            <div class="my_sort_cut text-muted1">
                                                <i class="icon-like"></i>
                                                <span>Aprol</span>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-6 col-md-4 col-xl-2">
                                    <div class="card ca-bg">
                                        <div class="card-body ribbon bucket-cursor">
                                            <div class="ribbon-box orange" id="count3"></div>
                                            <div class="my_sort_cut  text-muted1 ">
                                                <i class="icon-credit-card"></i>
                                                <span>Compact Products</span>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-6 col-md-4 col-xl-2">
                                    <div class="card ca-bg">
                                        <div class="card-body ribbon bucket-cursor">
                                            <div class="ribbon-box orange" id="count4"></div>
                                            <div class="my_sort_cut  text-muted1 ">
                                                <i class="icon-doc"></i>
                                                <span>Freelance</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>

在此,我必须在id =“ count1” id =“ count2”位置显示计数。...如何按分组方式查看计数?

2 个答案:

答案 0 :(得分:1)

您可以使用foreach循环来实现您的功能。 foreach循环将遍历您的List并显示列表中的每个元素。具体针对您的情况,您可以执行以下操作:

  @foreach(var image in Model.imagesList)
  {
    <div class="col-6 col-md-4 col-xl-2">
      <div class="card ca-bg">
        <div class="card-body ribbon bucket-cursor">
            <div class="ribbon-box orange" id="@image.Count"></div>
                <div class="my_sort_cut text-muted1">
                    <i class="icon-list"></i>
                    <span>@image.ProjectFamily</span>
                </div>
            </div>
        </div>
     </div>
  }

答案 1 :(得分:-1)

您可以使用Foreach查询而不是在视图中使用LINQ来获取变量中的计数,并将变量传递给ViewBag并在视图中使用该{{ 1}}

这里是一个例子:

ViewBag
相关问题