从Asp.Net核心中的布局提交带有成功消息的post表单

。

在Asp.Net核心中，可以使用布局来创建和管理页面的结构和样式。同时，通过使用post表单，可以向服务器发送数据。在提交表单后，通常会有一条成功消息用于提示用户操作是否成功。

要实现从Asp.Net核心中的布局提交带有成功消息的post表单，可以按照以下步骤进行：

创建布局视图（Layout View）：首先，创建一个布局视图用于定义整个页面的结构和样式。可以使用Asp.Net核心的布局视图模板或自定义的布局视图模板。布局视图中应包含一个用于显示成功消息的区域，比如一个带有id的div元素。
创建表单视图（Form View）：接下来，创建一个表单视图用于定义表单的内容和提交行为。表单视图应使用布局视图作为其父视图，以继承布局的结构和样式。在表单视图中，可以使用Asp.Net核心的Form标签和Input标签等来创建表单元素。
处理表单提交（Handle Form Submission）：在服务器端，需要为处理表单提交的操作编写逻辑。可以使用Asp.Net核心的控制器和动作方法来处理表单提交。在处理表单提交时，可以验证表单数据，并执行相应的操作，比如将数据保存到数据库或发送电子邮件。
显示成功消息（Display Success Message）：在处理表单提交成功后，可以将成功消息存储到临时数据中，比如Session或TempData。然后，在布局视图中的成功消息区域中读取并显示该消息。可以使用Asp.Net核心的ViewBag或ViewData来传递成功消息到布局视图。

以下是一个示例代码，演示如何从Asp.Net核心中的布局提交带有成功消息的post表单：

布局视图（Layout View）：_Layout.cshtml

<!DOCTYPE html>
<html>
<head>
    <title>My Website</title>
    <!-- 布局的样式和脚本 -->
</head>
<body>
    <!-- 成功消息区域 -->
    <div id="successMessage">
        @ViewData["SuccessMessage"]
    </div>

    <!-- 表单内容 -->
    @RenderBody()

    <!-- 其他布局内容 -->
    <!-- 脚本引用 -->
</body>
</html>

表单视图（Form View）：Create.cshtml

@{
    Layout = "_Layout";
}

<h2>Create Form</h2>

<form asp-controller="Home" asp-action="Create" method="post">
    <!-- 表单元素 -->
    <label for="name">Name:</label>
    <input type="text" id="name" name="name" required />

    <!-- 其他表单元素 -->

    <button type="submit">Submit</button>
</form>

处理表单提交（Handle Form Submission）：HomeController.cs

using Microsoft.AspNetCore.Mvc;

public class HomeController : Controller
{
    [HttpPost]
    public IActionResult Create(string name)
    {
        // 处理表单提交逻辑
        // 可以将成功消息存储到临时数据中
        TempData["SuccessMessage"] = "Form submitted successfully.";

        // 执行其他操作

        return RedirectToAction("Index", "Home");
    }
}

这样，在成功提交表单后，成功消息将会显示在布局视图中的成功消息区域。用户可以通过表单视图中的Submit按钮触发表单提交，然后在处理提交的控制器动作方法中，将成功消息存储到TempData中，并重定向到指定的页面。

从Asp.Net核心中的布局提交带有成功消息的post表单

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