控制器仅将 1 个变量保存到数据库中

Question

我有一个 HttpPost 控制器，我试图用它从视图中获取数据并将模型数据存储到我的本地 mvc 数据库中。虽然当我测试表单（有 4 个输入供用户输入），提交它然后检查数据库时，只有 School.Date 保存到表中，其他 3 个变量为空（即使我在以及 School.Date)。

我的学校模型：

namespace BookingSys.Models
{
  public class School
  {
    public DateTime Date { get; set; }
    public int Id { get; set; }
    public string Name { get; set; }
    public string Email { get; set; }
    public int PhoneNumber { get; set; }
  }
}

我的预订视图控制器：

    [HttpGet]
    public ActionResult Booking()
    {
         var model = db.Dates.ToList();
         return View(model);
    }


    [HttpPost]
    public ActionResult Booking(School model)
    {
        db.Schools.Add(model);
        db.SaveChanges();
        return RedirectToAction("Booking");
    }

我的预订视图：

@model List<BookingSys.Models.Datepicker>

@{
  ViewBag.Title = "Booking";
}

<h2>School Bookings</h2>

<form asp-controller="School" asp-action="Booking" method="post">
  <br />
  <div>
    <label for="Date">Choose Date:</label>
    <input asp-for="School.Date" id="txtDate" name="Date" />
  </div>
  <br />
  <div>
    <label for="Name">School Name:</label>
    <input asp-for="School.Name" id="txtName" name="Name: " />
  </div>
  <br />
  <div>
    <label for="Email">Email:</label>
    <input asp-for="School.Email" id="txtEmail" name="Email: " />
  </div>
  <br />
  <div>
    <label for="Phone">Phone Number:</label>
    <input asp-for="School.PhoneNumber" id="txtPhone" name="Phone Number: 
" />
</div>
<br />
<input type="submit" value="Submit" class="submit" />
</form>

<link href="~/Content/themes/base/jquery-ui.min.css" rel="stylesheet" />

// jQuery UI Datepicker
@section scripts {

<script src="~/Scripts/jquery-ui-1.12.1.min.js"></script>
<script>
            jQuery(function () {

                var enableDays = ['@Html.Raw(string.Join("','", 
Model.Select(d => d.Date.ToString("dd-MM-yyyy"))))'];

                console.log(enableDays);

                function enableAllTheseDays(date) {
                    var sdate = $.datepicker.formatDate('dd-mm-yy', date)
                    console.log(sdate)
                    if ($.inArray(sdate, enableDays) != -1) {
                        return [true];
                    }
                    return [false];
                }

                $("#txtDate").datepicker({
                    dateFormat: "dd/MM/yy",
                    beforeShowDay: enableAllTheseDays,



                });

            });
</script>

@Scripts.Render("~/bundles/jqueryval")
}

<style>
 .my-class a {
    background-color: #07ea69 !important;
    background-image: none !important;
    color: #ffffff !important;
}
</style>

这就是数据库上下文的样子；日期保存没问题，但姓名、电子邮件和电话号码由于某种原因没有保存。有人知道为什么吗？

干杯

Answer 1

您的 name 属性对于您的文本框不正确，日期字段除外。 name 是您 POST 时绑定到模型的内容。

name="Name: " 应该是name="Name"，它应该与模型上的字段名称匹配。 （您似乎打算使用 placeholder 属性 - 即 placeholder="Name: "）

我实际上认为您不需要手动添加它们，因为当您输入asp-for 时，它应该为您添加id 和name。

因此，只需从您的 asp-for 输入中删除所有 id 和 name 属性即可。