在 ASP.NET MVC 中提交表单后显示值的最佳实践

Question

我对 ASP.NET 和 MVC 还很陌生，目前正在尝试以下方法：

• 模型：表单的属性
• 查看：向用户显示表单
• 控制器：
  • 行动：做点什么
  • 返回初始视图并向用户显示值

使用普通的 html，我可以正常工作。到目前为止，使用 razor 语法，我无法在提交表单后重新显示值。

我的模特：

namespace MyModels
{
  public class SubmitTicketFormModel
  {
     [DisplayName("First Name")]
     public string _firstName { get; set; }

     [DisplayName("Last Name")]
     public string _lastName { get; set; }
  }
}

我的观点：

@model MyModels.SubmitTicketFormModel

@{
    ViewData["Title"] = "SubmitTicketView";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h1>Request</h1>

@using (Html.BeginForm("SubmitTicketAction", "SubmitTicketContoller", FormMethod.Post))
{
    <div class="form-group">
        @Html.LabelFor(model => model._firstName)
        @Html.TextBoxFor(model => model._firstName, new { @class = "form-control" })

        @Html.LabelFor(model => model._lastName)
        @Html.TextBoxFor(model => model._lastName, new { @class = "form-control" })
    </div>

    <input type="submit" value="Post comment" />
}


<table class="table table-bordered table-sm">
    <thead class="thead-light">
        <tr>
            <th>col1</th>
            <th>col2</th>
        </tr>
    </thead>
    <tbody>

        <tr>
            <td>
                @Model._firstName
            </td>
            <td>
                @Model._lastName
            </td>
        </tr>

    </tbody>
</table>

控制器：

    public class SubmitTicketController : Controller
    {
        public ActionResult SubmitTicketView()
        {
            var TicketInstance = new SubmitTicketFormModel();
            return View(TicketInstance);
        }

        [HttpPost]
        public ActionResult SubmitTicketAction(SubmitTicketFormModel model)  
        {
            var NewTicketInstance = new SubmitTicketFormModel()
            {
                _firstName = model._firstName,
                _lastName = model._lastName
            };

            return View(NewTicketInstance);

        }
     }

 }

你能指导我正确的方向吗？

Answer 1

如果您希望在用户单击提交按钮后呈现相同的视图，那么我想您不希望在UI 再次出现。只有您的视图中的名字和姓氏的值，您已在视图中写下您的逻辑。 在这种情况下，您可以从控制器中将 ViewBag 传递给您的视图，这将帮助您的视图了解它是否必须显示输入表单或显示用户输入的数据。

[HttpPost]
        public ActionResult SubmitTicketAction(SubmitTicketFormModel model)  
        {
            var NewTicketInstance = new SubmitTicketFormModel()
            {
                _firstName = model._firstName,
                _lastName = model._lastName
            };
            ViewBag.Check = "true";
            return View(ViewName , modelname);

        }

然后在你看来，

@model MyModels.SubmitTicketFormModel

@{
    ViewData["Title"] = "SubmitTicketView";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@if(ViewBag.Check != null)
{
<h1>Request</h1>

@using (Html.BeginForm("SubmitTicketAction", "SubmitTicketContoller", FormMethod.Post))
{
    <div class="form-group">
        @Html.LabelFor(model => model._firstName)
        @Html.TextBoxFor(model => model._firstName, new { @class = "form-control" })

        @Html.LabelFor(model => model._lastName)
        @Html.TextBoxFor(model => model._lastName, new { @class = "form-control" })
    </div>

    <input type="submit" value="Post comment" />
}
}
else
{

<table class="table table-bordered table-sm">
    <thead class="thead-light">
        <tr>
            <th>col1</th>
            <th>col2</th>
        </tr>
    </thead>
    <tbody>

        <tr>
            <td>
                @Model._firstName
            </td>
            <td>
                @Model._lastName
            </td>
        </tr>

    </tbody>
</table>
}