ASP dot net mvc - 将项目添加到列表不起作用，它什么也不做

Question

我正在使用 ASP.net mvc 制作一个 Web 应用程序。您可以在以下位置查看食谱：/recipe

问题是当我在 /recipe/create 添加食谱时，它不起作用。我希望它显示在 /recipe 页面上。 Recipe Page

所以我认为控制器或视图有问题，但我认为是控制器。

这里是 recipeController 的代码：

 public class RecipeController : Controller
{
    List<RecipeViewModel> vm = new List<RecipeViewModel>();

    public IActionResult Index()
    {
        foreach (var recept in MockDataRecipeFactory.GetRecipes())
        {
            vm.Add(new RecipeViewModel
            {
                Id = recept.Id,
                Name = recept.Name,
                Category = recept.Category,
                NumberOfIngredients = recept.Ingredients.Count
            });
        }
        return View(vm);
    }

    public IActionResult Create()
    {
        return View();
    }

    [HttpPost]
    public IActionResult Create(RecipeViewModel recipemodel)
    {
        vm.Add(new RecipeViewModel
        {
            Name = recipemodel.Name,
            Id = recipemodel.Id,
            Category = recipemodel.Category,
            NumberOfIngredients = recipemodel.NumberOfIngredients
        });

        return RedirectToAction("Index");
    }

我所做的是，我在顶部有一个 RecipeViewModel 列表，并将创建的项目添加到该列表中。

这里是 RecipeViewModel ：

    public class RecipeViewModel
{
    public int Id { get; set; }
    [DisplayName("Naam")]
    public string Name { get; set; }
    [DisplayName("Categorie")]
    public RecipeCategory Category { get; set; }
    [DisplayName("Aantal")]
    public int NumberOfIngredients { get; set; }
}

这是视图中的表单：

<div class="row">
<div class="col-md-4">
    <form asp-action="Create">
        <div class="form-group">
            <label asp-for="Id">Id:</label>
            <input asp-for="Id" type="text" class="form-control" name="id" />
        </div>
        <div class="form-group">
            <label asp-for="Name">Naam:</label>
            <input asp-for="Name" type="text" class="form-control" name="name" />
        </div>

        <div class="form-group">
            <label asp-for="Category">Categorie</label>
            <select class="form-control" asp-for="Category">
                <option value="0">none</option>
                <option value="0">Cake</option>
                <option value="0">Desert</option>
                <option value="0">Sidedish</option>
                <option value="0">Maincourse</option>
            </select>
        </div>
        <div class="form-group">
            <label asp-for="NumberOfIngredients">Aantal</label>
            <input asp-for="NumberOfIngredients" type="number" class="form-control" name="number" />
        </div>
        <button type="submit" class="btn btn-primary">Voeg toe</button>
    </form>
</div>

因此，当我添加食谱时，它会返回到食谱页面，但不会显示添加的食谱。我做错了什么？ Create Recipe Page

Answer 1

public class RecipeController : Controller
{
    List<RecipeViewModel> vm = new List<RecipeViewModel>();

您的vm 列表是一个实例字段。控制器和列表将在每次请求时再次创建。

对于简单（演示）解决方案，将其设为静态：

static List<RecipeViewModel> vm = new List<RecipeViewModel>();

这不是线程安全的，也不适合生产。但是你应该能够试驾它。