Javascript Meteor-将数据库连接到表单_Javascript_Mongodb_Meteor

Javascript Meteor-将数据库连接到表单

javascript mongodb meteor

Javascript Meteor-将数据库连接到表单,javascript,mongodb,meteor,Javascript,Mongodb,Meteor,我是Meteor的新手，正在尝试构建一个简单的应用程序，用户提交一些数据并将其添加到数据库中。我有两个问题： 1）如何确认数据是否已提交到数据库？ 2）正如您在HTML中看到的，我设置了一个名为{{>TaxiInfo}的模板，该模板旨在确认数据已发送到数据库，然后显示它。它目前不起作用非常感谢能提供的任何帮助 HTML代码如下所示： <head> <title>taximetro</title> </head> <body>

我是Meteor的新手，正在尝试构建一个简单的应用程序，用户提交一些数据并将其添加到数据库中。我有两个问题：

1）如何确认数据是否已提交到数据库？ 2）正如您在HTML中看到的，我设置了一个名为{{>TaxiInfo}的模板，该模板旨在确认数据已发送到数据库，然后显示它。它目前不起作用

非常感谢能提供的任何帮助

HTML代码如下所示：

<head>
  <title>taximetro</title>
</head>

<body>
  <div class="container-fluid">

    <nav class="nav nav-tabs">
      <ul class="nav nav-tabs">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
      </ul>       
    </nav>  

    <div class="jumbotron">
      <div class="container">
        <h1>TaxiMetro</h1>
        <p>Descubre con quien viajas</p>
      </div>
    </div>

    {{>Search}}

    {{>TaxiInfo}}

    {{>Report}}

  </div>
</body>

<template name="Search">
  <form class="Search">
    <div class="form-group">
      <input type="text" class="form-control" id="searchlicense" placeholder="Digita la placa: Ej: ABC123">
      <button type="button" class="btn btn-default form-control" id="searchbutton ">Buscar</button>  
    </div>
  </form>
</template>  

<template name="Report">
  <form class="Report">
    <div class="form-group">
      <label for="licenseplate">Placa</label>
      <input type="text" class="form-control licenseplate" name="licenseplate" id="licenseplate" placeholder="Ingresa la place del vehiculo. Ej: ABC123">
      <label for="review">Escribe tu reseña</label>
      <textarea class="form-control review" name="review" id="review" cols="5" rows="3"></textarea>
      <button type="submit" class="btn btn-default form-control" id="submitbutton" value="Enviar">Enviar</button>
    </div>
  </form>  
</template>  

<template name="TaxiInfo">  
      {{#each all_drivers}}
        <p>{{licenseplate}}</p>
        <p>{{review}}</p>
      {{/each}}
</template>

TaxiReviews = new Mongo.Collection('taxidrivers');

if (Meteor.isClient) {
    Template.Report.events({
        'click .submit': function () {
            TaxiReviews.insert ({
                licenseplate: $('.licenseplate').val(),
                review: $('.review').val() 
            });
        $('.licenseplate').val('');
        $('.review').val('');       
        }
    });

    Template.TaxiInfo.helpers = function () {
        TaxiReviews.find();
    }
}   

if (Meteor.isServer) {

}

您的jQuery是错误的。您已经点击了

。提交

，但HTML中没有类

submit

。您可以尝试

单击#提交按钮

。通常，在调试事件时，您应该首先通过在事件处理程序函数中放置

控制台.log

或

调试器

来检查是否触发了事件。此外，

Collection.insert

如果成功插入，将返回插入文档的唯一ID——您还可以在GenghisApp上查看MongoDB内部的一个漂亮的小GUI。谢谢@fuzzybabbunny。应该多注意我的选择。我在看成吉思app，它看起来适合未来和当前的需要。我在他们的网站上找不到答案的问题，它允许编辑数据库吗？或者有其他应用程序可以这样做。是的，你可以使用GenghisApp编辑数据库中的文档，但我认为没有任何批处理操作。我用它只是为了快速直观地确认事情。