.net - mvc4 + jquery mobile + 多页表单最佳实践

Question

在 jquerymobile 和 mvc4 中表单拆分为多个页面的任何准则或最佳实践？Jqm 允许在一个 html 文档中将多个 div 设置为“页面”，但是对于我正在成像数据验证等的表单，走这条路会让人头疼吗？

Answer 1

在过去的几个月里，我一直在探索基于 asp.net 的 jQuery Mobile，包括 Web 表单和 mvc。首先，我意识到这不是你的问题的一部分，jQM 和 web 表单和回发模型从根本上被破坏了。使用 web 的唯一方法是关闭 jQM 的 mobileinit 中的 ajax 加载。我最近完成了由 4 或 5 个页面组成的小型站点，需要部署在 Web 表单之上。我最终使用了一个包含 4 或 5 个“页面”/<div data-role="page">元素的 html 文件。所有数据交换都是通过 ASMX 服务调用完成的。一些 JavaScript 和 KnockoutJS。它工作得很好，但对于这样一个简单的网站来说过于复杂了。

至于 mvc，jQM 模型及其 ajax 实现工作正常。混合单页和多页模板可以，但您需要在应用程序的不同区域之间进行清晰的划分。我使用了后一种方法，最后转向单页模板，主要是因为它是与我当前的 mvc 开发经验最一致的方法。我还探索了一种完整的 SPA 方法，但最终放弃了它，因为它不是必需的，并且大大复杂了我的工作。

我继续挣扎的唯一一点是，大多数具有移动体验的用户都希望当您通过任何链接导航离开页面时，所有数据都将保存在页面上。如果您只有标准表单submit按钮和其他导航按钮，这些按钮可能不在您的form，您将需要调用某种类型的 javascript/ajax 以确保您的表单被提交。请记住，您的导航按钮可能位于页脚和表单之外。

总的来说，我仍然对 jQM 和 mvc 的可能性感到非常兴奋。如果我能以这些为职业，我将成为一个快乐的露营者。jQM 和 MVC 的端到端示例并不多。如果您想就此进行更多讨论，我将很高兴。我显然没有所有的答案，但经历了一些痛苦，可以引导你远离一些方法。