javascript - 请求 Meteor + autoform 示例

Question

在autoform docs ，有很多示例片段，但我无法让它们中的任何一个工作。主要是因为 autoform、meteor 和 JS 对我来说都是新的。

然而，我擅长改编例子，却找不到任何简单的例子。 This is one我挣扎着。我可以获得使用集合的简单自动表单(或快速表单)的完整工作示例吗？

1. 假设我已经安装了 aldeed:autoform 和 aldeed:collection2。

2. 假设我的文件分为

   • 两者/testform.js
   • 服务器/testform.js
   • 客户端/testform.js
   • 客户端/testform.js？

3. 假设我正在使用一个名为“testTemplate”的模板和一个名为“testCollection”的集合

感谢您的帮助。

Answer 1

我会尽量做到简单。

首先创建项目并删除autopublish 和insecure 包

第二个放在 /server/testform.js 上。

TestCollection.allow({
  insert:function(){return true;},
  remove:function(){return true;},
  update:function(){return true;},
})

和 publish功能

Meteor.publish("TestCollection", function () {
  return TestCollection.find();
});

更多关于 allow/deny规则

根据 Meteor 最佳实践，将集合声明放在 /lib/testform.js 中，而不是 /both/testform.js，以确保它首先被评估。

TestCollection = new Mongo.Collection("TestCollection");

和 subscription .

if(Meteor.isClient){
     Meteor.subscribe('TestCollection')
}

现在在 /client/testform.html

放这个。

<template name="testForm">
  {{> quickForm collection="TestCollection" id="insertTestForm" type="insert"}} 
</template>

现在在 /client/testform.js 上放置模式

TestCollection.attachSchema(new SimpleSchema({ //take this from docs.
  title: {
    type: String,
    label: "Title",
    max: 200
  },
  author: {
    type: String,
    label: "Author"
  },
  copies: {
    type: Number,
    label: "Number of copies",
    min: 0
  },
  lastCheckedOut: {
    type: Date,
    label: "Last date this book was checked out",
    optional: true
  },
  summary: {
    type: String,
    label: "Brief summary",
    optional: true,
    max: 1000
  }
})); 

注意

如果您是 Meteor/Javascript 的新手，请不要跳入像这样的复杂包。

运行它，看看它们是如何工作的。

meteor create --example todos 
meteor create --example local market

或查看 the meteor tutorial

对于 Javascript，本教程/指南对我帮助很大 How to Learn Javascript properly