流星 - 将数据库连接到表单

时间:2015-07-06 20:25:02

标签: javascript mongodb meteor

我是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>

Meteor JS代码如下:

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) {

}

0 个答案:

没有答案