javascript - 类似于 Wufoo 的 Web 界面(可拖动元素、记住状态)

Question

我的问题非常具体。我想要一个可以创建表单的应用程序，就像在 Wufoo 上一样，具有易于使用的界面。这意味着可拖动元素。

我的问题是，一旦使用更改了表单元素的序号位置，我无法弄清楚如何将状态保存在数据库中。我可以做前端，并且有可用的库，但是如何在后端保存表单的特定实例，以便下次使用登录时，顺序是相同的。

我很想在这个应用程序中使用 Django。所以，我能想到的基本类是:

class Form(models.Model):
  """...objects..."""


class TextField(models.Model):
  """...objects..."""
  #FK to Form()


class TitleArea(models.Model):
  """...objects..."""
  #FK to Form()

我还可以在 HTML 表单中的元素上拥有特定的 ID:

<input id="Field2" name="Field2" type="text"/>

他们(Wufoo)是如何做到这一点的？我的模型不正确吗？我知道这很天真。谢谢。

Answer 1

您可以使用ModelForm使用模型实例创建表单。只需在用户完成编辑后保存模型，然后当您再次为他们创建表单时，使用该模型作为 ModelForm (或表单集)的实例:

form = YourForm(instance=model_instance)