我是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) {
}