Javascript 实现数据输入表的标准方法';Django的前端

Javascript 实现数据输入表的标准方法';Django的前端,javascript,html,css,django,Javascript,Html,Css,Django,我需要建立一个网站与以下类型的数据输入表 我想使用html、css、js和bootstrap作为前端,使用Django作为后端,使用SQLite作为Django的默认数据库系统。现在我对实现这种类型的输入表前端的标准方法感到困惑。我通常可以实现一个表,在单元格内(意味着在标记内),我可以放置另一个标记以获取输入数据并将其从用户发送到数据库中)。或者我可以使用(实际上我不知道是否可以使用这种类型的可编辑表在数据库中发送数据) 在这里,我需要一个添加行按钮和删除行图标,如果需要,还可以像图片一样添

我需要建立一个网站与以下类型的数据输入表

我想使用htmlcssjsbootstrap作为前端,使用Django作为后端,使用SQLite作为Django的默认数据库系统。现在我对实现这种类型的输入表前端的标准方法感到困惑。我通常可以实现一个表,在单元格内(意味着在
标记内),我可以放置另一个
标记以获取输入数据并将其从用户发送到数据库中)。或者我可以使用(实际上我不知道是否可以使用这种类型的可编辑表在数据库中发送数据)

在这里,我需要一个添加行按钮和删除行图标,如果需要,还可以像图片一样添加/删除输入行,我不知道如何实现它,因此可以从后端轻松访问它


因此,请向我建议什么是最好的方法,以及我应该如何实现这个前端,这样我也不会很难实现这个网站的后端。

您可以考虑将表格单元格数据保存到blur上的后端。 为此,您可能需要在不提交表单的情况下发布数据。 您可以创建一个不可见的表单,并在每个模糊上将表单的编辑单元格数据(具有行和列值)提交到后端。您可以通过编程方式触发表单提交,并执行“防止默认值”以避免页面重定向。
加载页面时,您可以获取整个数据,并使用框架创建表。

但我如何才能在不知道从用户那里获得多少行的特定字段中发送数据?原因可能会选择或限制字段。或者我应该在每次获得新行时为模型创建一个新字段?您可以考虑使用相同的模型保存特定单元格