个人中心
gpt4 book ai didi

c# - 如何在 MVC 中填充模型

转载 作者：太空宇宙 更新时间：2023-11-03 18:24:36 24 4
gpt4 key购买 nike

所以我正在尝试填充一个需要用户 ID 的模型。所以现在，我的ActionResult Index方法只返回一个 View ，提示用户输入他们的userId .我需要获取该值，然后创建 View 模型，然后将其传回 View ，这样我就可以执行 @Model.blah 之类的操作.我想知道如何做到这一点，是否有两种不同的操作结果方法，或者在构造 viewmodel 之前必须首先查询所需信息时如何填充模型。 .

这是我的 Controller :

 public ActionResult Index()
        {
            // Ask for UserID
            return View("~/Views/FingerprintTool/Index.cshtml");
        }


public ActionResult Index(int userId)
        {

            var response = _driver.ListFingerprints(userId);
            var model = new FingerprintToolModel()
            {
                Fingerprints = response.Fingerprints
            };
            return View(model);
        }

这是我的html: 
  model Models.Tools.FingerprintToolModel

<head>
    <script type="text/javascript" src="~/Scripts/FingerprintTool.js"></script>

</head>
<body>
    <h1>Fingerprint Tool</h1>
<form id="userIdForm" method="post">
    Type in your UserId: <input name="userId" type="number" id="formUserId"/>
    <input type="submit"/>
</form>

    @if (Model != null)
    {
        <h1>SUCCESS</h1>
    }
</body>

我还有一个 Javascript 文件，用于处理单击提交按钮等问题。

这是Js: 
window.onload = function() {
    $("#userIdForm")
        .submit(function(e) {
            e.preventDefault();
            if ($("#formUserId").length == 0) {
                alert("Invalid UserId");
            } else {
                listUserFingerprints();
            }

        });
}

function listUserFingerprints() {
    // what to do here
}

最佳答案

形式:

首先，更新您的表格。您可以使用简单的 HTML 表单，或 @Html.BeginForm() helper ，像这样:

@using Html.BeginForm()
{
    @Html.AntiForgeryToken()

    <label for="userId">Enter your User ID:</label>
    <input type="number" name="userId" id="userId" />

    <input type="submit" />
}

默认情况下，您的 Html.BeginForm创建所有必要的元素和表单操作等。如果您愿意，您仍然可以使用标准 HTML。两者都做同样的工作。

注意 AntiForgeryToken .这在使用 POST 表单数据时非常有用(如果你真的必须的话，甚至可以获取)。

在你的 Controller 中，你可以检查这个 AntiForgeryToken , 以防止恶意帖子或数据被注入(inject) - 见下文。

Controller :

在您的 Controller 中创建另一个方法，与您现有的方法同名；用 [HttpPost] 装饰它属性。

如果您使用 AntiForgeryToken , 你需要用 [ValidateAntiForgeryToken] 装饰方法还。

像这样: 
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Index(int userId)
{
    // MVC's DefaultModelBinder is smart enough to map your form
    // post values to objects of the correct type, given the name in the form

    // Get the data from your repository etc.
    var model = GetUser(userId);

    // Then return this model to the view:
    return View(model);
}

请注意，我们在方法签名中查找的参数与 name 匹配。 input 的属性以你的形式。

MVC 的 DefaultModelBinder 能够在两者之间建立连接并将任何参数的值映射到表单值。

您还可以检查您的 model是 null (例如，该 userId 不存在)，如果存在则向页面返回错误。

我喜欢使用验证错误，但你也可以使用 ViewBag或任何其他类型的方法。

您可以进行检查并添加错误，如下所示: 
// Get the data from your repository etc.
var model = GetUser(userId);

if (model == null)
{
    ModelState.AddModelError("", "The user ID you entered cannot be found. Please try again");
}

// Then return this model to the view:
return View(model);

这将向 View 数据添加“通用”模型错误，然后您可以在 View 中对其进行处理。更多关于这一点，下面。

看法:

为了支持您的 View 显示您的 model ，您需要插入 @model cshtml 顶部的声明文件。

像这样: 
@model MyNameSpace.Models.User

这告诉 View 引擎模型 type期望从 Controller 。在这种情况下，我使用了 User ，但它会是你的类(class)被称为什么。

