【问题标题】:Multiple part form - update database each submission多部分表单 - 每次提交时更新数据库
【发布时间】:2015-05-06 07:22:05
【问题描述】:

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

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

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

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

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

第 2 步上传不使用客户端控制器。相反,我对我的快速路线进行了直接的方法=发布调用。 Multer 模块被称为中间件,用于将我的图片上传到服务器端目录并生成 JSON 图像信息。

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

我的问题是我不知道如何将第一步提交的“_id”传递给第二步,以便执行更新。

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

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

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

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

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

【问题讨论】:

  • socketio 是尝试将数据从客户端传递到服务器的最佳方式吗?有没有替代品。我读过的一些帖子也提到了使用 cookie。

标签: javascript angularjs node.js client-server


【解决方案1】:

这是进行多部分表单的一种可能方式。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-03-06
    • 1970-01-01
    • 2018-03-14
    • 1970-01-01
    • 1970-01-01
    • 2019-03-13
    • 1970-01-01
    相关资源
    最近更新 更多