如何將表格綁定到南希

Question

我已經編寫了一個通過C＃創建HTML表單的代碼段。 但我希望在表單提交后將表單的字段綁定到類的字段。 我該怎么做並檢查結果（如果該類的字段已填寫）？ 而且，我不知道如何通過Postman或Fiddle測試代碼。 你能舉例說明嗎？ 例如，當通過瀏覽器填寫表單時，我不知道如何查看轉發到sent的結果。

HTML表單

<form action="sent” method="POST"<br>
    <label for="firstName">First Name Label:</label> 
    <input type="text" title="testTitle" name="firstName" placeholder="First Name" ><br>
    <label for="lastName">Last Name Label:</label> 
    <input type="text" name="lastName" placeholder="Last Name" ><br>
<input type="submit" name = "noname">
</form> 

南希

Get("/form", parameters =>
{
   // codes to construct the above HTML code
   return Response.AsText(form.ToString(), "text/html");
}

// Received form information (fields)
Post("/sent”, _ =>
{
    testClass receivedData = this.Bind<testClass>();
    return new
    {
        success = true,
        message = $"Record recieved First Name = {receivedData.Name}",
        message2 = $"Record recieved Last Name = {receivedData.SurName}"
    };
});

testClass，

public class testClass
{
   public string Name { get; set; }
   public string SurName { get; set; }
}

Answer 1

通過這個工作示例，可以輕松地為表單提供服務。

        Get("/api/base", _ =>
        {
            return Response.AsFile("content/Base.html", "text/html");
        });

確保較新時添加內容文件夾並將文件復制到輸出目錄。

確保您正確關閉標簽。 您的表單也可以像這樣在提交時調用映射的api

<form action="/api/submit" method="POST">
<br>
    <label for="firstName">First Name Label:</label> 
    <input type="text" title="testTitle" id="firstName" placeholder="First Name"><br>
    <label for="lastName">Last Name Label:</label> 
    <input type="text" id="lastName" placeholder="Last Name" ><br>
    <input type="submit" id = "noname">
</form> 

https://stackoverflow.com/a/53192255

Post("/api/submit”, args =>
{
    //this.Request.Body;
    var r = (Response)"";
    testClass receivedData = this.Bind<testClass>();
    r = (Response)$"Record recieved First Name = {receivedData.Name}" 
    + Environment.NewLine +
    $"Record recieved Last Name = {receivedData.SurName}";
    r.StatusCode = HttpStatusCode.OK;
    return r;
});

我可能是錯的，但是我認為這是因為您在輸入中使用了丟棄。