多部分表单 - 每次提交更新数据库

时间:2015-03-05 02:45:33

标签: javascript angularjs node.js client-server

我确定这不是最难解决的问题,但我对如何处理这种特殊情况缺乏了解。

学习MongoDB,Express,Angular,Node以创建用于学习目的的Web应用程序。

我有一个2阶段提交表格。

第1步:收集宠物信息。基于文本的输入(宠物名称,宠物描述......)。 提交此信息通过我的客户端控制器。处理并作为新条目保存到mongo。

第2步:使用ng-show / ng-hide,隐藏第一个表单,并显示第二个输入表单以提交图像。

第2步上传并未使用客户端控制器。相反,我做了一个直接的方法=后来调用我的快速路线。 Multer模块被称为中间件,可将我的图片上传到服务器端目录并生成JSON图像信息。

我想要做的就是跟进mongoDB的更新,将multer image_path插入到我之前的mongodb集合中,这样我以后可以直接从upload文件夹中渲染图像。

我的问题是,我无法弄清楚如何通过" _id"提交到第二步的第一步,以便我可以执行更新。

如何将我在客户端控制器中的数据传递到服务器端控制器。

我可以使用我的视图,还是需要调用另一条快速路由来传递数据?

我的项目位于https://github.com/astemborskim/anidopt.git 目前正在临时分支。

还在以下要点中发布视图,客户端和服务器端控制器。

https://gist.github.com/astemborskim/edc5d4a80dfe6e154c99

1 个答案:

答案 0 :(得分:0)

以下是执行多部分表单的一种可能方式。

  1. 您可以使用Bootstrap并使用 Tagglable Tabs
    • 您可以随时根据自己的喜好自定义它。也许隐藏或重新设计标签看起来像一个步骤。然后让您的部分表单提交/下一个按钮切换第二个选项卡
  2. 每个标签代表您构成部分
  3. 现在,当您提交第一部分时,您将获得_id 并可以将其用于进一步的请求