如何制作Firebase表格？

Question

我正在使用Firebase作为网站页面.如何使用Firebase创建表单？并将数据存储在数据库中？似乎没有任何好的教程.我是Firebase的新手.

Answer 1

Firebase数据库更像是数据对象的存储.因此,您只需要从表单值构建一个JavaScript对象,然后在提交时发送到Firebase.

检查此CodePen.专注于新活动部分.您将看到如何从表单值构建对象并发送到Firebase.

例如,你的html中有一个表单:

<form id='myForm'>
  <input id='title' type='text' />
  <input id='description' type='text' />
  <input type='submit' />
</form>

在您的JavaScript文件中,您可以执行以下操作:

// Target the form elements by their ids
// And build the form object like this using jQuery: 

var formData = {
  "title": $('#title').val(),
  "description": $('#description).val(),
}

// Then listen to the form submit event
$('#myForm').submit(function(evt) {
  evt.preventDefault(); //Prevent the default form submit action

  // You have formData here and can do this:
  firebase.initializeApp(config); //Initialize your firebase here passing your firebase account config object
  firebase.database().ref('/formDataTree').push( formData ); // Adds the new form data to the list under formDataTree node
})

希望这可以帮助