如何在流星中創建點擊計數器（帶數據庫）？

Question

這應該是一個相對簡單的解決方案，但是自從我做了任何編程並且我有點生疏以來已經很長時間了。基本上，我想用計數器創建一個簡單的頁面，當點擊一個按鈕時，計數器的值增加1。這是默認的Meteor應用程序的設置方式，但不包括用於保存數據的數據庫模型。基本上，我希望數字在即使離開頁面時也能保持不變。我如何去做這件事？

到目前爲止，我已經創建了這樣一個模式：

counter = new Mongo.Collection('counter'); 

counter.attachSchema(
    new SimpleSchema({ 
    clicks: { 
     type: Number 
    }, 
    createdAt: { 
     type: Date, 
     denyUpdate: true 
    } 
    }) 
); 

並用以下JS按鈕連接：通過一個

Template.home.events({ 
    "click .increment": function (event) { 
    counter.update({ 
     clicks: "++", 
    }); 
    } 
}); 

Answer 1

正確的更新方法，增加外地clicks會例如：Counter.update({_id: counterDoc._id}, {$inc: {clicks: 1}});。

這裏有一個演示：

if (Meteor.isClient) { 
    Template.home.events({ 
     "click .increment": function() { 
      var counterDoc = Counter.findOne(); 
      if (counterDoc) Counter.update({_id: counterDoc._id}, {$inc: {clicks: 1}}); 
      else Counter.insert({clicks: 1}); 
     } 
    }); 

    Template.home.helpers({ 
     clicks: function() { 
      var counterDoc = Counter.findOne(); 
      return counterDoc ? counterDoc.clicks : "0"; 
     } 
    }); 
} 

---

<template name="home"> 
    {{clicks}} 
    <br/> 
    <button type="button" class="increment">Increment</button> 
</template> 

---

Counter = new Mongo.Collection('counter'); 

Counter.attachSchema(
    new SimpleSchema({ 
     clicks: { 
      type: Number 
     }, 
     createdAt: { 
      type: Date, 
      denyUpdate: true, 
      autoValue: function() { 
       if (this.isInsert) return new Date; 
       else if (this.isUpsert) return {$setOnInsert: new Date}; 
       else this.unset(); 
      } 
     } 
    }) 
);