繁体   English   中英

如何使用ASP.Net MVC制作向导

[英]how to make a wizard with ASP.Net MVC

我们的站点有多个“向导”,其中各个页面收集各种数据,并且在最后一步之前无法提交到数据库。

使用ASP.Net MVC制作这样的向导的最佳/正确方法是什么?

编辑:我的老板现在说“没有javascript” - 有关如何解决这个限制的任何想法?

我不相信有最好/最正确的方式,但我这样做的方式是......

每个向导都有自己的页面。 每一步都有自己的div。 所有步骤都采用相同的形式。

上一个/下一个按钮基本上隐藏/显示过程的每个步骤中的div。 最后一步的提交按钮提交整个表单。 使用jQuery实现它是非常简单的,并且它很容易维护,因为所有向导步骤都在一个ViewPage中。

在控制器端,你有两个控制器方法,HttpVerbs.Get版本,它将准备查看表单和HttpVerbs.Post版本,它将采用FormsResult并解析它以获取提交用户答案所需的信息存储/其他进程。


哇,老板臭了。

这个答案几乎适用于那些禁用javascript的人(是的,他们两个)。 您可以调整它以通过CSS隐藏下一个上一个按钮,并在您的javascript代码中取消隐藏它们。 这种方式使用javascript的人看到向导,没有javascript的人会看到整个表单(没有next / prev按钮)。

另一个选项是为向导中的每个步骤创建一个视图。 您可以在会话中存储表单的中间结果。 这种方式需要花费大量的时间和精力来实施,这意味着当你演示时,你可能会从老板那里挤出一些加班费,在午餐时花费大约20分钟,javascript路线的实施是多么容易。

如果您不能使用JavaScript,那么使用控制器中的方法使每个步骤成为视图,并将数据保持在会话中,直到准备好提交到数据库。

您可以使用ActionLink HtmlHelper方法创建Next和Prev按钮。

另一种方法是将使用向导构建的不完整对象保存到数据库,然后将主键传递给向导的下一步。 我知道这意味着您需要使一些数据库字段可以为空,但它确实具有额外的优势,您可以将主键保存在cookie中,并允许用户稍后返回向导。 此选项不需要javascript或会话状态。

使不同的面板都是客户端...所有都在相同的形式...当按下最终提交按钮时,您可以同时发布所有值。

如果您不能使用Javascript并且不希望将服务器资源用于Session变量,您还可以序列化和反序列化在不同步骤中输入的值,并使用隐藏的输入字段来回传递它。 有点像ASP.NET Webforms中的ViewState。

我整理了一个登录向导,并在我的博客上记录了它背后的想法,如果有帮助: 链接文本

您可以使用NuGet上提供的简单组件MVCWizard.Wizard。 WizardController允许您使用局部视图创建向导。 还有AutoWizardController,它在单个视图中呈现整个向导。 所有这些组件都与会话一起运行以存储模型状态。

在这个问题中有一个非常简单,灵活和可扩展的方法: 如何在ASP.NET MVC中简化我的状态隔行扫描模式对话框

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM