使用 ViewModel 在数据库中保存 MVC 下拉列表项

Question

我对 MVC 架构完全陌生，需要帮助将下拉列表选择的项目保存在数据库中。 基本上，对于其创建视图上的每个项目 Model，我需要有一个下拉列表，我需要在其中选择一个客户端（客户端名称显示在 Dropdonwlist 中）。 根据选择的客户端，ClientID 应通过 Post 方法（作为外键）链接到数据库中的 Project object 实例。

GET 部分显示Create和填充Dropdownlist作品，POST 是折磨我的东西。

这是我的项目 Model：

    public class Project
{
    [Key]
    public int ProjectId { get; set; }
    public string Name { get; set; }
    public string Budget { get; set; }
    public string BusinessCase { get; set; }
    [DataType(DataType.Date)]
    public string StartDate { get; set; }
    [DataType(DataType.Date)]
    public string FinishDate { get; set; }
    public int ClientId { get; set; }
    public Client Client { get; set; }
    public ICollection<ProjectMember> ProjectMembers { get; set; }

    public Project()
    {
    }
}

这是我的客户 Model：

    public class Client
{
    [Key]
    public int ClientId { get; set; }
    public string Name { get; set; }
    public string State { get; set; }
    public string Address { get; set; }
    public int VAT { get; set; }
    public ICollection<Project> Projects { get; set; }

    public Client()
    {

    }
}

这是我的 CreateProject ViewModel（可能不需要某些属性 - 我刚刚尝试了很多方法......）

public class CreateProjectViewModel
{
    [Key]
    public int ProjectId { get; set; }
    public string Name { get; set; }
    public string Budget { get; set; }
    public string BusinessCase { get; set; }
    [DataType(DataType.Date)]
    public string StartDate { get; set; }
    [DataType(DataType.Date)]
    public string FinishDate { get; set; }
    public int ClientId { get; set; }
    public Client Client { get; set; }
    public ICollection<ProjectMember> ProjectMembers { get; set; }


    public IEnumerable<SelectListItem> Clients { get; set; }
}

这是我的 Controller GET 方法创建（使用来自客户端表的 Select 值填充下拉列表）：

   public IActionResult Create()
    {


        var clients = _context.Client.Select(r => r.Name);
        var viewmodel = new CreateProjectViewModel
        {
            Clients = new SelectList(clients)
        };
        
        return View(viewmodel); 

    }

最后，这是使用 CreateProjectViewModel 创建视图：

@model ProjectPortfolioApp.ViewModels.CreateProjectViewModel
    
    @{
        ViewData["Title"] = "Create";
    }



<div class="row">
    <div class="col-md-4">
        <form asp-action="Create">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>

            <div class="form-group">

                @Html.LabelFor(model => model.Client.Name, htmlAttributes: new { @class = "control label col-md-2" })
                **@Html.DropDownListFor(model => model.ClientId, Model.Clients, "---Select Client---", new { @class = "form-control" })**
            </div>

上面的代码可以很好地使用public IEnumerable<SelectListItem> Clients { get; set; }按预期显示下拉元素（客户端名称）。 public IEnumerable<SelectListItem> Clients { get; set; } public IEnumerable<SelectListItem> Clients { get; set; } 。 我正在努力解决的是 POST 部分，我收到错误Object 引用未设置为 object 的实例。 When I post model => model.ClientId If I pass here basically anyhing else eg model => model.Name there is no error only the Client ID is not succesfully posted in database (obviously).

这是 HTTP Post 的片段，这很可能是错误的：

[ValidateAntiForgeryToken]
    public async Task<ActionResult> Create(CreateProjectViewModel model)
    {
        if (ModelState.IsValid)
        {
            var project = new Project() { Name = model.Name, ClientId = model.ClientId, Budget = model.Budget, BusinessCase = model.BusinessCase, StartDate = model.StartDate, FinishDate = model.FinishDate };
            _context.Add(project);
            await _context.SaveChangesAsync();
            return RedirectToAction(nameof(Index));
        }
       
        return View();

        
    }

任何人都可以查看我的代码并帮助我识别：

• 我的 GET Create 是否可以很好地服务于 POST Create 的目的
• 应该在 @Html.DropDownListFor 中传递什么作为有效参数以避免错误？
• HTTP Post Create 应该是什么样的？

我看了几十个线程，不幸的是没有任何帮助。 真的任何帮助将不胜感激。 谢谢。

Answer 1

我同意史蒂夫。 我认为要使用的值字段是 null，也许检查浏览器并确保所有 valuesFiled 都按预期正确返回值

Answer 2

你必须修复这个动作

public IActionResult Create()
{

 var clients = _context.Client
           .Select(r =>  new SelectListItem{ Value= r.ClientId.ToString(), Text= r.Name)
           .ToList();

        var viewmodel = new CreateProjectViewModel
        {
            Clients = clients
             .... another properties
        };
        
        return View(viewmodel); 

    }

并查看

@Html.DropDownListFor(model => model.ClientId, @Model.Clients, "---Select Client---", new { @class = "form-control" })