带有 ASP.NET MVC 3 的联系人页面

Question

我有一个联系页面，这个页面应该显示一个表单或一个成功消息或一个失败消息，所以基本上是这样的：

@model MyApp.Models.ContactData

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div>

...Some static content...


If page was opened the first time
    -> Render a form here
Else If form was posted and data successfully processed
    -> Render a success message here
Else If form was posted but error occurred during processing
    -> Render a failure message here

...Some static content...


</div>

我不知道使用 MVC 3 实现这一目标的最佳方法是什么。我是否创建三个完全独立的视图（这是我想避免的，因为静态内容对于所有三个视图都是相同的）？或者我可以创建三个局部视图，然后根据我可以放入模型类的附加标志来决定要渲染哪个局部视图？或者我可以以某种方式将部分视图从控制器动态注入到视图中？

我目前的控制器是这样的：

public class ContactController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    [HttpPost]
    public ActionResult Index(ContactData contactData)
    {
        if (ModelState.IsValid)
        {
            ContactService service = new ContactService();
            bool result = service.Process(contactData);

            return ?; // What do I return now? It must somehow depend on result.
        }
        else
            return View(contactData));
    }

}

我有一个与 ASP.NET WebForms 类似的页面和行为，解决方案是将三个可变标记块放入 asp:Panel 控件，然后从代码打开或关闭这些面板的 Visible 标志-在后面。我想我需要使用 ASP.NET MVC 的另一种方法来达到相同的目标。

最好的方法是什么？

提前感谢您的建议！

Answer 1

你可以这样试试：

    [HttpPost]
    public ActionResult Index(Contact contactData)
    {
        if (ModelState.IsValid)
        {
            ContactService service = new ContactService();
            if (service.Process(contactData))
            {
                TempData["Success"] = "Your success message.";
                return RedirectToAction("Index");
            }
            else
            {
                TempData["Error"] = "Your fail message.";                   
            }
        }
        return View(contact);
    }

Answer 2

也许使用 ViewBag 来帮助实现这一切。当然它是动态的，所以你可以添加和检查你想要/需要/期望的任何道具。

[HttpPost]
public ActionResult Index(ContactData contactData)
{
    if (ModelState.IsValid)
    {
        ContactService service = new ContactService();
        bool result = service.Process(contactData);
        ViewBag.ContactSuccess = true;
    }
    else
    {
        ViewBag.ModelStateErr= "some err";
    }

    return View(contactData));
}

然后在你的视图中：

if (ViewBag.ContactSuccess !=null && ((bool)ViewBag.ContactSuccess))
{
        //thanks for posting!
}
else
{  
    if (ViewBag.ModelStateErr !=null)
    {
        //show that we have an err
    }
    else
    {
        //we have no err nor a 'true' contact success yet
        //write out the form
    }
}

Answer 3

看起来你可以在客户端发出一个ajax调用，并根据Json结果，你可以从客户端渲染不同的内容。

Answer 4

我建议编写三个不同的视图

• index.cshtml
• contactSuccess.cshtml
• contactFail.cshtml

然后在您的 Controller 中，您将拥有与之前类似的代码

public class ContactController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    [HttpPost]
    public ActionResult Index(ContactData contactData)
    {
        if (ModelState.IsValid)
        {
            ContactService service = new ContactService();
            bool result = service.Process(contactData);

            return View("contactSuccess.cshtml"); 
        }
        else
            return View("contactFail.cshtml", contactData);
    }

}

这样每个视图都有一个独立的，并且您的标记中间没有大的内联 IF 块。

或者（这就是我的做法）您可以让 index.cshtml 包含三个部分...

• _ContactForm.cshtml
• _ContactSuccess.cshtml
• _ContactFail.cshtml

然后您可以将部分视图加载到索引视图中，甚至可以使用 AJAX 动态交换它们。