javascript - 如何在html静态页面上创建模态表单以将用户存储在rails中

Question

我试图在一些静态 html 页面中显示模式表单窗口，以请求用户信息并将其与 Rails 应用程序连接。

我有一个动态 Rails 应用程序，它使用服务器一侧的 gem Devise 保存用户信息。

使用 Bootstrap 在 Rails 中创建模态窗口似乎很简单，但我不知道该 View 是否可以作为 javascript 嵌入到静态页面中，或者是否应该直接在静态页面中创建模态表单以便稍后将用户数据发送到我的应用程序 rails 。

任何想法将不胜感激。提前致谢。

Answer 1

您有三个选择:

A) 在隐藏的 div 中提前渲染表单的 html，然后将其复制到模态中。B) 在 javascript 中构造表单，可能使用一种缺少一些细节的“空白”表单，然后将结果渲染到模态中C) 使用 javascript 调用 Rails 后端(提供 html 表单)，当获得它时，将其加载到模态中。

您使用的选择取决于表单中动态内容的数量。 C 是最慢的选择，但在某种程度上是最简单的，因为您的表单始终在 Rails 中从头开始构建，它可以使用适当的数据。这适合这样的情况:您在页面上查看大量记录，每条记录都有大量数据，并且您想单击其中一条来编辑部分数据。

如果对于任何给定页面，可以在初始页面渲染时在 Rails 中生成表单，那么您可以执行 A 操作，因为所有动态元素将首先在您的 Controller 中可用。这非常适合您查看单个记录并希望在模式中显示编辑表单的页面:因为只有一个记录可供选择，所以您总是事先知道如何为其制作表单。

B 是一个半途阶段:如果您事先不知道需要将什么加载到表单中，但表单“选项”之间的差异非常小，那么您可以填写空白与JS。这可能是最复杂的解决方案，因为您需要自己编写 JS，但它比 C 更有效。