如何从 ASP .NET Core 中的控制器更新值进度条 bootstrap

Question

我有一个 table 接收我的用户的时事通讯电子邮件。我用计数在我的仪表板上显示它。但现在我想显示进度条及其上个月的百分比我该怎么办？我创建了另一个视图模型来显示一些东西的数量我可以显示它们的数量，但我也需要在进度条上显示。

我的视图模型：

       public class NewsLetterViewModel
            {
           
                public string Phone { get; set; }
        
           
                public string Email { get; set; }
         
                public DateTime CreateDate { get; set; }
            }

Answer 1

你可以试试用ViewBag来传递计数，percentage.Here是个demo:

操作：

public IActionResult News()
    {
        ViewBag.Count = 0;
        ViewBag.Percentage = 0;
        return View();
    }
    [HttpPost]
    public IActionResult News(NewsLetterViewModel n,int Count)
    {
        //you can pass the count and percentage with ViewBag here
        ViewBag.Count= Count+ 1;
        ViewBag.Percentage=25;
        return View();
    }

查看：

 <div>
    Count:@ViewBag.Count
</div>
    <div class="progress">
        <div class="progress-bar" role="progressbar" style="width: @ViewBag.Percentage%;" aria-valuenow="@ViewBag.Percentage" aria-valuemin="0" aria-valuemax="100">@ViewBag.Percentage%</div>
    </div>
<form  method="post">
    <input hidden name="Count" value="@ViewBag.Count" />
    <div class="form-group">
        <label asp-for="Phone" class="control-label"></label>
        <input asp-for="Phone" class="form-control" />
        <span asp-validation-for="Phone" class="text-danger"></span>
    </div>
    <div class="form-group">
        <label asp-for="Email" class="control-label"></label>
        <input asp-for="Email" class="form-control" />
        <span asp-validation-for="Email" class="text-danger"></span>
    </div>
    <div class="form-group">
        <label asp-for="CreateDate" class="control-label"></label>
        <input asp-for="CreateDate" class="form-control" />
        <span asp-validation-for="CreateDate" class="text-danger"></span>
    </div>
    <input type="submit"value="submit" />
</form>

结果：

如何从 ASP .NET Core 中的控制器更新值进度条 bootstrap

How to update value progress bar bootstrap from controller in ASP .NET Core

asp.net-core-mvc

viewmodel

progress