确保使用类的完全限定 namespace 来访问它。

然后，在您的 HTML 代码中，您可以使用 @Model.YourProperty 访问模型的属性。 .

像这样: 
...
<div>@Model.Username</div>
<div>@Model.FullName</div>
<ul>
    @foreach (var fingerPrint in Model.FingerPrints){
        <li>@fingerPrint.WhateverProperty</li>
    }
</ul>
...

如您所见，这循环通过 FingerPrints (或模型对象上调用的任何属性)并将它们打印在 <ul> 中.这是为了让您了解如何访问模型中的数据。

创建像这样的强类型 View 是个好主意——因为这首先是 MVC 的全部想法:)

不要忘记添加 if检查您正在访问的页面部分 @Model数据(否则你会得到一个 NullReferenceException ): 
@if (Model != null){
    <div id="modelDataInHere">
        ... // Display the data from your model, nice and pretty-like
    </div>
}

请注意声明和将值打印到 HTML 输出之间的大小写差异。我不会详细介绍，但这是正确和必要的。不要把两者混为一谈。

除了我们在 Controller 中添加的“验证错误”( AddModelError)。

如果您使用 Html.BeginForm()助手 - 就像在示例中一样 - 然后你可以添加一个 Summary在形式，某处。当 ModelState.AddModelError()在您的 Controller 中调用，这会填充 View 数据，并且此错误可以显示在页面上。

像这样: 
@using Html.BeginForm()
{
    @Html.AntiForgeryToken()

    // This puts any "generic" error messages at the top of the form
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })

    // Original form fields
    <label for="userId">Enter your User ID:</label>
    <input type="number" name="userId" id="userId" />

    <input type="submit" />
}

这里不需要任何 Ajax 或任何 JavaScript。您只是将 MVC 用于最初的设计。

但是，您可以使用 Ajax。

我鼓励你阅读它。还有一个类似的助手: Ajax.BeginForm() ，它将表单呈现为 Ajax 表单。

需要一些 JS 设置。而且您的 Controller 操作可能会返回一个 PartialView，而不是一个完整的 View 。

在此处阅读有关使用 Ajax 表单的帖子: http://eliot-jones.com/2014/09/mvc-ajax

完成的文章

时间在前进，这篇文章越来越长。

但为了清楚起见，您的 View 和 Controller 应如下所示。 (我陷入了一个虚构的类(class)，所以你可以看到属性的来源):

看法 
@model YourNameSpace.Models.User

... all your other code in here...

<div>
    @using Html.BeginForm()
    {
        @Html.AntiForgeryToken()

        @Html.ValidationSummary(true, "", new { @class = "text-danger" })

        <label for="userId">Enter your User ID:</label>
        <input type="number" name="userId" id="userId" />

        <input type="submit" />
    }
</div>

@if (Model != null)
{
<!-- If there is a model present, display the data for it: -->

        <div>
        <div>@Model.Username</div>
        <div>@Model.FullName</div>
        <ul>
            @foreach (var fingerPrint in Model.FingerPrints)
            {
                <li>@fingerPrint.WhateverProperty</li>
            }
        </ul>
    </div>
}

Controller 
public ActionResult Index()
{
    // This is your standard "GET" request for "Index"
    return View();
}

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Index(int userId)
{
    // MVC's DefaultModelBinder is smart enough to map your form
    // post values to objects of the correct type, given the name in the form

    // Get the data from your repository etc.
    var model = GetUser(userId);

    if (model == null)
    {
        ModelState.AddModelError("", "The user ID you entered cannot be found. Please try again");
    }

    // Then return this model to the view:
    return View(model);
}

sample 模型 
public class User
{
    public string Username { get; set; }
    public string FullName { get; set; }
    public List<FingerPrint> FingerPrints { get; set; }
}

真诚地希望这对您有所帮助，并祝您在项目中一切顺利。

有任何问题，欢迎随时提问:)

关于c# - 如何在 MVC 中填充模型，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38153944/

24 4 0
文章推荐： c# - Any() 扩展方法是否处理空值？
文章推荐： python - 带有外键的 unique_together django 引发验证错误
文章推荐： ruby - 如何使用 mechanize 处理登录后自动翻页？
文章推荐： python - python 中令人困惑的 lambda 表达式
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com