Chrome Pointer

2019年10月2日 星期三

Firebase 寫入資料教學


<!DOCTYPE html>
<!-- Website template by freewebsitetemplates.com -->
<html>
<head>
<meta charset="UTF-8">
<title>公司資訊</title>


<script src="https://www.gstatic.com/firebasejs/6.6.1/firebase-app.js"></script>

<script src="https://www.gstatic.com/firebasejs/6.6.1/firebase-firestore.js"></script>
//^上面這2行程式一定要打^

<script>
// 把語法從Firebase專案設定裡面 複製過來
var firebaseConfig = {
    apiKey: "",
    authDomain: "",
    databaseURL: "",
    projectId: "",
    storageBucket: "",
    messagingSenderId: "",
    appId: "  "
 };

  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);


// Firebase 專案設定開始


var db = firebase.firestore();

function storedata(cpname,cpaddress,phone1,phone2,phone3) //把onclick的值傳過來
{
db.collection("NTUNHS").doc("Company").set({
name: cpname,
address: cpaddress,
phone: [phone1, phone2, phone3]
});
}


</script>


</head>
<body>
<span style="font-family:DFKai-sb; font-size:50px; " >請輸入公司資訊</span>

公司名稱<input type="text" name="name" id="text1" /> <br /><br />
公司住址<input type="text" name="address" id="address" /> <br /><br />
公司電話1<input type="text" name="phone1" id="phone1" /> <br /><br />
公司電話2<input type="text" name="phone2" id="phone2"> <br /><br />
公司電話3<input type="text" name="phone3" id="phone3"> <br /><br />

<button onclick="storedata
(text1.value,address.value,phone1.value,phone2.value,phone3.value)">GO</button>
//當按下button後,把<input  id 的值傳到function storedata 裡面 ~

<form action="1001_2.php" method="POST" >
<input type="submit" value="前往查詢頁面">
</form>


</body>
</html>



沒有留言:

張貼留言

喜歡我的文章嗎? 喜歡的話可以留言回應我喔! ^^